206 Finaluppgifter för produktion av webbsidor

Transkript

1 206 Finaluppgifter för produktion av webbsidor ALLMÄNT Finaluppgifterna inom produktion av webbsidor innehåller planering och förverkligande av julkalender för tidningen Keskisuomalainens nättjänst, ett produktregister för tryckeriet Silkkisiipi Ab samt en mobilapplikation till Windows Phone 7-telefon i samarbete med företagen och samarbetspartners. Det är meningen att julkalendersidan ska infogas på Keskisuomalainens nuvarande webbplats. Man förflyttas till julkalendern via dagens lucka från Keskisuomalainens startsida. Julkalendersidan är en egen sida. Dagens lucka uppdateras automatiskt på startsidan för keskisuomalainen.fi. För de produkter som för närvarande kan ses på tryckeri Silkkisiipi Ab:s sidor ska ett produktregister och ett inmatningsformulär utarbetas. Mobilapplikationen berör Keskisuomalainens nättjänst. Bedömningen sker från servern på adressen Mapparna dit man ska spara finns nämnda i uppgifterna. Bedömningen görs med webbläsaren Firefox och webbläsarkompabiliteten bedöms genom webbläsaren IE. Före uppgiften startar ska du justera din arbetsstation med tanke på ergonomi och fästa uppmärksamheten vid din arbetsställning.

2 Uppgifter och tider beteckning Uppgift Dag Klockslag Timmar A Planering av julkalendersida tis B Förverkligande av julkalendern tis , ,5 C Snabbetapp tis ,5 D Infogande av produktregistret ons ,5 till den färdiga webbplatsen E Förverkligande av produkt- ons , ,0 registret F Snabbetapp ons ,5 G Windows Phone 7 to H Infogande av funktionen Google to ,5 Analytics till webbplatsen UPPGIFT A Planering av julkalendersida (tis kl. 9 11) Planering av sidan och kundrådgivning Före planeringen ska du läsa kraven som beskrivs i de andra uppgifterna, så att du kommer ihåg att beakta dem. Planering av layout Layouten på julkalendern ska anknyta till layouten på nättjänsten för Keskisuomalainen (ksml.fi). I bilaga 1 finns en skärmdump från nättjänstens startsida. I mappen Materiaali_Ksml finns material för att underlätta planeringen av layouten. I samband med kundmötet får du dessutom grafisk handledning som stöd för din planering.

3 Gör en layout-plan över hur dagens lucka ska placeras på nättjänstens startsida samt för julkalendersidan Julkalenderns användargränssnitt måste vara enhetlig och konsekvent. Uppbyggnaden bör vara sådan att det i julkalendern kan visas videon, bildserier, text och grafik. Bakom varje lucka kommer ett otroligt erbjudande för dagen fram, som öppnas t.ex. i ett pop-up-fönster. Från erbjudandet presenteras en rubrik, produktens bild och text samt eventuellt en länk till företagets hemsida. Kom ihåg att du måste kunna förverkliga planen på så vis att det fungerar efter att första tävlingsdagen avslutas. Spara din plan i mappen Suunnitelma_Ksml med namnet suunnitelma_ksml. Skriv ut dokumentet. Planering av funktionaliteten Skapa med hjälp av program eller för hand ett strukturdiagram för webbplatsens uppbyggnad. Under arbetets gång kommer en kundrepresentant att gå omkring på tävlingsområdet och ge feedback gällande din layout-plan. Gör de ändringar som behövs och slutför din layout. Ifall du gjorde layouten i elektronisk form, spara den i mappen Layout_Ksml med namnen layout_ksml. Skriv ut dokumentet. Innan sidan ska förverkligas träffar du kunden igen. Sträva efter att sälja din plan åt kunden. Du har två minuter på dig att försöka övertyga kunden.

4 UPPGIFT B Förverkligande av julkalender (tis kl , ) Förverkliga julkalendern genom att använda open-source-tekniker. När uppgift B är gjord måste följande vara klart - julkalendern, med möjlighet att infoga data - inmatningsformulär för inmatning av information - det förverkligande följer webbstandarder - sidan ska fungera med minimiresolutionen 1024x768 UPPGIFT C Snabbetapp (tis kl ) - inmatning av färdig data i julkalender - utdelning av julkalendern i sociala medie UPPGIFT D Infogande av produktregister till en färdig webbplats (ons kl ) Kundmöte (9-9.15) och planering av produktregister ( ) Före planeringen ska du läsa kraven som beskrivs i de andra uppgifterna, så att du kommer ihåg att beakta dem. Kundregistret ska anknyta till Tryckeri Silkkisiipi Ab:s webbplats ( I bilaga 2 finns en skärmdump av webbplatsens produktsida. I mappen Materiaali_Silkkisiipi finns material för att underlätta planeringen av produktregistret. Under kundmötet kan du noggrannare diskutera innehållet i produktregistret.

5 Planering av funktionaliteten och användargränssnittet Gör en plan över förverkligandet av produktregistret och för inmatning av uppgifterna i produktregistret. Inmatningen av uppgifterna ska vara enkel och snabb. Vid planeringen av användargränssnittet bör beaktas att kunden inte nödvändigtvis har datatekniskt kunnande. Kom ihåg att du måste kunna förverkliga planen på så vis att det fungerar efter att den andra tävlingsdagen avslutas. Spara din plan i mappen Suunnitelma_Silkkisiipi med namnet suunnitelma_silkkisiipi. Skriv ut dokumentet. Din plan måste ha en schematisk beskrivning av databasen (t.ex. ER-schema), layout som jpg-bilder för sidan med inmatningsformuläret och för informationssöknings- samt presentationssidan. Spara dokumenten i mappen Layout_Silkkisiipi med namnet layout_silkkisiipi. Skriv ut schemat och layout-bilderna. UPPGIFT E Förverkligande av produktregister (ons kl , ) Förverkliga ett produktregister som MySQL-databas. När uppgift E är gjord måste följande vara klart - produktregistret i MySQL-databasen - sida innehållande inmatningsformuläret - 5 produkter inmatade i produktregistret - sidan för informationssökning och presentation

6 Ta i beaktande särskilt produktregistrets användbarhet, förnuftigheten i databasens uppbyggnad, kontroll av information för formulärets inmatningsfält samt mångsidiga och enkla sökfunktioner. UPPGIFT F Snabbetapp (ons klo ) Gör anvisningar för inmatning av data i produktregistret. Skriv ut dokumentet. UPPGIFT G Windows Phone 7 (to klo 8 10) Gör en plan för Windows Phone applikation till julkalendern på Keskisuomalainens nättjänst. Förverkliga din applikation och testa hur julkalendern fungerar med telefonen som finns till ditt förfogande. På applikationens första sida bör dagens nummer synas samt en knapp så att man kan öppna luckan. Också dagens erbjudande bör synas i en annan Panorama-Item. Förutom detta bör också Keskisuomalainens senaste nyheter från deras webbsida synas på samma Panorama-sida. Dagens erbjudande och julkalenderns lucka kan vara statiska, och deras information behöver inte hämtas från databasen. När användaren trycker på öppna -knappen blir han eller hon förflyttad till en annan sida där en video visas. Videon startar automatiskt när man förflyttar sig till sidan och där hittas knapparna (play/pause/stop) samt volymkontroll. I vyn för Dagens erbjudande visas en rubrik, bild och länk. Genom att klicka på länken förflyttas man till en bestämd webbsida.

7 Till vyn för nyheter hämtas nyheter från Keskisuomalaisens RSS-flöde ( och de visas på sidan så att för varje nyhet visas rubrik samt beskrivning. När man klickar på en nyhet så förflyttas man med webbläsaren till Keskisuomalainens nyhetssida för att läsa ifrågavarande nyhet. Mobilapplikationen ska vara klar kl Spara ditt projekt i mappen WP_Ksml med namnet mobiili_ksml. Installera applikationen i telefonen som du har till ditt förfogande. Applikationen testas från telefonen. UPPGIFT H Funktionen Google Analytics infogas till webbplatsen (to kl ) Lägg till funktionen Google Analytics på tryckeri Silkkisiipi Ab:s webbplats. Konfigurera inställningarna för Google Analytics så att en rapport varje vecka styrs till kundens e-post. Presentation av egna arbeten (tors fr.o.m. kl )