Programmera din rapportsida till webtec-kursen

By . Latest revision .

Du skall programmera ett par webbsidor med PHP och grundläggande konstruktioner såsom variabler, if-satser, loopar, inbyggda funktioner samt använda dig av HTML form och GET via querysträngen.

Du jobbar i din tidigare struktur av sidkontrollers och vyer och bygger ut din befintliga webbplats.

#Förkunskaper

Du har jobbat igenom övningen “Programmera din webbplats med PHP” och du har därmed fått en bra start inför uppgiften.

#Introduktion och förberedelse

Om du har jobbat igenom övningen så är du förberedd för uppgiften och du har tränat på de begrepp som används för att lösa uppgiften.

#Struktur

Glöm inte att använda strukturen med sidkontrollers och vyer när du löser uppgiften.

#Validering av PHP kod

Kör dbwebb validate report för att validera din PHP-kod så att den har rätt kodstil och att du har skrivit “god kod”. Rätta de fel som du får. I början kan det vara bra att validera ofta, så slipper man en större felmängd i slutet.

#Felsök på studentservern

När du vill felsöka PHP-kod på studentservern så behöver du publicera med dbwebb publishpure report för att du skall få rätt radnummer.

Om du gör en vanlig publish så komemr din kod att modiferas så att alla kommentarer tas bort och alla radbrytningar och tabbar försvinner. De felmeddelanden du får kommer alltså ge dig ett annat radnummer än det som du ser i din texteditor.

#Är det fredag?

I uppgiften kommer du bygga en webbsida för att kolla om det är fredag idag och isåfall skrivs det ut ett trevligt meddelande, annars skrivs det ut hur många dagar det är kvar till fredag.

Tanken är att du gör en riktigt galen sida med hjälp av CSS, stort och annorlunda typsnitt, någon fredags bild och kanske inkluderar en fredagsvideo om det är fredag.

#Månadskalender

Du skall göra en månadskalender som har ett liknande utseende som följande kalender.

En månadskalender.

En månadskalender.

Den skall göras i en HTML tabell och försök likna ovan kalender så gott det går.

#Krav

Utför följande krav.

  1. Skapa en sidkontroller public/friday.php som gör en riktigt galen sida genom att styla den med CSS på alla möjligt galna sätt. Placera sidan i navbaren. Sidan skall kontrollera om det är fredag idag. Om det är fredag skrivs det ut i stora tecken, galna färger kompletterade med bilder och videor. Om det inte är fredag skrivs det ut hur många dagar det är tills fredag.

  2. Lägg till möjligheten att skicka in ett datum via querysträngen till fredags-sidan via friday.php?date=2022-08-27 för att på det viset kunna testa sidan med olika datum och se vad som händer när det är fredag, även när det inte är fredag.

  3. Skapa en sidkontroller public/month.php som visar en månadskalender i en HTML tabell enligt beskrivningen och bild ovan. Placera sidan i navbaren. Styla sidan så att den ser tilltalande ut, använd din egen stil. Överst i sidan skapar du ett HTML GET formulär som ger möjligheten att skriva in ett datum, när man postar formuläret så visas en månadskalender för den månaden som datumet tillhör. Använd “self submitting” formulär.

  4. Månadskalendern skall innehålla en rubrik där år och månad skrivs ut. På varje rad skrivs datum ut tillsammans med vilken dag det är. Söndagar markeras med rött. Veckonumret skrivs ut på varje måndag. För varje dag, skriv ut vilket dagnummer det är för året (1-365/366).

  5. Skriv alltid ut veckonumret på första dagen i månaden, även om det inte är en måndag.

  6. Månadskalendern skall innehålla en länk som leder till nästa/föregående månad.

  7. Kontrollera att dina sidkontroller passerar Unicorn validatorn. Om du har några valideringsfel på CSS kan det ibland vara okey, men du bör inte ha något valideringsfel på HTML.

#Publicera

Avsluta uppgiften så här.

  1. Kontrollera för dig själv att du har utfört samtliga krav.

  2. Validera din PHP-kod med dbwebb validate report, rätta de valideringsfel du har.

  3. När du är klar kan du publicera resultatet med dbwebb publish report. Se till att du inte har några valideringsfel.

  4. Testa ditt resultat så att det passerar de automatiska testerna med dbwebb test kmom03.

#Revision history

  • 2022-08-11: (A, mos) Första utgåvan till webtec-v2.

Document source.

Category: kurs webtec.