J-i '"':i~!

l~~t, ~I ~fol~
«»
OFPPT
I.a 1·11lt·.:lr:l'1J1'r:tar
Office de la Formation Professionnelle et de la Promotion du Travail
®
.;..i.1._...,,s:=i1~
~1 ...~La..Jj,
J,.l:--l.i.J!.o".;1_,a_.lw'I

Direction de la Recbercbe et de l'Ingenterie de la Formation : Division Examen

Examen National de Fin d'annee

Session de iuin 2019

Examen de Fin de Formation (Travaux Pratiques)

Techniques de Developpement
Fili ere Variante Vl-2
lnformatique

I Niveau TS 4 Heures Bareme 160

Consignes et Conseils aux candidats :

• Creer un dossier portant votre nom, prenom et variante (votrenom_ votreprenom_v1-Z).

• Enregistrer /es dossiers de cet examen dans ce dossier personnel.

Detail du Bareme:

Ouestion Bareme Question Bareme Question Bareme

Dossierl: Dossier2: 6.a 3
1 4 1 2 6.b 2
2 2 2.a 1
3.a 3 2.b 1
3.b 2 2.c 1
3.c 3 2.d 1
4.a 1 2.e 3
4.b 1 3.a 3
4.c 2 3.b 1
4.d 2 3.c 1
4.e 2 4 1
5 4 5.a 1
6 2 5.b 2
7 2 5.c 2
5.d 2
5.e 3

I Total

Session Examen de: Fili ere Epreuve de Variante Page

Juin 2019 Fin de Formation TDI TP Vl-2 Page 1 Is

Dossier1 : (Application client /serveur) (30 points)

Un groupement d'organismes travaille dans le domaine de developpernent des

competences des jeunes chercheurs d'emploi, Jes competences peuvent concerner Jes
themes : initiation a
l'informatique, developpernent personnel, marketing, communication,
montage des projets .

Ce groupement d'organismes souhaite developper une application qui sera representee

en deux parties, une partie desktop (application client/serveur) pour la gestion des
organismes et des actions puis une partie web qui permet aux jeunes de s'inscrire una
ensemble d'actions de developpernent offerts par Jes organismes du reseau.

On extrait le schema relationnel suivant :

• Ville (ld_Ville, Nom_Ville, Pays)

• Jeune (ld_Jeune, Nom_Jeune, Prenom_Jeune, Mail, Mot_Passe, #Id_ Ville, Actif)
• Organisme (ld_Org, Nom_Org, Adresse, Telephone_Org, #Id_ Ville)
• Action (ld_Action, theme_Action, Date_Debut, Date_Fin, #ld_Organisme) .
• Demande_lnscription (ld_lnscription, Date_Demande, #ldjeune, #ld_Action,
Etat)

-ld_lnscription s'inctemente automatiquement (Auto incremente).

-La colonne Etat tepresente l'etet de la Demande d'inscription el/e prend /es va/eurs
('En Attente', vetio«, 'refuse', 'eccepie')

N.B. les champs marques en gras representent /es clesprimaires des tables et Jes champs marques
par# representent Jes cles etrangeres.

Table Ville
Colonne Type Signification

ld_Ville Entier Cle prirnaire

Norn Ville Alphanurnerique Norn ville

Pays Alphanumerique Pays de ville

Table Jeune

Colonne Type Signification

ld_Jeune Entier Cle prirnaire

Norn Jeune Alphanurnerique Norn du Jeune

Prenorn_Jeune Alphanumerique Prenorn du Jeune

Mail Alphanurnerique Email du Jeune

Mot_Passe Alphanurnerique Mot de passe du jeune

ld_Ville Entier Cle etrangere fait reference a

Act if bit (true ,false) Pour activer ou desactiver le

Table Organisme

Colonne Type Signification

ld_Org Entier Cle prirnaire

Session Examen de: Filiere Epreuve de Variante Page

Juin 2019 Fin de Formation TDI TP Vl-2 Page 215

Nom_Org Alphanumerique Norn de l'organisme

Adresse Alphanumerique L'adresse de l'organisme

Telephone_Org Alphanumerique Telephone de l'organisme
ld_Ville Entier Cle etrangere fait reference a

Table Action
Colonne Type Signification

ld_Action Entier Cle primaire

Theme Action Alphanurnerique Le theme de !'action
Date_Debut Date Date debut de !'action
Date Fin Date Date fin de !'action
ld_Organisme Entier Cle etrangere fait reference a

Table Demande_lnsription
Colonne Type Signification
ld_lnscription Entier Cle primaire Auto incrernente (identity)
Date_Demande Date La date de la demande de !'inscription
ld_Jeune Entier Cle etrangere fait reference a Jeune (id_Jeune)
ld_Action Entier Cle etrangere fait reference a Action (id_Action)
Etat Alphanumerique Represente l'Etat de la demande

1) Creer la base de donnees et remplir les tables par un jeu d'essai. Enregistrer dans
un fichier texte qui porte le nom sciptCreation.txt ou sciptCreation.sql contenant le
script de creation de la base de donnees y inclus un jeu d'essai. (4 pts)
2) Creer un formulaire principal contenant un menu correspondant aux questions qui
suivent : (2pts)
3) Creer un formulaire pour mettre a jour les Organismes :
a. Ajouter un nouvel Organisme (3 pts)
b. Rechercher un organisme (2pts)
c. Modifier un organisme. (3 pts)
4) Creer un formulaire qui affiche dans une premiere grille les actions qui sent offertes
par un organisme choisi a partir d'une liste deroulante, ou bien par les actions qui
ont la date debut et date fin sent comprise entre les dates saisies par l'utilisateur ; le
choix entre ces deux modes se.fait par radio bouton :

Session Examen de: Filiere Epreuve de Variante Page

Juin 2019 Fin de Formation TDI TP Vl-2 Page 3J5

 ·---· ·-------
/lilicher
0 Par Peiiode DateDebut: DateFln: · @t par Organisme ONG lr.Jtemationales

Lisle des actions

Liste des demandes d'inscription

:Nom_Jeune

112 1SB'1Ll'.l~ _ .... JA'HMED

Lors de la selection d'une action dans la premiere grille, on affiche dans une ceuxierne
grille les demandes d'inscription relatives a l'action selectionnee :
a. Conception du formulaire (1 pt)
b. Remplissage de la liste deroulante organismes (1 pt)
c. Filtrage par Periode (2pts)
d. Filtrage par organisme (2pts)
e. Remplissage de la grille demandes d'inscription. (2pts)
5) Ajouter au formulaire un bouton ver XML qui permet d'enregistrer la liste des actions
affiches dans la grille vers un fichier au format XML. (4 pts)
6) Creer un formulaire qui permet d'imprimer un etat des actions d'un organisme donne
choisi dans une liste deroulante. (2pts)
7) Creer un etat qui affiche un graphe qui fait la representation du nombre des actions
par organisme. (2 pts)

Dossier2 : Developpement Web (30 points)

On veut realiser un site web dynamique qui permettra aux jeunes de s'inscrire en ligne
puis d'editer les actions proposees auxquelles ils peuvent faire une demande d'inscription.
1) Creer une page principale contenant un menu correspond aux questions suivantes.
(2 pts)
2) Creer une page permettant a un jeune de s'inscrire :
a. Conception de la page (1 pt)
b. Ajouter des validateurs : les champs de saisi doivent etre non vides (1 pt)
c. Le champ email doit respecter le format internet adresse email (1 pt)
d. Le mot de passe doit etre continue (1 pt)
e. Bouton Ajouter. (3 pts)
3) Creer la page Connexion, qui permet a un jeune de se connecter avec son email et
le mot de passe, une authentification reussite renvoi le navigateur a la page
principale.
a. Authentification (3 pts)
b. Lecompte sera desactive apres quatre connexions non reussites (1 pt)
c. Les informations id_Jeune, nom_Jeune et prenomjJeune sont affichees
dans toutes les pages dans la partie superieure de la page. (1 pt)

4) Ajouter la contrainte suivante : Tout acces direct sans authentification permet de

retourner l'utilisateur a la page d'authentification. (1 pt)

Session Examen de: Filiere Epreuve de Vari ante Page

Juin 2019 Fin de Formation TDI TP Vl-2 Page4IS

 5) Creer la page ListeActions qui affiche les actions proposees par les organismes, le
jeune choisi l'organisme a
partir d'une liste deroulante, dans une grille s'affiche les
actions relatives a
l'organisme selectionne.
a. Conception de la page (1 pt)
b. Remplissage de la liste organismes (2 pts)
c. Remplissage de la grille actions (2 pts)
d. Ajouter pour chaque ligne de la grille un lien selection qui permet d'afficher
les informations de l'action selectionnee au-dessous de la grille. Cet
affichage se fait sans recharger toute la page en utilisant Ajax. (2 pts)
e. Le bouton s'inscrire permet d'ajouter une demande d'inscription dans la table
Demande_lnscription, la Date_Demande prend la date actuelle, l'etat prend
la valeur
'en attente' : (3pts)

connexion: ii:l:122 Bensouda Kamal

Inscrlption a une action

organismes: ~nisme ~e r~·!!~_f?=~1!?.:_l!~~=::~~~~-. -;J
Uste des actions relatives a l'orqanlsme: organlsme de Micro-Finance
Id
Theme IDate Date fin se,lectio nner
action Debut
1 Bureutique 01!0.9t2018120.10912018 seiecn on ner
oeveioppement
2 01/1012018 2G.f1'0i20t18 seiecnonner
Personnel
_.,
.... ,, ... I
I
Id Action: 2
Date debut: O 1/10/2018
Date fin 20/10[2018
Theme Developpement Personnel

I s'inscrire j ---- -·~---····· ..·-···-·--·

6) Creer un service web qui retourne la liste des Demandes d'inscription d'un jeune
donne en pararnetre :
a. Creation de service (3 pts)
b. Creer un page testServiceWeb qui permet de consommer le service Web. (2pts)

Session Examen de: Fili ere Epreuve de Variante Page

Juin 2019 Fin de Formation TDI TP Vl-2 Page SIS