Förra gången. jquery Lab 4 Muddy Cards resultat.

Transkript

1 Förra gången jquery Lab 4 Muddy Cards resultat.

2 Labgrupper Helklass alltid på lab-tiderna?

3 Ingen föreläsning nästa vecka

4 Bonus-info HTML - formulär Serverskript PHP Portfolio Sammanfattning. Idag

5 Webblingo Webbsida Webbplats Startsida Ingångsida (Undvik hemsida.)

6 Webbhotell Antal domäner Trafikbegränsningar (gratis?, hur mycket?, vad kostar det sen?) Lagringsutrymme Support (svarstid) Serverplats (målgrupp) SFTP/FTP (SFTP är säkrare)

7 Ang. simpel För projekt, dokumentation och kontakt med kunder osv tänk på att simpel kan tolkas som: enkel, torftig, vardaglig, vanlig, tarvlig, gemen, oädel, lågsinnad, lågsint, elak, nedrig, lumpen, snöd, vulgär, smaklös, usel, obildad, ignobel (Alltså skillnad mot engelskan simple).

8 Laboration 5 Spel, test, frågesport eller quiz Använd PHP och formulär.

9 Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea> För ett och endast ett av flera alternativ: <input type= radio.../> För inget, ett eller flera alternativ: <input type= checkbox.../> För rullgardinsmeny: <select><option...>...</option></select>

10 Demo

11 Serverskript www Klient Server Kör ett program på servern och resultatet skickas till klient PHP, ASP, Python.

12 Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern Dynamiska webbplatser Hantera och reagera på data som skickas från klient.

13 PHP Hypertext Pre Processor Skrivs tillsammans med HTML Resultat efter körning är HTML Free Software Stort, populärt och användbart Kan användas med databaser (MySQL).

14 Demo

15 Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../> Formuläret skickas med submit <input type= submit.../> Värden hämtas med $myvalue = $_GET[ myvalue ]; eller $myvalue = $_POST[ myvalue ]; beroende på vad man satt för method <form... method= post...> <form... method= get...>

16 method= post eller method= get post Ändrar/uppdaterar något Hamnar inte i cache, historik Data ej synlig i URL, kan ej bokmärkas eller länkas till get Hämtar något Kan hamna i cache och historik Data synlig i URL, kan bokmärkas och länkas till

17 Formulär För tillgänglighet och användbarhet tänk på att: - man ska kunna klicka på label-text för att markera ett fält. Kod: <label for= example >My label</label> <input id= example.../> eller <label><input id= example.../>my label</label> - ha en fungerande layout - validera HTML-koden.

18 Laboration 5 Spel, test, frågesport eller quiz Nytt ämne, ny design, ny webbplats Använd PHP och formulär <label> - ger bättre tillgänglighet och enklare arbete med layout Include för återkommande delar Design ska passa för ert quiz/spel/test Alla sidorna välgjorda.

19 Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK endast om ni gör en kommentar i koden om var ni fått den ifrån Gäller även om ni ändrat i koden (All kod som ni inte angett en källa för räknas som att ni redovisar som eget arbete.) Att använda kod från andra studenter är ej OK.

20 Portfolio

21 Portfolio - Förberedelser Förebildsanalys Målgruppsanalys Persona.

22 Portfolio - Design Moodboards Wireframes Skisser/mock-ups.

23 Portfolio - implementation

24 Portfolio - Utvärdering Arbetsrapport Argumentation & kritik Reflektion & självvärdering ord (med kontrollerad stavning och grammatik).

25 Portfolio - Redovisning Skickas som epost Bifoga: projektdokument - ska vara pdf Skriv med länk till webbplats - publicerad på www IDAs server eller annan Kod - tillgänglig antingen bifogad, länkad eller.phps Deadline 28/10, kl Uppsamling 7/1, kl

26 Betyg U, 3, 4, 5 50% Implementation 50% Dokumentation 3 = Allt OK 4 = Ett par delar bra och ett par delar OK 5 = Allt bra, eller nästan.

27 Sammanfattning

28 1. HTML+CSS Kursupplägg HTML CSS - grunder Färger.

29 2. RWD Layout & styling Grid RWD CSS - forts Sökmotorsoptimering.

30 3. Animation Animation Projektgenomgång UI.

31 Javscript jquery Bildoptimering UI, UX. 4. jquery

32 5. PHP Serverscript PHP HTML formulär.

33 Portfolio

34 www-fortbildning Finns flera bra böcker i Smashing Books serien