Lycée Kheireddine Bacha Classe : 4 SI 1

ARIANA Matière : STI

*** Systèmes & Technologies de l’Informatique
Devoir de contrôle N°1 T1 Date : 16-10-2023
Epreuve Pratique Durée : 1 H Coefficient : 3
Enseignante : Mme Kassas Ghandri Hanen

Nom & Prénom : …………………………………………………………………………………… Note : ………………/20

-------------------------------------------------------------------------------------------------------------------------------------
!!!! Important :
✓ Créer un dossier de travail en le nommant "VotreNomPrenom" sur le bureau où seront
enregistrés tous les documents à réaliser.
✓ Enregistrer au fur et à mesure, pour éviter des éventuelles pertes de données.
✓ Développer toutes les fonctions JavaScript dans le fichier "controles.js".
-------------------------------------------------------------------------------------------------------------------------------------

Le Ministre des technologies de la communication, a annoncé le 3 août 2022 le lancement

officiel du service "Mobile ID" ou "E-Haouia".
Mobile ID se veut un moyen pour faciliter l'accès, de manière sécurisée et rapide, aux services
administratifs digitalisés et aux diverses démarches en ligne.
Si vous êtes un citoyen tunisien majeur ayant une carte d’identité nationale et un numéro de
téléphone enregistré en votre nom, et une adresse électronique, vous pouvez obtenir votre Mobile ID,
à travers le site "E-Haouia".
Votre boite de développement veut proposer une amélioration au site "E-Haouia".
Soit la page "Inscription.htm" suivante :

E-Haouia Mobile
Accueil Inscription

Votre ID_Mobile :

Tous droits réservées 2023_2024

Le clic sur le bouton "Créer IdMobile" appelle la fonction "creerIdMobile" qui :

• Valide les données du formulaire à l'aide de la fonction "validData".
• Génère l'IDMobile à l'aide de la fonction "genrerIdMobile".
• Affiche l'IDMobile .
Page 1 sur 2
Travail demandé :

1. Créer de la page "Inscription.html" :

• Ajouter la structure minimale d'une page Web.
• Utiliser les balises sémantiques pour structurer les pages.
• Mettre en forme la page pour qu’elle ressemble à la figure précédente.
• Utiliser un fichier "Style.css" pour la mise en forme de la page.
• Utiliser les images situées dans le dossier Images sur votre bureau tout en respectant la
mise en forme indiquée.

2. Développer la fonction JavaScript "validData" permettant de vérifier que :

• Tous les champs ne sont pas vides.

• Les champs CIN et téléphone sont deux chaines composées de 8 chiffres.
• L’adresse électronique doit être valide.

3. Développer la fonction JavaScript "genrerIdMobile" permettant de générer l’ID Mobile

automatiquement sachant qu’il est le résultat de la concaténation des :

• 2 premiers chiffres du numéro de téléphone.

• 4 derniers chiffres du CIN
• Et l’équivalent en majuscule des deux lettres avant le caractère @ dans
l’adresse électronique.

Exemple : CIN :01234567 Tel : 52111222 Email : Toutou@gmail.com

→ IDMobile : 524567OU

4. Développer la fonction "creerIdMobile" permettant de générer l’ID et l’afficher dans la zone

appropriée.

Organisation : Création Mise en Javascript Javascript Javascript Appel des

Barème Les dossiers et les HTML + forme validData genrerIdMobile creerIdMobile fonctions
fichiers links css
/1 /4 /3 /3 /3 /3 /3
Note

Page 2 sur 2