T0IF. Technischer Sekundarunterricht Technikerausbildung. Datum: HTSTA. Statische Webseiten erstellen

Transkript

1 Datum: Technischer Sekundarunterricht Technikerausbildung T0IF HTSTA Statische Webseiten erstellen Division informatique Section informatique - Technicien en informatique Stundenanzahl: 6 Semester: 2 Unterrichtssprache: deutsch

2 Evaluierungsrahmen Modul.2. - Statische Webseiten erstellen (HTSTA) Formation Code: IF Type: CCP DAP X DT Année scolaire: 2015/2016 Division: Section / Métier / Profession: Division informatique Section informatique - Technicien en informatique Unité capitalisable / Module Titre de l'unité capitalisable: Berufsbezogene Ausbildung - Arbeitsplatzrechner-Installation 1 Titre du module: Statische Webseiten erstellen Module complémentaire Nom du module: T-IF-INPT1-CO-02 Numéro du module: 2 Code du module: HTSTA Durée exprimée en: - leçons hebdomadaires: 6 - leçons de rattrapage: 3 Semestre (1-8): 2 Période (1 ou 2): Nombre de semaines: 18 Lieu d'apprentissage: Ecole Type de formateur proposé: Mode d'évaluation (choix multiple): X Schriftliche Aufgabe Präsentation Fachgespräch X Gesprächssimulation X Arbeitsprobe / Arbeitsaufgabe Betrieblicher Auftrag X Portfolio Modulbegleitende Kompetenzfeststellung Professeur Informatique Salle informatique SYSEX Effectif maximal de l'auditoire: 12 élèves Remarques concernant le(s) mode(s) d'évaluation: DT - IF Seite 2 / 3

3 Evaluierungsraster : Typ Kat Kompetenzen Indikatoren Standards O SA1 einen Webauftritt zu planen. Funktionsbeschreibung ist aufgestellt und die notwendigen Mittel und der Zeitaufwand ist abgeschätzt Prototyp/Modell ist mit Absprache des Auftraggebers entworfen Logische Struktur des Webauftritts ist entworfen Verzeichnisstruktur des Webauftritts ist entworfen Eine dem Auftrag angepasste Entwicklungsumgebung ist anhand der aktuell relevanten Entwicklungswerkzeuge ausgewählt Der Prototyp entspricht im wesentlichen den Vorgaben Die Struktur (logische und physische) ist umsetzbar O SA2 einen Webauftritt fachgerecht zu erstellen und zu warten. Der Quellcode des Webauftritts ist nach den aktuellen Standards eingebunden Das Design der Webseiten wird erstellt nhalt des Webauftritts entspricht der geplanten logischen Struktur Dateien sind nach der geplanten Verzeichnisstruktur abgespeichert Inhalt und Quellcode ist aktualisiert Respektiert die aktuellen Normen Webauftritt ist übersichtlich gestaltet und nach den Vorgaben erstellt Quellcode der Seiten ist semantisch korrekt Formatierungen sind fachgerecht erstellt O SA3 einen Webauftritt fachgerecht in Betrieb zu nehmen. Webauftritt ist hochgeladen und erreichbar Verzeichnisstruktur ist auf dem Server erstellt Webauftritt ist über ein Netzwerk zugänglich S SZE1 die Qualität der Arbeit einzuschätzen und zu verbessern. Erkennt selbstständig Fehlerund Mängel in Design und Realisierung Stimmt regelmäßig die einzelnen Entwicklungsschritte mit dem Auftraggeber ab Reagiert positiv auf Anregungen und bezieht diese in der Wartung mit ein Erkannte Fehler und Mängel wurden behoben. Anregungen werden korrekt umgesetzt Anzahl der zu evaluierenden selektiven Kompetenzen : 1 Typ Kat SA Obligatorisch oder Selektiv Sachkompetenz oder Sozial- bzw. Selbstkompetenz Sachkompetenz SZE Sozial- bzw. Selbstkompetenz SAx Sachkompetenz Nummer x aus der Modulbeschreibung SZEx Sozial- bzw. Selbstkompetenz Nummer x aus der Modulbeschreibung DT - IF Seite 3 / 3

4 Evaluationsaufgabe: Typ Arbeitsaufgabe Vorgehensweise: Der Lehrer erklärt den Schülern den Arbeitsauftrag (z.b.: Erstellen einer Website für einen Fußball Club). Danach können die Schüler allgemeine Verständnisfragen stellen. 1. Um sich des Inhaltes bewusst zu werden sollen die Schüler eine Mindmap der Website erstellen. Danach sollen die Schüler eine Liste der Funktionen der kompletten Website erstellen (Listing aller Seiten mit kurzer Inhaltsbeschreibung). Die Funktionsliste, sowie die Mindmap werden mit dem Lehrer besprochen. Diskussion und Produkte werden bewertet. 2. Weiterhin soll der Schüler wenigstens 6 Seiten skizzieren und mit dem Lehrer besprechen. Die Skizzen werden bewertet. 3. Erst jetzt werden die Seiten erstellt nachdem der Schüler eine Entwicklungsumgebung ausgewählt hat (oder diese vorgegeben wurde). 4. In der Dokumentation der Website sind enthalten: a. Mindmap b. Funktionsliste mit der kurzen Beschreibung c. Logische Struktur d. Auswahl des Webspace Providers mit den Zugangsdaten e. Physische Struktur f. Kontrolllisten der einzelnen Seiten (Auflösung, Größe, Normen,...) g. Liste mit speziellen Features welche der Lehrer unbedingt sehen soll 5. Der Schüler muss ständig seine Seiten mit dem HTML und CSS Validator kontrollieren. Dauer: 20 Einheiten, alle Arbeiten werden ausschließlich in der Schule erledigt. Die Vorgehensweise ist auch zu bewerten. Beispiel mit inhaltlichen Angaben: Der Präsident des Fußball Clubs FC BallaBalla möchte gerne für seinen Fußball Club eine Website erstellen lassen. In einem Gespräch mit dem Kunden werden folgende inhaltliche Aspekte erläutert: Präsentationsseite des Clubs mit den News Kontaktseite mit Adressinformationen, Formular und einer Karte Präsentationsseite der 1. und der 2. Mannschaft (eventuell mit Imagemap) Sponsorenseite (wenigstens 5 Sponsoren, Bilder und Verweise auf die jeweilige Homepage des Sponsors) Vorstandsseite (Namen, Funktion und Kontaktinformationen bestehend aus Telefonnummern, Fax und ) Fanartikelseite Listing der Spiele (vergangene und zukünftige) nach dem Datum sortiert Technische Aspekte, welche unbedingt zu berücksichtigen sind: Die HTML- und CSS Normen welche eingehalten werden sollen müssen im Vorfeld angegeben werden Alle Formatierungen mit CSS Kohärentes Design

5 Epreuve d'évaluation: mise à l'essai Méthode: L'enseignant explique la mission de travail aux élèves (par exemple l'installation d'un site Internet pour un club de football). Ensuite, les élèves sont invités à poser des questions en vue d'une meilleure compréhension. 1. Les élèves sont chargés d'établir une carte heuristique du site Internet, de manière à se familiariser avec le contenu. Ensuite, ils sont chargés d'établir une liste des fonctions du site Internet complet (listing de l'ensemble des pages avec une brève description des contenus). Après, la liste des fonctions et la carte heuristique sont commentées en compagnie de l'enseignant. Puis, la discussion ainsi que les produits sont évalués. 2. L'élève est chargé d'esquisser au moins six pages et de les commenter en compagnie de l'enseignant. Ensuite, les esquisses sont évaluées. 3. Ce n'est qu'alors que les premières pages sont développées, une fois que l'élève a sélectionné (ou qu'il lui a été indiqué) un logiciel de programmation de site web. 4. La documentation du site Internet doit contenir : a. de la carte heuristique, b. de la liste des fonctions avec une brève description, c. de la structure logique, d. de la sélection du fournisseur de domaines avec les données d'accès, e. de la structure physique, f. des listes de contrôle des différentes pages (résolution, dimensions, normes, etc.), g. d'une liste de fonctions spéciales qui doit absolument être soumise à l'enseignant. 5. L'élève doit constamment soumettre ses pages à un contrôle en se servant d'un validateur HTML ou CSS. Durée: 20 unités, l'ensemble des travaux étant exclusivement effectués à l'école. La méthode est également à évaluer. Exemple avec des indications concernant le contenu: Le président du club de football FC BallaBalla souhaite faire installer un site Internet pour son club de football. Les aspects suivants sont évoqués au cours d'un entretien avec le client: la page de présentation du club avec les dernières nouvelles, la page de contact avec des informations à propos de l'adresse, un formulaire et une carte, la page de présentation de l'équipe première et de l'équipe B (éventuellement avec Imagemap), une page destinée aux sponsors (au moins cinq sponsors, des images et des liens vers le site Internet du sponsor respectif), la page de présentation du comité (noms, fonctions et informations de contact avec la mention des numéros de téléphone et de fax ainsi que des adresses e- mail), une page présentant des articles pour supporteurs, un calendrier des matches (déjà joués et restant à disputer) triés par ordre chronologique.

6 Les aspects techniques suivants sont à considérer impérativement: les normes HTML et CSS à respecter sont à mentionner au préalable, les formatages en CSS, la cohérence de la mise en page.