T2IF. Enseignement secondaire technique Régime de la formation de technicien. Date: WSERS2. Web Server Side Scripting 2

Transkript

1 Date: Enseignement secondaire technique Régime de la formation de technicien T2IF WSERS2 Web Server Side Scripting 2 Division informatique Section informatique - Technicien en informatique Nombre de leçons: 6 Semestre: 6 Langue véhiculaire: allemand

2 Fiche d'évaluation Module Web Server Side Scripting 2 (WSERS2) Formation Code: IF Type: CCP DAP X DT Année scolaire: 2016/2017 Division: Section / Métier / Profession: Unité capitalisable / Module Titre de l'unité capitalisable: Division informatique Section informatique - Technicien en informatique Enseignement professionnel - Développement de pages internet dynamiques 2 Titre du module: Web Server Side Scripting 2 Module complémentaire Nom du module: T-IF-WEB2-CO-02 Numéro du module: 2 Code du module: WSERS2 Durée exprimée en: - leçons hebdomadaires: - leçons de rattrapage: 6 Semestre (1-8): 6 Période (1 ou 2): Nombre de semaines: 18 Lieu d'apprentissage: Ecole Mode d'évaluation (choix multiple): X X Epreuve écrite Exposé Entretien professionnel Simulation d'entretien Mise à l'essai Commande Portfolio Evaluation continue des compétences Remarques concernant le(s) mode(s) d'évaluation: DT - IF Page 2 / 4

3 Grille d'évaluation : Type Cat Compétences Indicateurs Socles O ME1 L'élève est capable de gérer des sessions. - L'élève initialise une session. - L'élève se sert des variables de session. - L'élève détruit une session. - L'élève affiche les variables de session en se servant des outils du navigateur. - L'élève décide s il est utile d utiliser une session. - L'élève a manipulé la session d'une manière cohérente et compétente. - L'élève a intégré les sessions en fonction des besoins. O ME2 L'élève est capable de créer des sites Internet avec ou sans connexion vers une base de données. - L'élève établit et termine une connexion vers le serveur de bases de données. - L'élève crée et évalue des requêtes sur des tables sans clé étrangère (SELECT, DELETE, INSERT et UPDATE). - L'élève affiche le résultat d'une requête SELECT en se servant d'un tableau HTML. - L'élève intègre les fonctionnalités d'une base de données dans une page Web (qui lui a été indiquée ou qu'il a établie lui-même). - L'élève crée des pages Web statiques. - L'élève crée des pages Web dynamiques (uniquement côté serveur). - Les résultats des requêtes sur des tables sans clé étrangère. - L'élève a respecté en grande majorité les règles de création de pages Web dynamiques et statiques. S ME3 L'élève est capable d utiliser des scripts côté client et côté serveur. - L'élève identifie les domaines d utilisation de scripts côté client et côté serveur. - L'élève crée et intègre des scripts côté client. - L'élève crée et intègre des scripts côté serveur. - L'élève a sélectionné une technique en fonction des circonstances. - L'élève a mis en oeuvre les principales fonctionnalités des pages Web dynamiques de manière compétente. S ME4 L'élève est capable d'établir et d'optimiser des scripts plus complexes. - L'élève utilise des imbrications complexes. - L'élève utilise et évalue des requêtes avec des relations 1:N. - L'élève optimise des scripts prédéfinis ainsi que des scripts qu'il a créés lui-même. - L'élève génère un code JavaScript avec le langage PHP. - L'élève trie les résultats d'une requête SELECT de manière dynamique dans un tableau HTML. - L'élève programme une fonction type «multiselect» pour effacer des données dans une table. - L'élève utilise des éléments non étudiés en cours. - L'élève a programmé les fonctionnalités essentielles (de certains indicateurs) de manière compétente. - L'élève a dépassé les exigences essentielles de la compétence "établir des sites Internet avec ou sans connexion vers une base de données" DT - IF Page 3 / 4

4 S ME5 L'élève est capable de procéder à une analyse des erreurs au cours de la procédure de programmation. - L'élève analyse des scripts accusant des erreurs (des scripts prédéfinis ainsi que ses propres scripts). - L'élève affiche des informations d'assistance sur le site Internet (echo, var_dump, error_reporting). - L'élève évalue des fichiers Log de PHP et du serveur web. - L'élève détecte et corrige des erreurs de logique. - L'élève analyse des messages d'erreur et de mise en garde. - L'élève a corrigé les principales erreurs dans les scripts prédéfinis et il a expliqué sa méthode. - L'élève a expliqué les méthodes de détection d'erreurs et de correction appliquées dans ses propres scripts. S SCP1 L'élève est capable de rechercher des informations de manière autonome en consultant des sources de référence et de s'en servir. - L'élève recherche des solutions sur Internet et dans des ouvrages. (Il convient d'indiquer les références.) - L'élève intègre la solution. - L'élève a résolu le problème dans une large mesure. - L'élève a mentionné ses sources. Nb compétences sélectives à évaluer : 2 Type Obligatoire ou Sélective Cat Compétence métier ou sociale et personnelle ME Compétence métier SCP Compétence sociale et personnelle MEx Compétence métier n x du descriptif du module SCPx Compétence sociale et personnelle n x du descriptif du module DT - IF Page 4 / 4

5 Evaluationsaufgaben WSERS2 Beispielevaluationsaufgabe für ca. 6 Stunden Online Computershop Erstelle einen Online Computershop mit folgenden Eigenschaften: 1. Es gibt ein Login/Logout für den Administrator, der als Einziger Artikel hinzufügen, ändern und löschen kann. Der Administrator kann nichts kaufen und hat daher auch keinen Einkaufswagen. 2. Alle Artikel werden in einer Datenbanktabelle gespeichert und in einer schön gestylten HTML-Tabelle angezeigt. 3. Ein Kunde (ohne Login) kann Artikel in seinen Einkaufswagen aufnehmen und entfernen. Der Einkaufswageninhalt wird jederzeit angezeigt. 4. Der Kunde kann aus einer Reihe Artikel auswählen und beliebig viele davon kaufen. 5. Alle Käufe werden in der Session gespeichert. Optional, zur Erfüllung der selektiven Kompetenzen: 1. Sessionsicherheit: HTTPS, nur Cookies. 2. Datenbanksicherheit: Maßnahmen gegen SQL-injection. 3. Login und Registrierung mit Benutzer-, Artikel- und Transaktionstabelle und den entsprechenden Tabellenbeziehungen. Es gibt zwei Arten von Benutzern: Kunden und Administratoren. 4. Einkaufshistorie des Kunden wird in der Datenbank gespeichert und kann angezeigt werden. 5. Beliebige Ergänzungen die deinen Shop attraktiver machen.

6 Beispielprojekt für ca. 2 Wochen Service photocopies Unsere Schule möchte eine neue Webseite entwickeln, über die Lehrer Ausdrücke von elektronischen Dokumenten in Auftrag geben können. Diese Webseite wird von 3 Benutzergruppen benutzt: 1. Lehrer: Die Lehrer müssen sich einloggen und können dann neue Dokumente hochladen und diese ausdrucken lassen. Je nach Art des Dokumentes und des Papiers wird der Ausdruck anders berechnet. 2. Drucker: Die Drucker müssen sich einloggen und sehen dann die zu druckenden Dokumente. Diese Dokumente können sie herunterladen um sie dann in einem externen Programm zu drucken. Wenn ein Dokument gedruckt wurde, kann der Druckauftrag bestätigt werden damit er verrechnet werden kann. 3. Administrator: Die Administratoren müssen sich einloggen und können dann neue Benutzer anlegen, editieren und löschen und sie den Gruppen der Lehrer, der Drucker oder der Administratoren zuordnen. Die Administratoren können außerdem die Rechnungen der Lehrer ansehen. Datenbank Die Datenbank besteht aus 3 Tabellen: Tabelle "Benutzergruppen": In dieser Tabelle muss es möglich sein, einzelne Benutzergruppen zu definieren. Tabelle "Benutzer": In dieser Tabelle werden die eigentlichen Benutzer gespeichert. Ein Benutzer hat einen Benutzernamen (z.b. seinen IAM Benutzernamen) und ein Passwort (abgesichert abgespeichert). Zusätzlich gehört ein Benutzer immer einer Benutzergruppe an. Tabelle "Ausdrücke": In dieser Tabelle stehen die einzelnen Druckaufträge. Ein Druckauftrag wird immer von einem Benutzer abgeschickt. Der Benutzer wählt die Anzahl an Ausdrücken und kann ein Dokument hochladen. Für jeden Druckauftrag wird zusätzlich abgespeichert wann er aufgegeben wurde, ob er bereits erledigt wurde und wie viel er kostet. Wir schlagen dir folgendes Datenbankschema vor, allerdings ist es dir freigestellt, nach Absprache mit dem Lehrer, dieses zu verändern oder anzupassen:

7 Die Übersichtsseite Die Übersichtsseite ist nur erreichbar, wenn man sich eingeloggt hat. Je nach Benutzergruppe sieht man hier verschiedene Sachen: 1. Lehrer: Lehrer sehen auf der Übersichtsseite ihre Druckaufträge, wobei die letzten Druckaufträge oben stehen sollen. Für jeden Druckauftrag werden alle relevanten Informationen angezeigt: a. Datum wann der Auftrag aufgegeben wurde b. Link zu der Datei c. Anzahl an Ausdrücken d. Status (fertig oder nicht fertig) e. Preis (in Euro) 2. Drucker: Drucker sehen auf der Übersichtsseite alle Druckaufträge, wobei die unfertigen oben stehen sollen. Die Druckaufträge sind zusätzlich so geordnet, dass die ältesten ganz oben stehen sollen. Für jeden Druckauftrag werden dieselben relevanten Informationen angezeigt wie bei den Lehrern. Zusätzlich haben die Drucker einen Link zu der Editierseite eines Druckauftrags. 3. Administrator: Ein Administrator sieht dasselbe wie ein Drucker. Die Editierseite Die Editierseite soll nur für Drucker und Administratoren zugänglich sein. Auf der Editierseite kann man einen Druckauftrag editieren, der per GET Parameter angegeben wird. Die Editiermöglichkeiten sind: 1. Man kann den Status des Auftrags von unfertig auf fertig verändern. 2. Man kann einen Gesamtpreis für den Auftrag eingeben. Dieser wird vom Drucker je nach Seitenanzahl und benutztem Papier berechnet und eingegeben. Die Hochladenseite Die Hochladenseite ist nur erreichbar, wenn man sich eingeloggt hat. Hier kann jede Benutzergruppe dasselbe machen: 1. Ein Dokument kann ausgewählt werden das hochgeladen werden soll. Dieses Dokument wird nach dem Hochladen in eine spezielle Ordnerstruktur verschoben die verhindert, dass es Konflikte gibt, wenn mehrere Benutzer Dokumente mit demselben Namen hochladen. Die Struktur ist folgendermaßen aufgebaut: /documents/<auftrag_id>/<original_dokument_name> 2. Man kann die Anzahl an Ausdrücken auswählen. Es ist wichtig, dass das Hochladenformular ordentlich validiert wird damit eventuelle Probleme beim Hochladen rechtzeitig dem Benutzer mitgeteilt werden können. Um die Existenz eines Ordners zu überprüfen kannst du den is_dir() Befehl benutzen. Um einen Ordner anzulegen kannst du den mkdir() Befehl benutzen.

8 Die Benutzerseite Die Benutzerseite soll nur für Administratoren zugänglich sein. Auf dieser Seite sieht man eine Übersicht aller Benutzer mit folgenden Informationen: Der Benutzername Die Benutzergruppe Die Anzahl an hochgeladenen Dokumenten Der Gesamtpreis aller fertigen ausgedruckten Dokumenten dieses Benutzers Für jeden Benutzer soll es die Möglichkeit geben diesen zu editieren oder zu löschen. Auf der Benutzerseite gibt es auch einen Link zu einer Seite auf der man einen neuen Benutzer anlegen kann. Mockups Zur Veranschaulichung sind nachfolgend einige Mockups der Übersichtsseite dargestellt: Übersichtsseite falls Benutzer nicht eingeloggt ist Übersichtsseite eines Lehrers Übersichtsseite eines Administrators