Webbprogrammering, grundkurs 725G54

Transkript

1 Webbprogrammering, grundkurs 725G54

2 Lab 4, 5 ERD PHP + MySQL Återblick

3 Idag Sessions PHP och MySQL för samband Lab 6 725G54: Genomgång projektuppgift Avstämning av kursmål

4 Om sessions På IDA måste ni göra session_save_path('dir) Dir ska vara katalog där PHP (world/ others) får läsa och skriva Måste även köra session_start() innan <!DOCTYPE Testa och felsök med utskrifter av vad som läggs in och kan tas ut från $_SESSION

5 Problem med databas Testa att ange host till localhost.

6 Lab 6 Filmdatabas Filmer, produktionsår och skådespelare Med hjälp av PHP måste ni kunna lägga till och hålla ordning på samband mellan två entiteter (och tre tabeller) Hindra dubletter.

7 Person id namn telefon 6 Rocksteady Beebop Hus gata nummer Storgatan 2 Rydsvägen 240 ägare id namn telefon gata nummer Person 1 N äger Hus

8 Person id name phone 6 Rocksteady Beebop House id street number 1 Storgatan 2r 2 Rydsvägen 240 owner-id Kan skrivas ut med php-loop från databas UPDATE House SET owner = 54 WHERE house-id = 2; Query sätts ihop utifrån svar i formulär

9 Person Hus id namn telefon 6 Rocksteady Beebop gata nummer Storgatan 2 Rydsvägen 240 ägare id 16 6 & 854 Äger person-id hus-id Dålig lösning id id namn telefon gata nummer Person N äger M Hus

10 Person House id name phone 6 Rocksteady Beebop street number Storgatan 2 Rydsvägen 240 id 1 8 Owner person-id house-id

11 Bra funktioner insert_id - returnerar id för senaste lagring (för uppkoppling) num_rows - returnerar hur många rader som finns i resultat av query Finns fler på php.net

12 Lab 6 Filmdatabas Filmer, produktionsår och skådespelare Med hjälp av PHP kunna lägga till, ändra och hålla ordning på samband mellan två entiteter (M:N - tre tabeller) Hindra dubletter och felaktiga inmatningar med PHP och jquery.

13 Projekt Individuellt, 2,5hp, U/G/VG Egen databasdriven webbplats T ex databas om böcker, fotoalbum, blogg, adressbok, bokningssystem, presentation av företag/förening Dokumentation av arbete och tidsåtgång Funktion för att lägga till, ändra och ta bort.

14 725G54 Projektexempel

15 725G54 Projektexempel

16 725G54 Projektexempel

17 725G54 Projektexempel

18 Projekt - tid Skissande, mock-up, 2-4h Från skiss till HTML och CSS, 16-32h Design och implementation av CMS, PHP +MySQL och JS, 24-48h Dokumentation, 4-8h Totalt ~65 h.

19 Projekt - examination Krav för G För VG finns extra krav varav två måste vara uppfyllda. U, G eller VG. Ej kompletteringar. Ska vara individuellt arbete. Jämförelser av källkod och lösningar görs.

20 Projekt - VG För VG ska 2 av följande lösas: Databas: hantera 4 entiteter och samband via webbplats Design: RWD (3 bredder), SEO, bildoptimering, jquery-validering Säkerhet: Kontohantering, inloggning med session, krypterad lösenordshantering.

21 Deadlines Laborationer, 19/5 - sista dag för redovisning (Projekt bör påbörjas innan datum ovan.) Projekt, har två redovisningstillfällen. Betyg påverkas ej av vilket tillfälle. 7/6, /8, 8.00 Senare redovisningar hänsvisas till nästa kursomgång (VT-15) och eventuellt annan uppgift.

22 Projekt - frågor? Maila jakob.bandelin@liu.se Ämne: "725G54 - Projektfråga"

23 Färdiga CMS Använd ej till projektet: Textpattern, Wordpress, Joomla, Drupal, Mambo, etc Ofta PHP+MySQL (Det ni lär er i kursen och under projektet kan användas för att modifiera och anpassa befintliga CMS. Kursens mål ska/kan inte examineras på användning av verktyg för webb-publicering.)

24 Frameworks/verktyg Använd ej till projektet labbar eller projekt: CodeIgniter, RubyOnRails, etc Man ska ha skrivit (nästan) all kod för projektet själv. jquery - OK Bootstrap - OK

25 Upphittad/lånad kod Gäller för laborationer och projekt. Kod från forum, böcker, php.net, bloggar enstaka rader - OK Kod från föreläsningsexempel - OK Gör alltid en kommentar i koden om var ni fått den i från Är ni osäkra på vad som gäller fråga Det får aldrig se ut som om ni redovisar kod ni inte skrivit själva som eget arbete.

26 Handledning Det är salar bokade med handledare Mer arbete/tid än schemalagd krävs.

27 Kursinnehåll Avstämning

28 Under kursens gång utvecklas studentens kunskaper och färdigheter i praktisk webbprogrammering och webbdesign genom fokusering på följande områden: allmänt om Internet och webben HTML, CSS, layout, och formulär grundläggande webbprogrammering i PHP: datatyper, funktioner, filer, databaskoppling grundläggande databaser: ER-modellering, datatabeller, SQL (MySQL)

29 Fö 1 - HTML HTML FTP Webbserver

30 Fö 2 - CSS Färger - #F00, #999 Boxmodellen Separation av innehåll och presentation

31 Fö 3 - jquery jquery Bootstrap

32 Fö 4 - PHP Serverskript Formulär Validering av data Säkerhet

33 Fö 5 - MySQL SQL, MySQL PHP + MySQL

34 Fö 6 - MySQL, 2 SQL, MySQL PHP + MySQL

35 Screencasts ERD, normalisering jquery Validering

36 Kursmål Avstämning

37 Exemplifiera problem och möjligheter med att använda en webbaserad applikation Statiska sidor Dynamiska sidor - Serverskript - Klientskript Databaskopplingar Användbarhet Sökmotorer Frameworks RWD CMS Tillgänglighet

38 Förklara fördelarna med att separera strukturbeskrivning (HTML) och layout (CSS) för dokument vid publicering på WWW Tillgänglighet Sökmotorsoptimering Enklare att underhålla Enklare att ändra

39 Implementera en fungerande databasdriven webbplats genom att använda HTML, CSS samt grundläggande funktioner i PHP och SQL (MySQL) Gästbok/klotterplank Filmdatabas Projekt

40 Designa ER-modeller för en enkel databas Lab 5 Filmdatabas Projekt

41 Tack och lycka till!