Webbplats. Projektplan för webbplats. Karin Tuvell



Relevanta dokument
Konfigurera Wordpress som Hemsida istället för blogg

Tillämpad programmering CASE 1: HTML. Ditt namn

En grundkurs i hemsidor och hur de är uppbyggda

Lathund att skapa och tilldela en LPP

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

En stiligare portal Laboration 3

/*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height: 100%; }

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

Hur man skapa en Wiki.

12/9/2010 REGLER WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS LOKALA STILMALLAR GLOBALA STILMALLAR. Selektor. Deklaration

Wordpress handledning för distrikt, lokalavdelningar och personsidor

Lektion 2 - CSS. CSS - Fortsätt så här

ORDLISTA WEBBDESIGN 100P

Manual för lokalredaktörer villaagarna.se

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

CMS. - Content management system

Familjewebben. Information och manual för föräldrar Malung-Sälens kommun Barn- och utbildningsförvaltningen - 1 -

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Inför prov 1 i webbdesign

Om din presentation:

Lathund för publicering i KI Commons wikitjänst

PROJEKTRAPPORT GRUPP 10

ReKo Sjuhärads webbplats -

Webbproducentutbildning i InfoGlue

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

Manual för lokalredaktörer villaagarna.se

Storvretaskolans IT-plan 2013/14

Storvretaskolans IT-plan 2017/18

CSS-övningar. 1. Grunder

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.

<Webbutvecklare lektion="02"> Kursledare: Mahmud Al Hakim

Laboration 2. Webbproduktion En stiligare webbsida HT2015

206 Finaluppgifter för produktion av webbsidor

Komma igång med Klassrum. En lärarhandledning om appen Klassrum för Mac

Logga in till EPiSERVER

HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09)

En introduktion till Community i Mediakatalogen

EPI Server 6.0. Lathund till Episerver. Innehåll

Att styla webbsidor. Nivå. Uppgiften

Lathund för att hantera kongresshandlingar

Ditt användarnamn är den e-postadress som du angav när du registrerade dig. Ditt lösenord får du från ditt barns klasslärare.

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...

Välkommen till PictureMyLife!

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Föreningen Nordens lokala hemsidor

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Projektrapport. Projekt - Anna Broström Keramik

Internet A. HTML Grunder Maximilien Chiang 1

Lektion 3 HTML, CSS och JavaScript

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Introduktion till Community i Mediekatalogen SLI

Börja skriv för a6 lägga in text. Handbok - de la gardienätet. för vårdnadshavare. Uppdaterad

Skapa blogg i ÅA:s bloggverktyg komplett guide

WORDPRESSGUIDE Uppdaterad WORDPRESSGUIDE 2013 Sida 1

Uppgifter

Skapa Kommunikationswebbplatser i Office 365

Välkommen som testpilot av plattformen PictureMyLife!

För att få respektive betyg krävs: 25 för godkänt, 37,5 för väl godkänt (obs betyget gäller tentan, inte kursen som helhet)

Arbeta med bedömningsmatriser i Unikum

Lathund länkar. Skapa en intern länk som en sida

Content Management System. Publiceringssystem

Dina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer.

Användarmanual för rapportering av förflyttningar av grisar, får eller getter via Internet

1 Handledning för vårdnadshavare Vad är lärportalen och vad kan jag göra där?...3

Grundutbildning EPiServer CMS6

WEBB OCH INFORMATIONSDESIGN

Manual till publiceringsverktyg

Välkommen till PictureMyLife!

Webbsida i Wordpress. Existens på webben och bli sökbar

Mappar och filer för webbsidor

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Struktur & Layout med CSS

Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er

Hagaskolans IT-plan. Hur jobbar du med kommunikation på dina lektioner?

Välkommen till Studiekanalen.se

Labora&on 4 CSS och validering övningar/uppgi9er

Manual för nyheter och kalendarium-publicering

Om din presentation:

Internet. En enkel introduktion. Innehåll:

Instruktioner till Schoolsoft. För att logga in går du in på denna adress.

«Sida 2 av 4 Till kursens framsida Sida 4 av 4»

Instruktioner för Articulate Storyline 2

12 Webb och kurshemsidor

Del 2 INTERNET I VARDAGEN. 14. Hämta program på Internet Sköta affärer på Internet Användbara sidor (för nytta och nöje)...

Anvä ndärguide Nyä Expeditionsresor

Elever i Skola24 Genom elevrollen i Skola24 kan elever ta del av en mängd användbar information.

Betygsregistrering. Grundskola Grundsärskola

Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket.

WebViewer Manual för administratör Nova Software AB

Grafisk profil för digitala gränssnitt MAJ 2019

RACCOON DEVELOPMENT AB

Labora&on 8 Formulär övningar/uppgi6er

Användarbeskrivning ARBETSGIVARINTYG. för Sveriges alla arbetsgivare. arbetsgivarintyg.nu. En ingång för alla användare. Innehåll. Version 1.

IT-körkort för språklärare. Modul 2: Blogg

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

Närvarohantering för vårdnadshavare

IT-handlingsplan för Årsunda Skola

Transkript:

Webbplats Projektplan för webbplats Karin Tuvell

Innehåll Syfte... 3 Mål... 3 Målgrupp... 3 Innehåll och avgränsningar... 3 Utformning... 3 Storyboard... 4 Flödesschema... 5 Tidsplan... 6 Resurser... 6 Elevresurser... 7 Uppföljning... 7 2

Syfte Syftet med webbsidorna är att underlätta undervisningen och främja lärandet. Enligt övergripande mål och riktlinjer gällande kunskaper är det skolans ansvar att varje elev kan använda modern teknik som ett verktyg för kunskapssökande, kommunikation, skapande och lärande. 1 Webbplatsen ska ses som en del i en till en satsning som genomförs på många skolor. Mål Målen med sidan är att den ska främja lärandet genom att engagera och motivera eleverna med moderna teknik som ett verktyg för kunskapssökande, kommunikation, skapande och lärande. Ytterligare ett mål, som har stöd i lpo11, är att eleven tar personligt ansvar för sina studier och utvecklar förmåga att själv bedöma sina resultat. Planeringar, uppgifter, presentationer samt rekommenderade länkar finns lätt tillgängigt och överskådligt. Målgrupp Min målgrupp är de elever jag undervisar i högstadiet, för nuvarande åk 7 och åk 9. Det som är uppdaterat för tillfället är för åk 9 och biologilektioner i DNA/ och genetik. Det är i första hand för dem som webbplatsen upprättas. Innehåll och avgränsningar Webbsidornas innehåll är utifrån min undervisningssituation med kan utökas om fler pedagoger vill vara delaktiga. Sidorna innehåller information, presentation och uppgifter. Utformning Startsidan eller hem är den sida som ses som parent, webbadressen startsida. I menyraden väljer man aktivitet. Sidorna Inlägga och Planket är dynamiska sidor medan ämnens sidor ses som statiska. De statiska sidorna innehåller presentation av ämnen samt ska uppdateras med 1 Lgr 11 3

terminsplanering för ämnet. De dynamiska sidorna används löpande i undervisningen. Inlägg uppdateras för varje arbetsområde inom alla ämnen och kategoriseras för respektive årskurs. Planket är elevernas redovisnings plank. Redovisningar kan ske via playlist eller inlägg via olika pluggin. I ett första skede är Secure HTML5 Video Player installerad. Storyboard Gemensamt för alla sidor (body style) - Bredd: 1024 pxfont-family: tahoma, arial, sans-serif; - font-size: 0.8em; - color: #000000; - background: url(/wp-content/themes/atahualpa/images/2_90210962.jpg) repeat top left; (hämtad på: http://styleblogg.blogg.se/bakgrunder/) - menu: menu_order (sortering kronologisk), border: solid 1px #606060 (ljusgrå) baggrundsfärg. E0E0E0 (grå) och hover (när man för över muspekaren som indikerar på att det är en klickbar länk) EEEEEE (mellangrå) - link color. #9ACD32 (mellan grön). Link hover color #C6DF8E (ljusgrön) - alla länkar öppnas in nyttfönster 1:1 Startsidan (index sidan) - E-postlänk till kontakt/sidansvarig 2:1 Inlägg - Rubrik: font-size: H1 (34px) - Brödtext: p (18 px) Alla områden presenteras med ett nytt inlägg. Det första gäller DNA/genetik - Dna och genetik.pdf - Genetik_anlag.ppt - DNA.ppt 4

3:1 Matte Sida för ämnesinformation statisk 4:1 NO Sida för ämnes information statisk 5:1 Teknik Sida för ämnes information statisk 5:1 SO Sida för ämnes information statisk - Länk till: http://www.so-rummet.se/ 6:1 Planket Dynamisk sida. Uppdateras med elevers redovisningar. Innehåller nu en visning hur man kan redovisa/berätta i Photo Story. - Plugin: Secure HTML5 Video Player - länkar till: http://www.youtube.com/watch?v=qsi377ps9ky Gemensamt för widget - Link color (länk färg) #777777 (mörkgrå) hover #000000 (svart) - Alla länkar öppnas in nytt fönster Flödesschema Nedan visas en strukturell beskrivning på webbplasten. Start/Hem är den sidan som visas när webbadressen anges. På webbplatsen används en höger och en vänster kolumn (left bar och right bar) dessa är intakta vid sidbyte. I bodyn (kolumnen i mitten) sker förändringen vid sidval. Vänster kolumnen har Senaste, Resurser, kategorier och meta som widgets 2. Senaste presentar de senaste inläggen. Resurser är en länklista för nedladdningar till rekommenderade 2 Window gadget. Ett grafiskt användargränssnitt ett litet fönster som uppdateras. 5

program som elever och lärare kan använda. Kategorier är en snabblänk till alla inlägg för 9an. Som utökas när fler årskurser är inblandade. Höger kolumnen är en länksamling kategoriserad efter område eller ämne. Högst upp ligger de som är aktuella just nu. Start sida Inlägg Matte NO Teknik SO Planket Vänster sida Höger sida Senast Externa Länkar Resurser Kategorier Tidsplan Strukturen på sidans utformning, design och överföring till domän beräknas ta ca 24 timmar. Utökande av sidor, plugin och första delen i Inlägga samt Planket ca 4 timmar. Totalt 28 timmars 3,5 dagars arbete. Resurser De programvaror som används är: - wordpress.org (på egen server) - Secure HTML5 Video Player (plugin) 6

Elevresurser - Audacity (http://www.pim.skolverket.se/xp/handledningar/om-pim/programvaror-i-pim/3/) - Freenmind (http://www.pim.skolverket.se/xp/handledningar/om-pim/programvaror-i- PIM/8/) - Photo Story (http://www.microsoft.com/sv-se/download/details.aspx?id=11132###) - Photo Filtre (http://www.pim.skolverket.se/xp/handledningar/om-pim/programvaror-i- PIM/2/) - Xmind (http://www.pim.skolverket.se/xp/handledningar/om-pim/programvaror-i-pim/7/) - Adobe Reader (http://get.adobe.com/se/reader/) - OpenOffice (http://www.openoffice.org/sv/get/) Uppföljning Ett sätt att följa upp är att koppla till Googel Analytics 3 som visar besökare per dag, trafiktyper m.m. Uppföljning sker även kontinuerligt och fortlöpande i samverkan med elever. Mätbart är även elever och föräldrars aktivitet eller snarare respons då allt material finns tillgängligt för elever. De slipper hålla reda på kopior och föräldrar vet att de har tillgång till planeringar och information. 3 http://www.google.com/intl/sv/analytics/ 7