IT och informationsteknik

Transkript

1 IT och informationsteknik 206 Produktion av webbsidor Kuva: Skills Finland / Markku Heikkilä Grenansvarig 1 / 12

2 Miikka Merikanto Suomen Liikemiesten Kauppaopisto miikka.merikanto(at)businesscollege.fi tel Pekka Väisänen Suomen Liikemiesten Kauppaopisto pekka.vaisanen(at)businesscollege.fi tel Finalister 2 / 12

3 Julius Aho Vaasan ammattiopisto Matias Turunen Saimaan ammattiopisto Sampo 3 / 12

4 Teemu Pohjalainen Porvoon ammattiopisto Matias Hyry Oulun seudun ammattiopisto 4 / 12

5 Melker Narikka Suomen Liikemiesten Kauppaopisto Pasi Matalamäki Satakunnan koulutuskuntayhtymä 5 / 12

6 Sami Patanen Keudan ammattiopisto Aleksi Kynsilehto Oulun seudun ammattiopisto Gästtavlare 6 / 12

7 Arturs Krapans State Education Developement Agency, Latvia Silver Mähar Foundation Innove, Viro 7 / 12

8 Morgane Borowczyk / Région Nord-Pas de Calais / Frankrike Allmän beskrivning av tävlingsgrenen Produktion av webbsidor är en mångsidig gren som kräver konstnärlig kreativitet av de tävlande, och förmåga att förverkliga webbplatser som är trevliga att använda och tekniskt fungerar. Den tävlande bör väl känna till de olika skedena i processen med att producera webbsidor. Tävlingens karaktär Tävlingen är en individuell gren. Krav på kunnande Tävlingsdeltagaren ska kunna skapa en noggrann uppfattning om kunden, webbplatsens informationsinnehåll och tjänster, användarmålgruppen samt den centrala verksamhetsidén. Den tävlande ska kunna producera ett uppbyggnadsschema för webbplatsen, layout-planen för grund- och/eller första sidans användargränssnitt, bestämma vilka tekniker (programmeringsspråk, programvara osv.) som ska användas vid skapande av webbplatsen. Den tävlande sammanställer webbplatsen genom att använda olika teknologier och program. Den tävlande testar webbplatsen med olika webbläsare, med W3C-validerare. Den tävlande publicerar webbplatsen på servern och presenterar webbplatsen för kunden. Den tävlande bör behärska de saker som har att göra med servrar, publikationssystem och databaser. Den tävlande uppgör den dokumentation som behövs för underhåll och instruerar kunden i hur man tar webbplatsen i bruk och hur den används. Den tävlande ska ha de interaktionsfärdigheter som behövs i teamarbete, och i tävlingssituationen sätt visa prov på företagsamhet. I arbetsutförandet ska hon/han beakta de ergonomiska aspekter som har att göra med det egna välmåendet. Förutom ovannämnda färdigheter ska den tävlande också planera visuellt stilfulla webbplatser genom att använda externt sparade stilmallar förverkliga standardwebbsidor som uppdateras via en webbläsare mångsidigt använda bildbehandlingsprogram förverkliga animationer på ett mångsidigt sätt ha färdigheter i projekthantering beakta webbsidans synlighet på olika slags terminaler lösa många olika slags problem beakta webbplatsens tillgänglighet och användbarhet förena den webbplats han/hon utformat med programvara för sociala medier installera och använda Joomla-webbpubliceringssystemet 8 / 12

9 Finaluppgift Finalens tävlingsuppgifter och tävlingstid till förfogande Allmänt Om inget annat nämns i uppgifterna så görs kontrollen och bedömningen av webbsidorna med nyaste versionen av webbläsaren Chrome. Tidtabell Uppgift Dag Tid T A Egen webbdesign skapas från kundens produkt/tjänst tis :30 10:30 2 B Windows 8?programmering tis :00 12:00 1 C Förverkligande av responsiv webbsida på basis avtis :00 16:00 3 koncept från webbgrafiker D Definition, planering och försäljning av webbplats i ons :30 10:30 2 enlighet med kundens krav E Användbarhet och tillgänglighet ons :00 12:00 1 F Förverkligande av webbplats och CMS?system ons :00 16:00 3 G Tävlingsuppgifter Hantering och presentation av information med hjälp av JSON?gränssnitt tors :30 11:30 3 Finaluppgifterna är modulära. Varje modul i tävlingen är en egen skild helhet. Uppgift A Egen webbdesign skapas från kundens produkt/tjänst (tis kl. 8:30 10:30) HTML-developer har skapat en sida av en kunds produkt/tjänst i HTML5-format. Sidan har en målgrupp.din uppgift är att använda din kreativitet och utveckla, utan att ändra HTML5-filen, en egen visuellt stilig webbdesign med hjälp av CSS3?stildefinitioner, Javascript-kod och bildbearbetning. HTML5?filen innehåller färdiga wrapper?element samt länkar till CSS-, Javascript- och bildfiler.allt innehåll på HTML5?sidan visas åt användaren antingen direkt eller interaktivt (till exempel med hjälp av hover?effekten). 9 / 12

10 Uppgift B - Windows 8?programmering (tis kl. 11:00 12:00) Företaget har en befintlig webbplats.på grund av affärsverksamhetsmässiga skäl vill företaget skapa en Windows 8 applikation baserad på den färdiga webbplatsen. Din uppgift är att redigera sidan så att den fungerar som en Windows 8 applikation. Du ska också lägga till färdiga komponenter från operativsystemet till applikationen.för att genomföra uppgiften behövs kunnande inom följande tekniker:html5, CSS3 och Javascript. Microsoft erbjuder utbildning och studiematerial gällande uppgifterna åt alla finalister. Uppgift C - Förverkligande av responsiv webbsida på basis av koncept från webbgrafiker (tis kl. 13:00 16:00) En webbgrafiker har skapat ett koncept för en webbsida. Design ändrar automatiskt storleken på sidans element beroende på storleken av användarens apparatur och webbläsare. Din uppgift är att tekniskt skapa det koncept som ska förverkligas med hjälp av HTML5, CSS3 och Javascript, så att det på bästa möjliga sätt motsvarar webbgrafikerns planer. Från materialet till uppgiften hittar du grafiska planer för resolutionerna 480 pixel och 1280 pixel. Breakpoint för placeringsförändringar av webbsidans element är 768 pixel. Uppgift D - Definition, planering och försäljning av webbplats i enlighet med kundens krav (ons kl. 8:30 10:30) Kunden har ett affärsverksamhetsmässigt behov att utveckla sin webbplats och de funktioner som hör ihop med den, vilka kräver en relationsdatabas. Din uppgift är att skapa ett uppbyggnadsdiagram för webbplatsen, en layout-plan (sketch / wireframe / pixel perfect layout), definiera de teknologier som används vid skapandet av webbplatsen och utarbeta ett ER?diagram för databasen. Dessutom ska du förbereda dig på att presentera din plan och att sälja dina tjänster åt kunden. Uppgift E Användbarhet och tillgänglighet (ons kl. 11:00 12:00) Din uppgift är att redigera nuvarande webbplats med tanke på att förbättra användbarheten och tillgängligheten. Uppgift F Förverkligande av webbplats och CMS-system (ons kl. 13:00 16:00) Din uppgift är att i enlighet med de med kunden överenskomna definitionerna skapa en webbplats, som innehåller ett CMS-innehållshanteringssystem och med vars hjälp kunden kan uppdatera och upprätthålla webbplatsens innehåll. I den här uppgiften kan du förverkliga webbplatsen och CMS-systemet antingen med hjälp av ett innehållshanteringssystem eller genom att själv programmera CMS-systemet. Alla finalisterna får en inom uppgiften en kostnadsfri Drupal-utbildning, som arrangeras av Finlands Drupal?förening. Uppgift G Hantering och presentation av information med hjälp av JSON-gränssnitt (tors kl. 8:30 11:30) Till kundens publiceringssystem har ett färdigt JSON-gränssnitt skapats. Din uppgift är att skapa 10 / 12

11 en webbplats som hämtar information från JSON?gränssnittet. Bedömningens uppbyggnad Tävlingsuppgifterna inom varje modul bedöms så fort som möjligt efter att tävlingstiden tagit slut. Efter varje tävlingsdag får finalisterna veta poängställningen.protesttiden är dagligen 1h efter att resultatet har publicerats. Material och apparatur som används i tävlingen, arbetsskeden och grenområde Grenens finaltävlingar arrangeras helt papperslöst. Finalisterna får i varje modul uppgiftsbeskrivningen och en bedömningstabell som ett Word-dokument innan tävlingstiden startar. I tävlingsuppgifterna ingår inte att de tävlande behöver skriva ut någonting på papper. De tävlande har tillgång till en arbetsstation utrustad med Windows 7 operativsystemet samt två TFT?skärmar. Följande program har installerats på arbetsstationen: Adobe Design & Web Premium CS6 Microsoft Office 2010 Nyaste versionerna av Chrome, Firefox och IE Sublime text 2 NoteTab Light Notepad++ Geany Eclipse NetBeans WinSCP FileZilla Andra versioner av programmen som finns på listan ovan får man inte tas med och installeras.förutom programmen i listan kan de tävlande, innan tävlingen startat, installera sådana program som de eller den läroanstalt som de representerar har licens på eller sådana som är shareware- eller freeware-programvara. Följande bibliotek, framework och innehållshanteringssystem finns färdigt på finalisternas arbetsstationer och får fritt användas: HTML5 Shiv HTML 5 Boilerplate jquery Bootstrap 3.0 Foundation Drupal WordPress Joomla 11 / 12

12 Powered by TCPDF ( 206 Produktion av webbsidor Tävlingsuppgifterna görs direkt på Apache-nätverksservern (PHP, MySQL, phpmyadmin), som syns som en skild nätenhet på finalisternas arbetsstationer. När tävlingsuppgiften är avslutad tar man en s.k. snapshot-situationsbild av servern varvid den version av arbetet som bedöms automatiskt returneras. Tävlingsarrangörerna förbehåller sig rätten till ändringar gällande tävlingens arrangemang samt i maskiner, apparatur och program. Ändringarna uppdateras genast på Tävlingens tidtabell Finalen arrangeras Anmälan (ackreditering) sker den 7.4 kl. 9:00 12:30, då man också har möjlighet att bekanta sig med grenområdet. Arrangörerna meddelar senare tidpunkten för när de tävlande har möjlighet att testa och installera egna program. Under tävlingsdag 1 och 2 sker lunchen för de tävlande kl Tävlingsdag 3 sker lunchen kl Den tävlande tar med sig följande saker till tävlingsplatsen Den tävlande behöver nödvändigtvis inte ta med sig någonting till tävlingsplatsen, men om man vill får man ta med sig eget tangentbord, mus och hörlurar. 12 / 12