Differences

This shows you the differences between two versions of the page.

--- mattias_02 [2019-10-31 10:52]
Mattias Hamberg [Instruktioner]
+++ mattias_02 [2019-11-05 13:33]
Mattias Hamberg [Instruktioner]
@@ Line 7: / Line 7: @@
 ==== Instruktioner ====
-I denna uppgift ska du skapa en frågesport på centrala fakta från internets historia, så som den presenteras på internetmuseum.se eller via vår gemensamma presentation i klassrummet. Denna uppgift ska testa utveckla och testa såväl dina kunskaper i HTML och CSS som i PHP. Det är alltså ett samarbetsprojekt mellan Webbutvecklings-kursen och Programmeringskursen.
+I denna uppgift ska du skapa en frågesport på centrala fakta från internets historia, så som den presenteras på internetmuseum.se eller via vår gemensamma presentation i klassrummet. Denna uppgift ska testa utveckla och testa såväl dina kunskaper i HTML och CSS som i PHP. Det är alltså ett samarbetsprojekt mellan Webbutvecklings-kursen och Programmering 1 där de olika kurserna kommer att titta på olika aspekter av din kod.
   - Läs på om internets historia på [[https://www.internetmuseum.se/|]] eller den gemensamma presentationen
   - Utifrån informationen ska du skapa en frågesport med minst 15 centrala fakta.
   - Svarsalternativen ska vara märkta med antingen flervalsfält (select), radioknappar (radio) eller checkboxar. Läs mer om HTML5-formulär via följande sida [[https://www.w3schools.com/html/html_forms.asp/]].
-  - Minst två frågor ska ha en tillhörande bild.
+  - Man ska skriva in sitt namn (används till en high-score-lista)
+  - Minst en fråga ska ha en tillhörande bild.
+  - Minst en fråga ska ha en tillhörande video.
   - Formge din frågesport med hjälp av CSS. Denna gång är utformningen väldigt fri. Men en god formgivning ska bland annat ha följande kvaliteter:
     - **Tydlighet**. Man bör enkelt se vad som ska göras och hur man ska göra det.
@@ Line 25: / Line 27: @@
   - Glöm inte bort att validera din kod
   - Lämna in din färdiga frågesport på vklass
+==== Matris ====
+^ Kriterie ^ E ^ C ^ A ^
+| Responsivitet | | Sidan ser bra ut även vid större och mindre textstorlekar och är tydlig och lättillgänglig | Sidan ser bra ut även i mobilvy och är tydlig och lättillgänglig |
+| Validering | | Sidan validerar till övervägande del CSS och HTML korrekt | Sidan validerar CSS och HTML korrekt utan varningar |
+| Element och selektorer | Koden använder fungerande element och selektorer | Koden använder lämpliga element och selektorer | Koden använder elementen och selektorerna på ett effektivt sätt |
+| Formulär | Sidan har ett fungerande formulär | Formuläret använder lämpliga fält-typer | |
+| Intentering | Koden är indenterad | Koden är väl indenterad och läsvänlig | Koden är korrekt indenterad och lätt att förstå |
+| Media | Bild och film visas korrekt och är komprimerade i ett lämpligt format | | Bild och film passar snyggt ihop med övrig design |
+| Kursplanen: kod | I arbetet utvecklar eleven kod som med tillfredsställande resultat följer standarder och omfattar någon av de grundläggande teknikerna för märkspråk och stilmallar | I arbetet utvecklar eleven kod som med tillfredsställande resultat följer standarder och som omfattar några av de grundläggande teknikerna för märkspråk och stilmallar | I arbetet utvecklar eleven kod som med gott resultat följer standarder och som omfattar flera av de grundläggande teknikerna för märkspråk och stilmallar |
+| Kursplanen: media | Eleven bearbetar med viss säkerhet enkel text, bild och eventuell annan media så att de anpassas till produkten och vidtar begränsade åtgärder för att åstadkomma snabb överföring av bilder eller andra mediafiler | Eleven bearbetar med viss säkerhet och via flera moment text, bild och eventuell annan media, så att de anpassas till produkten och vidtar åtgärder för att åstadkomma snabb överföring av bilder och andra mediafiler | Eleven bearbetar med säkerhet och via flera moment text, bild och eventuell annan media så att de anpassas till produkten och vidtar omfattande åtgärder samt optimerar bilder eller andra mediafiler för att åstadkomma snabb överföring av dessa och för att reducera antalet överföringar per sida |