de it fr

307 Réaliser des pages Web interactives

Module
Réaliser des pages Web interactives
Compétence
Réaliser et tester des pages Web interactives avec un langage de programmation côté serveur, conformément aux données du problème.
Objectifs opérationnels
1 Développer le caractère fonctionnel des pages Web interactives conformément aux données du problème.
  Connaissances opérationnelles nécessaires:
1 Connaître les critères, selon lesquels une donnée peut être transférée dans un développement qui peut être mis en œuvre.
2 Connaître les éléments et protocoles d’une application Web, ainsi que ses tâches dans un modèle client/serveur.
3 Connaître les mesures les plus importantes pour garantir la sécurité des pages Web interactives, et peut décrire, comment l´usage abusif peut ainsi être prévenu.
 
2 Développer une maquette pour la saisie et la présentation des données compte tenu des aspects ergonomiques.
  Connaissances opérationnelles nécessaires:
1 Connaître le principe de la formation de groupes d’informations.
2 Connaître les règles les plus importantes de l´organisation d´un formulaire Web pour l´entrée et la sortie de données en ce qui concerne le déroulement et la désignation des informations.
 
3 Choisir les éléments de formulaire appropriés pour la réalisation des données du problème, et garantir la validation des données entrées.
  Connaissances opérationnelles nécessaires:
1 Connaître les éléments de formulaire en HTML et leurs possibilités de mise en œuvre.
2 Connaître les méthodes de transfert des données formulaires et leur exploitation dans une application Web.
3 Connaître les possibilités de validation, côté client et serveur, des données entrées via des formulaires et leurs contributions pour éviter les entrées erronées, ainsi que le blocage des risques de sécurité.
 
4 Programmer l’application de manière modulaire et conformément aux directives de codification.
  Connaissances opérationnelles nécessaires:
1 Connaître les éléments de base d’un langage de scripts côté client et quelles fonctions peuvent ainsi être réalisées (fenêtre Popup, validation de formulaire, liens automatiques etc.).
2 Connaître les éléments de base d’un langage de programmation côté serveur.
3 Connaître des possibilités de structuration de code source dans des modules et leur mise en œuvre en tenant compte des directives de codification.
 
5 Définir et en mettre œuvre des cas de tests appropriés pour des pages Web interactives et documenter dans le procès-verbal de tests.
  Connaissances opérationnelles nécessaires:
1 Connaître la structure d’une spécification de tests dans une application Web.
2 Connaître les étapes telles que spécification des tests, exécution et évaluation, qui doivent se dérouler dans un test.
 
Domaine de compétence
Ingénierie WEB
Objet
Pages Web interactives avec formulaires simples (abonnement aux newsletters, formulaire de contact, etc.)
Niveau
2
Pré-requis
• Réaliser des pages Web statiques • Appliquer des langages de programmation et de scripts.
Nombre de leçons
40
Reconnaissance
Certificat fédéral de capacité
Publié: 07.06.2014 17:15:31
Titre DEP Module 307-1 - 1 Elément - Traitement d'un projet
Institution ICT-Berufsbildung Schaffhausen
Aperçu Examen écrit comportant des questions sur l'élaboration d'un projet de page web interactives. ölaboration d'un formulaire simple avec HTML.
Complément

Partie 1
Pondération 100%
Durée indicative (recommandation) 2
Description de l'élément Elaboration d'un formulaire interactif HTML en tenant compte des standards actuels en matière de technique et de création.
Répondre à des questions sur le projet de mise en oeuvre de formulaire interactifs en ligne (phases du projet, facteurs de réussite)
Moyens d'aide Moyens d'apprentissage et autres documents durant le CIE
Programme de bureautique
Editeur (par ex. Notepad++)
Référence offline HTML
Evaluation Elaboration du formulaire HTML: 55%
Réponses aux questions sur le projet de mise en oeuvre interactive de pages web (phases du projet, facteurs de réussite): 20%
Tester selon plan: 25%
Relation à la pratique Elaboration correcte d'un formulaire HTML de manière syntaxique et créatif
Elaboration de documents pour l'exécution conforme au projet du mandat
Elaboration d'un plan de tests et définition des cas de tests
Publié: 23.06.2015 10:16:44
Date de péremption: Pas de date de péremption
Titre DEP Module 307-2 - 2 Eléments - Travail pratique de mise en oeuvre, Travail pratique de mise en oeuvre
Institution Zürcher Lehrbetriebsverband ICT (ZLI)
Aperçu L'évaluation des prestations (EP) se compose de deux parties. Partie 1: demande la planification et le traitement d'un formulaire. Partie 2: demande l'implémentation d'un formulaire avec la validation y relative. Chaque partie traite divers produits, et sont ainsi indépendants. L'ergonomie de l'interface utilisateur n'est pas vérifiée, ceci étant le point central du module 120. Afin de maintenir une durée de l'EP assez courte, le thème du test n'est pas vérifié.
Complément

Partie 1
Pondération 30%
Durée indicative (recommandation) 1
Description de l'élément Planification et traitement d'un formulaire web.
Travail de groupe ou individuel (au choix de l'auteur de l'EP)
Moyens d'aide Tous les documents de cours.
Evaluation Esquisse
Champ types du formulaire
Champ noms du formulaire
Traitement prévu
Lors d'un travail de groupe, les points peuvent être proportionnel à la contribution fournie par les membres du groupe.
Relation à la pratique Correspond au travail journalier dans le cadre de la planification de nouvelles applications web ou de leur extension.

Partie 2
Pondération 70%
Durée indicative (recommandation) 1
Description de l'élément Réalisation d'un formulaire simple, y compris la validation y relative.
Travail individuel.
Moyens d'aide Tous les documents de cours.
Evaluation Formulaire (HTML)
Validation
Sécurité
Formulaire de correction
Page de confirmation
Relation à la pratique Correspond au travail journalier lors de la réalisation ou l'extension d'applications web.
Publié: 04.09.2015 09:55:26
Date de péremption: Pas de date de péremption
Titre DEP Module 307-3 - 1 Elément - Travail pratique de mise en oeuvre
Institution Roche Diagnostics International AG
Aperçu Durant cette épreuve pratique, le candidat implémente de manière autonome un site web et crée les cas de tests appropriés. Le layout et les fonctions des pages sont remis au candidat. Comme moyens d'aide, on peut utiliser l'aide de l'environnement de développement, les documents des cours ainsi que la documentation élaborée personnellement.
Complément

Partie 1
Pondération 100%
Durée indicative (recommandation) 3
Description de l'élément Le candidat reçois une description de la situation. Celle-ci contient, sous forme texte, la description du site web à réaliser. Ainsi il prend connaissance de l'environnement fonctionnel désiré et reçois le layout de base sous forme de fichiers CSS et HTML comme directives.

Le candidat implémente le site web, crée le code qui génère automatiquement la base de données et qui la remplit avec le minimum de données souhaitées. Le site web permet à un navigateur de saisir des données par le biais de divers formulaires ou de traiter des données existantes. Ensuite, des données existantes peuvent être affichées ou effacées.

Le candidat crée des cas appropriés de tests sur la base d'un modèle (document test avec structure prescrite, sans cas de test). Ceux-ci ne doivent pas être verbalisés.
Moyens d'aide Devoir avec la description de la situation et l'environnement fonctionnel souhaité.
Modèle du layout de base (HTML avec feuille de style).
Document personnels sur le module 307.
Documents des cours du module 307.
Aide intégrée de Visual Studio.
Document test vide en tant que modèle pour les cas de tests.
Evaluation L'application démarre sans nécessiter d'adaptation.
La base de données est crée et les données minimales ont été ajoutées.
Les données souhaitées peuvent être saisies, modifiées et effacées.
La validation des formulaires est exécutée comme décrit dans la description des fonctions.
Lors de l'apparition d'erreurs de validation, celles-ci sont affichées à l'utilisateur afin qu'il puisse corriger sa saisie.
Les pages sont reliées entre elles, et atteignable via un menu approprié.
Les directives de programmation ont été respectées.
Il y a au moins quatre cas de test.
Les cas de test sont judicieux.
Les cas de test sont formulés tel qu'exigé dans les cours.
Relation à la pratique Tous les objectifs opérationnels sont couvert du point de vue pratique.
Publié: 05.10.2015 15:17:02
Date de péremption: Pas de date de péremption
Titre DEP Module 307-4 - 3 Eléments - Travail/rapport écrit, Travail pratique de mise en oeuvre, Examen écrit individuel
Institution aprentas
Aperçu EP en trois parties avec des deux travaux individuels écrit et un travail pratique individuel
Complément Die Bewertung erfolgt pro Element mit einem Punktesystem. Das Punktesystem ist so ausgelegt, dass die max. erreichbare Punktzahl 100 Punkte sind. Die so erreichbaren Punkte sind mit unterschiedlicher Gewichtung den einzelnen Elementen zugeteilt. Die Punktevergabe erfolgt prozentual zur Richtigkeit: • Aufgabe nicht gelöst/keine Angaben = 0 Punkte (0%) • Aufgabe vollständig gelöst bzw. alle Angaben vorhanden = 100% der möglichen Punkte Die Modulnote errechnet sich aus der Summe der einzelnen Punktzahlen pro Element: ((erreichte Punktzahl/100)*5)+1 Die Modulnote wird auf eine ½ Note gerundet

Partie 1
Pondération 20%
Durée indicative (recommandation) 2
Description de l'élément Il faut élaborer une spécification de tests avec des cas appropriés de tests sur la base d'une page web interactive. Ensuite il faut préparer un procès-verbal de tests y relatif. L'exécution des cas de tests sera évalée dans le deuxième élément.
Moyens d'aide Tous les moyens d'apprentissage sont autorisés.
Evaluation Répartition/organisation (15 - 25%)
Déroulement (10 - 15%)
Données de tests (25 - 35%)
Résultats attendus (15 - 25%)
Compréhension (15 - 25%)
Relation à la pratique Connaître la strucutre des spécifications de tests d'une application web.
Pouvoir préparer la documentation nécessaire pour l'exécution des tests et l'évaluation qui s'en suit.

Partie 2
Pondération 50%
Durée indicative (recommandation) 8
Description de l'élément Réaliser et publier des pages web interactives. Cette partie comprend la création de formulaires, des saisies et sorties de données ainsi que la mise en oeuvre des conséquences.
Moyens d'aide Environnement de développement PHP
Serveur web
Le navigateur est donné
Tous les documents sont autorisés
Evaluation Développement et codage logiciel en respectant les directives (20 -30%)
Layout et aspects ergonomiques (10 - 20%)
Eléments formulaire appropriés y compris la validation des données saisies (20 - 30%)
Déroulement des tests y compris la documentation des résultats (10 - 20%)
Présentation (10 - 20%)
Relation à la pratique Mise en oeuvre correcte selon directives
Application d'un langage de script côté serveur
Utilisation correcte des éléments HTML5 dans les formulaires
Respec des directives

Partie 3
Pondération 30%
Durée indicative (recommandation) 1
Description de l'élément Vers la fin du module, les connaissances sont testées avec un questionnaire écrit. Le test doit impérativement contenir des questions orientées compétence sur les thèmes cités dans "Evaluation". Il peut être complété par des questions de connaissances.
Moyens d'aide Aucun
Evaluation 1) Pouvoir nommer quels aspects sont importants pour une navigation conviviale (10 - 20%)
2) Connaître et expliquer (à l'aide d'exemples) la communication entre le client et le serveur (10 - 20%)
3) Connaître les caractéristiques de langages courants de scripts côté seveur, respectivement de langages de programmation (10 - 20%)
4) Connaître les précautions possibles pour valider les données saisies sur des pages web interactives (10 - 20%)
5) Connaître et démonter (à l'aide d'exemples) comment des chaînes de signes peuvent être analysées et manipulées (20 - 30%)
6) Connaître les étapes qui se déroulent durant un test et expliquer quand un document ou procès-verbal doit être élaboré (10 - 20%)
Relation à la pratique Bases de la communication entre un navigateur et un serveur web
Bases de la validation des données saisies
Bases de la création d'un formulaire
Eléments de base d'un langage script/programmation côté serveur
Bases de la préparation des tests, exécution et documentation
Publié: 22.12.2015 11:32:40
Date de péremption: Pas de date de péremption
Titre DEP Module 307-5 - Eléments - Examen écrit individuel, Travail pratique de mise en oeuvre
Institution ICT Berufsbildungscenter AG
Aperçu Cette DEP décrit une EP en deux parties. Dans la première, l'accent est mis sur les objectifs opérationnels 1 et 3, par lesquels sont vérifiées les connaissances de base pour la réalisation d'applications web. Dans la deuxième partie, les tous les cinq objectifs opérationnels sont vérifiés sous la forme d'un projet.
Complément

Partie 1
Pondération 30%
Durée indicative (recommandation) 1
Description de l'élément Dans cette partie de l'examen, ce sont les bases théoriques, nécessaires à l'élaboration d'une page web interactive, qui sont vérifiées sous forme de questions orientées actions, selon les critères d'évaluation ci-après.
Moyens d'aide Aucun
Evaluation Connaître les protocoles usuels d'une application web et décider quelles caractéristiques doivent être mise en oeuvre dans une situation donnée (20-30%
Connaître le modèle client/serveur et décider où doit être implémentée quelle fonctionnalité (20-30%)
Connaître les pré-requis pour la réalisation et l'exploitation d'une application web sûre, et décider dans quelle situation celles-ci sont judicieuses (40-60%
Relation à la pratique Implémenter des applications dans le standard Internet.
Réaliser des applications performantes, sûres et stables.
Protéger des erreurs les applications accessibles par Internet, et des accès non-autorisés.

Partie 2
Pondération 70%
Durée indicative (recommandation) 20
Description de l'élément Réaliser durant un projet d'au moins deux jours (idéalement en groupe de deux personnes), une application web y compris la planification, la documentation et les test nécessaires. Les résultats seront évalués selon les critères ci-après.
Moyens d'aide Libre
Evaluation Conception et création de l'interface utilisateur en tenant compte des exigences fixées et des règles apprises en ce qui concerne la création d'un front-end web (15-35%).
Réalisation modulaire de l'application web en tenant compte des directives prescrites (30-45%).
Implémentation des précautions de sécurité issues du projet (15-25%)
Spécification et exécution des cas de tests afin d'assurer la fonctionnalité (15-25%)
Documentation de l'application afin de permettre la maintenance et le développement futur (15-25%)
Relation à la pratique Implémenter pour l'utilisateur des interfaces conviviales et fonctionnelles.
Réalisation d'une application web professionnelle et qui permet la maintenance.
Protéger des erreurs les applications accessibles par Internet, et des accès non-autorisés.
Assurer la fonctionnalité souhaitée.
Assurer la possibilité de maintenance et développement futur.
Publié: 14.01.2016 11:53:53
Date de péremption: Pas de date de péremption
Retour