Technischer Sekundarunterricht Berufsausbildung

Datum: 21.07.2016
Technischer Sekundarunterricht
Berufsausbildung
01IF
HTSTA
Statische Webseiten erstellen
Fachrichtung industrielle Ausbildung
Section des informaticiens qualifiés - Informaticien qualifié
Stundenanzahl: 4
Semester: 3
Unterrichtssprache: deutsch
Evaluierungsrahmen
Modul 3.1. - Statische Webseiten erstellen (HTSTA)
Formation
Code:
IF
Division:
Fachrichtung industrielle Ausbildung
Section / Métier / Profession:
Section des informaticiens qualifiés - Informaticien qualifié
Type:
CCP
X DAP
DT
Année scolaire: 2016/2017
Unité capitalisable / Module
Titre de l'unité capitalisable:
Enseignement professionnel - Betriebssysteme 2
Titre du module:
Statische Webseiten erstellen
Module complémentaire
Nom du module:
P-IF-SYSEX2-CO-01
Numéro du module:
Code du module:
HTSTA
Durée exprimée en:
- leçons hebdomadaires:
- leçons de rattrapage:
4
Mode d'évaluation (choix multiple):
Semestre (1 - 8):
3
Période (1 ou 2):
Nombre de semaines:
Lieu d'apprentissage:
1
18
Ecole
Remarques concernant le(s) mode(s) d'évaluation:
Schriftliche Aufgabe
Präsentation
Fachgespräch
Gesprächssimulation
X Arbeitsprobe / Arbeitsaufgabe
Betrieblicher Auftrag
Portfolio
X Modulbegleitende
Kompetenzfeststellung
21.07.2016
DAP - IF
Seite 2 / 3
Evaluierungsraster :
Typ
Kat
Kompetenzen
Indikatoren
Standards
O
SA1
Der Auszubildende ist in der Lage,
einen Webauftritt fachgerecht zu
erstellen und zu warten.
Der Quellcode des Webauftritts ist
nach den aktuellen Standards
eingebunden
Inhalt des Webauftritts entspricht der
vorgegebenen logischen Struktur
Dateien sind nach der vorgegebenen
Verzeichnisstruktur abgespeichert
Inhalt und Quellcode ist nach
Vorgaben aktualisiert
Die Webseite ist nach Vorgaben mit
CSS formatiert
Die Copyright- und DatenschutzProblematik wird berücksichtigt
Webauftritt ist validiert•
Webauftritt ist nach den Vorgaben
erstellt
Formatierungen sind fachgerecht
erstellt
Copyright- und DatenschutzBestimmungen sind eingehalten
S
SA2
Der Auszubildende ist in der Lage,
komplexere CSS-Formatierungen
in einem Webauftritt einsetzen.
Informiert sich selbstständig über
komplexere CSS-Eigenschaften
Informiert sich selbstständig über
komplexere CSS-Techniken
(Komplettlösungen)
Setzt komplexere CSSEigenschaften und CSS-Techniken
ein
Gestaltet die Struktur der Webseite
mit CSS
Die CSS-Eigenschaften sind korrekt
eingesetzt
Die CSS-Techniken sind korrekt
eingegliedert
S
SA3
Der Auszubildende ist in der Lage,
die Barrierefreiheit (Accessibility)
eines Webauftritts zu
berücksichtigen.
Setzt spezifische HTMLZugänglichkeits-Attribute ein
Setzt semantische HTML-Tags ein
Die wesentlichen Aspekte der
Barrierefreiheit sind korrekt
eingesetzt
Die Validierung der Seite, in Bezug
auf die Barrierefreiheit, zeigt keine
elementaren Fehler mehr auf
S
SA4
Der Auszubildende ist in der Lage,
einen Webauftritt fachgerecht in
Betrieb zu nehmen.
Webauftritt ist hochgeladen und
erreichbar
Verzeichnisstruktur ist auf dem
Server erstellt
Webauftritt ist vollständig über ein
Netzwerk zugänglich
S
SZE1
Der Auszubildende ist in der Lage,
die Qualität der Arbeit
einschätzen und gegebenenfalls
zu verbessern.
Erkennt Fehler und Mängel anhand
von Validierungstools
Behebt erkannte Fehler und Mängel
Reagiert positiv auf Anregungen und
bezieht diese in der Wartung mit ein
Erkannte Fehler und Mängel sind
behoben
Anregungen sind korrekt umgesetzt
Anzahl der zu evaluierenden selektiven Kompetenzen : 2
Typ
Kat
SA
Obligatorisch oder Selektiv
Sachkompetenz oder Sozial- bzw. Selbstkompetenz
Sachkompetenz
21.07.2016
SZE Sozial- bzw. Selbstkompetenz
SAx Sachkompetenz Nummer x aus der Modulbeschreibung
SZEx Sozial- bzw. Selbstkompetenz Nummer x aus der Modulbeschreibung
DAP - IF
Seite 3 / 3
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. Die Schüler erhalten die Screenshots der zu erstellenden Seiten. Weitere Seiten können
frei vom Schüler erstellt werden. Diese Seiten dienen als Bonus-Aufgaben.
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
• Präsentationsseite der 1. und der 2. Mannschaft
• Sponsorenseite (wenigstens 5 Sponsoren, Bilder und Verweise auf die jeweilige
Homepage des Sponsors)
• Vorstandsseite (Namen, Funktion und Kontaktinformationen bestehend aus
Telefonnummern, Fax und Email)
• ...
Technische Aspekte, welche unbedingt zu berücksichtigen sind:
• Die HTML- und CSS Normen sollen eingehalten werden
• Alle Formatierungen sind mit CSS zu erstellen
• Der Code soll weitestgehend semantisch korrekt sein
Epreuve d'évaluation: mise à l'essai
Méthode:
L'enseignant explique la mission de travail à l'élève (par exemple l'installation d'un site
Internet pour un club de football). Ensuite, l'élève est invité à poser des questions en
vue d'une meilleure compréhension. L'élève dispose de captures d'écran illustrant les
pages à établir. Après, il lui appartient d'établir des pages supplémentaires. Ces pages
constituent des exercices de bonus.
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,
la page de présentation de l'équipe première et de l'équipe B,
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 email),
etc.
Les aspects techniques suivants sont à considérer impérativement:
•
•
•
les normes HTML et CSS doivent être respectées,
l'ensemble des formatages en CSS doivent être établis,
le code doit être correct dans une large mesure sous l'aspect sémantique.