Projekt "Podd" instruktioner
- =======================================================
Ljudinspelning, bearbetning
=======================================================
- Du/ni spelar in prat.
Du/ni använder
- digitala diktafoner(bra ljud, ej beroende av dator)
- headsets/mikrofoner (kan spela in direkt med Audacity, ger lätt biljud)
- Du/ni arbetar i Audacity och mixar prat, musik och effekter till ett trevligt poddprogram
.
Sparar ljudfilerna i lämpliga filformat.
=======================================================
Webbsideskapande
=======================================================
- Du/ni ska skapa en snygg sida. Det ska vara html5-standard
såklart.
Du/ni får fritt spelrum att designa (men det ska matcha innehållet i poddprogrammet!).
- Du ska använda Bootstrap i botten.
Använd så mycket av det du/ni kan för få till en så snygg sida som möjligt.
Dessa krav på innehåll finns:
- du/ni lägger ut din/er ljudfil med hjälp av en ljudkontroll
- en presentation av dig/er själv/a, text
- snygg webbanpassad bild på dig/er själv/a
- ditt manus, din text ska läggas in på sidan, se till att den kan visas respektive döljas med en knapp(javascript/jQuery)
- all design ska ligga i stilmallen
- all javascript i en js-fil
- innehållet ska vara centrerat i fönstret
- Använd gärna lite mer javascript för att kanske få fram någon interaktivitet på sidan. Du har ju redan fixat så manustexten dölj/visas men du kanske har någon mer bra idé som förbättrar din sida.
- Genomförande: Du arbetar ensam/grupp. Sajten byggas med egen kod och du använder HTML5, CSS3 och javascript/jquery. Se till att all vanlig kodning fungerar och ser bra ut och all fakta finns på sidorna innan du/ni bygger på med javascript/jquery.
Sidorna ska vara anpassade med "Responsive Web Design", det vill säga de ska anpassa sig efter vad du/ni använder för att titta på webbsidan, dator eller mobil.
- Innan du sätter igång och koda ska du TÄNKA och PLANERA. Du/ni ska göra en detaljerad skiss på hur din/er sajt ska se ut.
Innehåll, utseende, färger, teckensnitt, teckenstorlek! Logga, rubriker. Bilder, funktioner, effekter.
Du kan INTE sätta igång och koda innan din planering ÄR GODKÄND AV PER.
=======================================================
Slutförande av projektet
=======================================================
- Testkör din webbsida.
OBS! Ladda upp den på labbservern, till mappen "podd" som ligger i mappen "projekt" som i sin tur ligger i roten och kör den därifrån. (labb.vgy.se/~användarnamn/projekt/podd/index.html)
- När du är klar med webbsidan validerar du syntax med valideringstjänsten http://validator.w3.org/ och http://jigsaw.w3.org/css-validator/ .
- Testa din länk .
(Per lägger upp en samlingssida med allas länkar på veckoplaneringen.)
Lycka till!