1. Webbproduktion, 20 Yhp (4 v)

Transkript

1 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 1/12 1. Webbproduktion, 20 Yhp (4 v) Produktion och publicering av välstrukturerade webbsajter. Kursen syftar till att uppdatera de studerandes kunskaper i webbproduktion och i ett strukturerat arbetssätt enligt vedertagen standard. Kursens innehåll producera och utforma webbplatser med HTML5 och CSS3 optimera bilder för webbpublicering grunderna i god typografi för webben utforma sidor med responsiv design publicera webbplatser på Internet kodsemantik för sökmotoroptimering. I kursen ingår att skapa och publicera en egen statisk presentationswebbplats. Efter avslutad kurs ska den studerande kunna Formgivning, typografi och läsbarhet för webb med hjälp av HTML5 och CSS HTML-element och DOM Semantisk HTML5 taggar/entiteter som avspeglar innehållsstruktur Hur arv, selektorer och attribut används inom CSS Grundläggande förståelse för vad responsiv design innebär. Organisation och anpassning av innehåll via olika innehålls- och menystrukturer. Justering av fotografier och bilder (nivåer, ljushet, upplösning etc, optimering och filformat för webben) färghantering och färgkoder för webb (färgrymder, RGBa, hexadecimal färgkod) Publicera och förändra en webbplats som ligger på en webbserver, via FTP. För godkänt: Kunna producera en statisk webbplats med HTML5 och CSS3 utifrån skiss. Strukturera och gruppera innehåll semantiskt med HTML 5, hantera fonter för webben. Optimera och publicera bilder i korrekt filformat. För Väl godkänt Utöver kriterier för godkänt: Vara väl förtrogen med element och syntax i HTML och förstå vikten av väl strukturerad och kommenterad kod. Kunna hantera CSS för sidor med komplicerad boxlayout och responsiv design. Skriftlig tentamen samt praktisk uppgift. CSS3: The Missing Manual, 3rd edition. (David Sawyer McFarland, O Reilly Media, 2012), samt diverse artiklar på webben.

2 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 2/12 2. Innehållsproduktion i CMS:er, 20 Yhp (4 v) Producera innehåll i två olika aktuella marknadsledande Open Source CMS-system (fn Drupal och Wordpress). Lägga upp menystrukturer och navigering för en webbplats. Kursens innehåll samla innehåll i ett CMS och publicera i form av en webbplats kunna skapa artiklar och inlägg koppla artiklar till menyer lära sig olika principer för att ordna innehåll i menystrukturer skapa menystrukturer i flera nivåer tagga artiklar under olika ämnesord skapa sektioner på webbplatsen som motsvarar olika ämnesord använda sig av s.k. rich text editors välja teman överföra material från text- och ordbehandlingsdokument till en CMS. Efter avslutad kurs ska den studerande kunna installera och arbeta med en CMS lokalt på sin egen dator samla innehåll i ett CMS och publicera i form av en webbplats kunna skapa artiklar och inlägg koppla artiklar till menyer lära sig olika principer för att ordna innehåll i menystrukturer skapa menystrukturer i flera nivåer tagga artiklar under olika ämnesord skapa sektioner på webbplatsen som motsvarar olika ämnesord använda sig av s.k. rich text editors välja grafiska teman överföra material från text- och ordbehandlingsdokument till en CMS. hur man skapar ett bloggsystem med hjälp av en CMS ställa in en CMS med olika användarroller kopplade till olika behörigheter hantera bilder och annan media i CMS publicera en CMS-baserad webbplats på ett webbhotell (filer + databas) För godkänt: Publicera en enkel CMS-driven webbplats, med utseende, inställningar och initialt innehåll från lokal utveckling För Väl godkänt Utöver kriterier för godkänt: Kunna anpassa utseende och åtkomstnivåer för en CMS-driven webbplats på ett flexibelt sätt (utan programmering). Visa på ett noggrannt arbetssätt vad gäller webbplatsens struktur, logiska namn och metadata i inbäddad media Individuell inlämning i form av publicerad webbplats.

3 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 3/12 3. Dynamiska webbplatser, 20 Yhp (4 v) Kursens innehåll Kursen syftar till att lära de studerande produktion av databasdrivna webbplatser. De studerande lär sig att skapa en enkel databas samt ett webbgränsnitt för inmatning och utvisning av data: grundläggande PHP-programmering skapa och modellera databaser datatyper hämta, sortera och filtrera data databaskoppling mot webben mata in data från webbformulär visa ut data på webben Efter avslutad kurs ska den studerande kunna: arbeta med variabler och arrayer i PHP funktioner och logiska jämförelser kontrollstrukturer och loopar de vanligaste datatyperna förstå relationsdatabaser skapa och modellera databaser enligt de 3 första normalformerna grundläggande SQL-kommandon ställa frågor över relationer, JOIN databaskoppling via webbgränssnitt hämta, visa ut och ändra i data från webbgränssnitt För godkänt: Modellera en relationsdatabas som uppfyller första och andra normalformerna. Kunna använda CRUD i MySQL. Kunna använda Inner Joins i MySQL. Kommunicera med MySQL ifrån PHP. Publicera en databas på en webbserver. För väl Godkänt: Utöver ovanstående kriterier för godkänt ska den studerande kunna modellera en databas från grund enligt de tre första normalformerna, samt skriva komplexa SQL-satser för att hantera data i flera tabeller. Salstentamen.

4 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 4/12 4. CMS - struktur, administration och frontend-utveckling, 40 Yhp (8 v) De studerande lär sig installation och publicering av CMS-baserad webbplats, bygga gränssnitt, anpassning av teman med CSS, samt arbete med mallar i PHP. Efter genomförd kurs ska de studerande kunna skapa teman skapa malldokument utöka funktionalitet i CMS med tillägg aktuella produktionstekniker för CSS skissarbete (wireframes m.m.) typografi och användande av teckensnitt på webben responsiv layout för datorer, mobiler och läsplattor att integrera bibliotek för responsiv design (exempelvis Bootstrap.js) med CMS:er webbläsares konsolverktyg för HTML och CSS anpassa och bygga ut administrationsgränssnitt bildbehandling, publicera bilder på webben. Individuell inlämning i två delar. En för WordPress och en för Drupal. För var och en av delarna gäller för godkänt: egetdesignat tema baserat på Bootstrap som innehåller bilder temat kan klara några olika sidtyper (minst 3) och anpassar sig utifrån vilken sidtyp som visas lämna in wireframes för de olika sidtyperna egen plugin (Wordpress)/modul (Drupal) som utökar administrationsgränssnittet För väl godkänt, samliga krav för godkänt samt: Temat har väl anpassad typografi (som skiljer sig från Bootstraps default) Temat visar flernivåsmenyer på ett bra/användarvänligt sätt Plugin och modul utökar på ett meningsfullt sätt funktionaliteten i respektive WCMS. Individuell inlämningsuppgift. För inlämningsuppgift bedöms även förmågan att hålla en deadline.

5 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 5/12 5. Projekt metodik och verktyg, 20 Yhp De studerande lär sig agil projektmetodik med metoderna SCRUM och KANBAN, samt arbeta tillsammans med kod i versionshanteraren Git. Efter genomförd kurs ska de studerande förstå traditionella projektmodeller som vattenfallsmetoden kunna grunderna inom modern agil projektmetodik veta hur man arbetar i team och tillsammans med uppdragsgivare med hjälp av SCRUM-metoden metoder för att versionshantera kod metoder för att dokumentera projekt och kod kunna sätta upp styrdokument och hålla dem på en lämplig detaljnivå kunna bryta ner projekt i delmängder med hjälp av gruppdiskussioner och pokerplanning utifrån nedbrytningen i delmängder skapa en övergripande tidsplanering kunna arbeta iterativt (i s.k. sprinter) med och leverera fungerande delmängder kunna medvetet upprätta, använda och underhålla en gemensam terminologi inom teamet I följande delkurser kommer samtliga projekt att ske med versionshantering. För godkänt: Skriv tillsammans i grupp/agilt team en modul i Drupal eller plugin i Wordpress enligt en kravspefikation. Kunna arbetssätt och namn på artefakter i SCRUM. Kunna skapa ett GitHub-repo och dela ut Git - clona repo, push, pull och lösa konflikter (i grafiskt gränssnitt) Git - sätta upp och hantera brancher (i grafiskt gränssnitt) För Väl godkänt, samtliga krav för godkänt samt: Visa på god förståelse om hur arbete i ett agilt team fungerar Git-kommandon direkt i terminal/command line Salstenta samt gruppinlämningsuppgift i form av git-repo.

6 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 6/12 6. Javascript objektorientering och bibliotek, 30 Yhp (6 v) De studerande lär sig JavaScript-programmering och användning av bibliotek (jquery m.fl.) för att manipulera DOM:en. Efter genomförd kurs ska de studerande kunna grundläggande problemlösning med hjälp av OOP-koncept arbeta med och manipulera listor (arrayer) nedbrytning av en uppgift till en avgränsad problemställning manipulera ett HTML-dokument (lägga till, ta bort och förändra element) med hjälp av jquery arbeta med händelser och event listeners förstå att olika entiteter (objekt) kan utföra olika handlingar (metoder) och ha olika egenskaper ändra och tillföra data från servern till en sida utan sidomladdningar (JSON och AJAX) prototypbaserat arv och (emulering av) klassbaserat arv använda REST (Representional State Transfer) som teknik för serverkommunikation koppla ihop en JavaScript-frontend med en REST-baserad backend. visa förståelse för OOP-konceptet genom att kunna bryta ned en given problemställning till en objektorienterad struktur och applicera en lösning i JavaScript som innefattar arv och komposition. För Godkänt: Skriv ett program i JavaScript som kan konsumera data från en CMS-driven REST-backend Data ska packas upp/berikas så att den kan hanteras som objekt av olika klasser En JavaScript-baserat GUI ska tillåta skapande, läsning av, ändring av och borttagning av data (CRUD) För Väl godkänt: Använd ett MV*-ramverk (Angular.js) för att bygga frontend GUI:t Individuell inlämningsuppgift. För inlämningsuppgift bedöms även förmågan att hålla en deadline.

7 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 7/12 7. Objekt-orienterad programmering med PHP, 30 Yhp (6 v) Utifrån ett objektorienterat perspektiv lär de studerande sig mer avancerad PHP-programmering. Efter genomförd kurs ska de studerande kunna fördjupad programmering i PHP grundläggande objektorienterade koncept inom PHP semantiska strukturer felhantering felsökning (debugging) säkerhet och god kodstandard visa förståelse för OOP-konceptet genom att kunna bryta ned en given problemställning till en objektorienterad struktur och applicera en lösning i JavaScript som innefattar arv och komposition. För Godkänt: Skriv en större modul eller plugin som består av ett antal klasser (enligt kravspec). Alla i gruppen ska skriva minst en klass. De olika klasserna ska använda sig av varandra (komposition). Dokumentera varje klass som ett API. För Väl godkänt: Rätt val av synlighet för olika egenskaper och metoder (private, protected och public) Uppdelning i korta väldefinierade metoder Bra ihopkoppling mellan WCMS-hookar och klassmetoder. Gruppinlämning.. För inlämningsuppgift bedöms även förmågan att hålla en deadline.

8 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 8/12 8. CMS utbyggda system, 30 Yhp (6 v) De studerande lär sig skapa egna tillägg och moduler, arbeta med databasstrukturer i CMS:er (såsom Wordpress och Drupal), publicera och förvalta CMS, samt hur man underhåller och vidareutvecklar en CMS-driven webbplats. Efter genomförd kurs ska de studerande kunna informationsarkitektur/datamodellering integration (import-export) skapa formulär i CMS:er programmera moduler/tillägg i relevanta ramverk i CMS:er, backend och frontend roller och rättigheter layoutmodeller (block, paneler) och data-vyer publicering och förvaltning deployment och kontinuerlig integration För Godkänt: Kunna ge en tydlig överblick över hur olika delar av layoutmodellen hänger ihop Känna till ett antal vanliga hooks Drupal och WordPress (där de benämnsilters och actions)i Förklara hur man som programmerare hämtar data från formulär med olika inbyggda CMS-metoder För Väl godkänt: Förklara hur man på ett bra sätt underhåller och uppdaterar en WCMS. Salstentamen.

9 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 9/12 9. LIA 1, 50 Yhp (10 v) Under första LIA-perioden ska de studerande förankra och fördjupa kunskaper och färdigheter från tidigare kurser. I möjligaste mån ska de få erfarenhet att arbeta både enskilt och i grupp. Det läggs stor vikt vid att självständigt söka problemlösningar. Efter kursen har de studerande erfarenheter och fördjupade kunskaper i - att arbeta i projektgrupper och enskilt - kommunicera, planera, dokumentera och rapportera sitt arbete - skarp produktion av CMS-baserade system - arbeta utfrån kunders krav och specifikationer - problemlösning Efter avslutad kurs ska den studerande ha: fördjupat sig i och fått praktisk erfarenhet av tidigare kursers ämnen erfarenhet av skarp produktion, enskilt och i grupp dokumentation och rapport av utfört arbete erfarenhet av problemlösnng och best practises För Godkänt Utfört de av värdföretaget tilldelade uppgifterna och som ligger inom den kompetensnivå den studerande kan förväntas ha, samt visat samarbetsvilja och god närvaro. För Väl godkänt Utöver kriterierna för godkänt ska den studerande uppvisa en förmåga att självständigt söka lösningar på problem, visa på initiavförmåga samt, i de fall det förekommer, tillgodogöra sig nya tekniker relevanta för arbetsuppgifterna och utbildningens innehåll. Den studerandes egen rapport och redovisning av LIA-period jämte samtal med handledaren och ett av handledaren besvarat bedömningsformulär. Studerandes uppgifter jämförs med handledarens för en korrekt bedömning. Det av handledaren ifyllda formuläret ska säkerställa att alla studerande bedöms rättvist utifrån de arbetsuppgifter de fått.

10 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 10/ CMS projekt, 40 Yhp (8 v) Kursens syfte är att de studerande, genom att arbeta med ett flertal projekt, ska repetera och fördjupa sig i alla tidigare tekniker, samtidigt som det i projekten tillförs nya moment. Exempel på projekt är: bygga en webbplats med e-handel skapa kampanj/eventwebbplatser för marknadsföring av specifika produkter och/eller tjänster flerspråkiga webbplatser, översättning och regionalisering av webbplatser Nya moment i projekten de studerande lär sig är bland annat skapa kopplingar till sociala medier använda verktyg för att visa kartor och positionering flerspråklighet koppla webbplatser till e-handelssystem säkra upp kod med avseende på attacker mot databaser etc använda inbyggd CMS-funktionalitet för översättning kontrollera att webbplatser fungerar på olika plattformar och devices testa CMS-baserade webbplatser med avseende på säkerhet testa CMS-baserade webbplatser med avseende på funktion För Godkänt: Välja mellan Drupal och Wordpress och motivera/problematisera detta val. Utöka/anpassa ett tema. Använda featurebrancher i Git under utvecklingen. Publicera en färdig webbplats. Välja ut lämpliga moduler/plugins. Skriva egen OOP-baserad kod för både backend och frontend För Väl godkänt: Visa att man på ett bra sätt tillämpar kunskaper från samtliga tidigare delkurser Gruppinlämning.För inlämningsuppgift bedöms även förmågan att hålla en deadline.

11 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 11/ LIA 2, 80 Yhp (16 v) Under andra LIA-perioden ska de studerande ta en aktiv roll i det dagliga arbetet. Efter genomförs kurs ska de ha erfarenhet och fördjupade kunskaper i kommunikation med kunder /beställare CMS-produktion projektarbete dokumentation och rapportering problemlösning I de fall det förekommer ska den studerande även kunna tillgodogöra sig eventuella nya programspråk och tekniker som används på arbetsplatsen och är relevanta för utbildningen. För Godkänt Utfört de av värdföretaget tilldelade uppgifterna och som ligger inom den kompetensnivå den studerande kan förväntas ha, samt visat samarbetsvilja och god närvaro. För Väl godkänt Utöver kriterierna för godkänt ska den studerande uppvisa en förmåga att självständigt söka lösningar på problem, visa på initiavförmåga samt, i de fall det förekommer, tillgodogöra sig nya tekniker relevanta för arbetsuppgifterna och utbildningens innehåll. Den studerandes egen rapport och redovisning av LIA-period jämte samtal med handledaren och ett av handledaren besvarat bedömningsformulär. Studerandes uppgifter jämförs med handledarens för en korrekt bedömning. Det av handledaren ifyllda formuläret ska säkerställa att alla studerande bedöms rättvist utifrån de arbetsuppgifter de fått.

12 Webbutvecklare CMS, Yh-utbildning, 2 år, 400 Yhp, Medieinstitutet, sida 12/ Examensarbete, 20 Yhp (4 v) Examensarbete ska utgöras av ett praktiskt arbete, exempelvis en CMS-baserad webbplats, ett tillägg till något av CMS-systemen eller ett eget CMS-tema. Arbetet ska ge den studerande fördjupade kunskaper i ett eller flera av utbildningens ämnen. Projektarbetet ska dokumenteras i alla stadier. Examensarbetet kan med fördel utgöras av ett uppdrag i samarbete med LIA-företaget. Kursen innehåller förstudie, planering och tidsestimering självständigt arbete i hel eller del av projekt dokumentation av utfört arbete rapportskrivning och redovisning För godkänt: Genomföra det projekt som beskrivits i förstudien, presentera produkten och redovisa arbetet, samt lämna skriftlig rapport om projektet. Arbetet måste i sin omfattning motsvara kursens längd samt att deadline måste hållas. Om arbetet är en del av ett större projekt, ska tydligt framgå i rapport och redovisning vad som varit den studerandes del i arbetet. För väl godkänt: Utöver kriterier för godkänt: uppvisa ett arbete innehållande fördjupningar inom utbildningens ämnesområden, eller närliggande tekniker, och/eller antagande av utmaningar utifrån egna problemställningar. Inlämning av arbete och rapport samt redovisning. Litteratur och dokumentation Eget val.