Labora&on 8 Syfte med laborationen:

Relevanta dokument
Labora&on 7 Syfte med laborationen:

Labora&on 1 Variabler och beräkningar övningar/uppgi9er

Programmering för webben

Databasbaserad publicering ME105A Laboration 8 1 (6) I förra labben gjorde vi en webbsida med produkterna i tabellen products:

Laboration 4: Digitala bilder

Laboration 6 Formulär och stränghantering övningar/uppgifter

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad ) Birger Eriksson webblots.se

Labora&on 8 Formulär övningar/uppgi6er

En stiligare portal Laboration 3

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

Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet.

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

Labora&on 2 HTML och validering övningar/uppgi:er

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Ladok utbildning 1 (6) Skapa Datafil

Gör så här för att rapportera:

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering

Arg-administratörens guide till Umbraco v 1.2.1

Översikt. Installation av EasyPHP 1. Ladda ner från Jag använder Release Installera EasyPHP.

WEBDESIGN A - DTR 1210

Lägga in ett protokoll i en Dokumentlista i SharePoint

Laboration 2. Webbproduktion En stiligare webbsida HT2015

Uppgifter till tenta i 729G04 Programmering och diskret matematik. 7 augusti 2015, kl 08:00-12:00

Copy Cat Laboration 4

Projektbeskrivning, Programmering för webben, vt 2013

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Manual för Typo3 Site-Admins version 4.04

Användarmanual. QUICKnote 4

Mina komma åt dina. filer på. Målgrupp Personal Student. Kalmar Växjö. PC Mac 1 (5) Mina Filer. Datum: Ladda om Gå upp en

En bortsprungen katt

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet

Labora&on 2 Funk&oner, if och loop övningar/uppgi:er

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Detta dokument beskriver hur du gör för att komma igång med att skriva ut i Bitnet utifrån mallar du skapat i word.

Laboration 1 Introduktion till Visual Basic 6.0

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT

LOTTA MANUAL. t.o.m. version Cederlund

ActiveBuilder Användarmanual

Labora&on 3 HTML och struktur övningar/uppgi:er

[ HUR DU UPPDATERAR FÖRSTASIDAN PÅ OTHELLO.NU ]

Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er

Skoladmin kom igång! Innehåll

Användarmanual för Content tool version 7.5

Innehåll. HTML Editor Sida 2 av 30

Manual för webbredaktörer. Februari 2018

Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet.

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

Mobilus får inte användas under tiden uppdateringen genomförs.

Manual E-butiken Innehåll:

LOTTA MANUAL

Objektorienterad programmering Föreläsning 9. Copyright Mahmud Al Hakim Agenda (halvdag)

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Labora&on 4 CSS och validering övningar/uppgi9er

Användarmanual. QUICKnote 4

Gör en modern släktbok för CD eller webben

Symprint Snabbstartsguide

Guide för Innehållsleverantörer

Moodle2 STUDENTMANUAL

ATT LÄGGA TILL KONTROLLPUNKTER I DIN KONTROLLPLAN! Klicka på Kontrollplans knappen.

1. Enkel sökning Globalsökning Avancerad sökning Historik Söka via klassificeringsstruktur 14

Multiröstning och enkäter via Outlook eller Google Dokument

ORDLISTA WEBBDESIGN 100P

Lathund för Styret (version 1.0)

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Att skapa en bakgrundsbild och använda den i HIPP

Tentamen TEN1 HI

Formulär i Sitecore. Innehåll. Inlogg sitecore:

Nya webbservern Dvwebb.mah.se

Ansökningsguide. Hur du fyller i en ansökan om ekonomiskt stöd till samarbetsprojekt. OBS! Innehållet i den här guiden kan komma att ändras

Instruktioner för att skapa konton i MV-login

Kom igång med Riksbyggen Kundwebb

Manual för lokalredaktörer villaagarna.se

Handledning för redigering av lagsidor.

Extramaterial till Matematik Y

Arbeta i Sharepoint dokumenthanteringssystem

Konfigurering och driftsättning

3/30/2017 NYHETER I EPISERVER FORMULÄR, TIPS & TRIX HELEN HOPKINSON - NEARU VEM ÄR JAG? - HELEN HOPKINSON


Laboration 1 XML, XPath, XSLT och JSON

Manual till funktionen Rapport/Export (beta) i Compos - Föräldrastöd February 2, 2016

Introduktion BAS On-Line

Axiell Arena Visa BOOK-IT:s resurser

BaraTrav Prenumeration och Installation Version 1.3.4

Lektion 5 HTML, CSS, PHP och MySQL

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Att hämta organisationers publikationsposter ur DiVA

Dokument i klassens aktivitet

Avancerade Webbteknologier

Anvisning för import från IFS till EP Version

Korrespondens och intyg HighEdit

Snabbguide Hemsidan I denna guide kommer det att visas hur man skapar en nyhet, aktivitet och anmälningsfunktion på Denselns idrottonline-sida

På denna startsida ser du en översikt över samtliga skapade artiklar. Titel Anger titel på din artikel. Är det samma som man anger i Rubrik-fältet.

Presentera dig själv Laboration 1

kl Tentaupplägg

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla då riskerar inget att falla mellan stolarna.

Transkript:

Labora&on 8 Syfte med laborationen: - att förstå hur man läser in en Dil med PHP - att förstå hur man laddar upp en Dil med PHP - att repetera grundläggande PHP- begrepp. VIKTIGT: uppgift 3 är repetitionsuppgift som behandlar grundläggande byggstenar i programmering och som måste behärskas. Det är därför viktigt att uppgiften görs självständigt. Målet är inte att ni ska hinna bli klara med uppgift 3 under laborationstillfället, utan att ni jobbar med den tills ni verkligen förstått den. Lämna in följande: - Alla php- Diler ihopzippade OBS: Använd samma katalogstruktur som i tidigare laborationer, dvs lägg alla Diler i katalogen ddwap/me132a/lab8 Uppgi. 1 Uppgiften går ut på att läsa in poängdata från en textdil och sedan presentera den på ett överskådligt sätt. Poängresultat av en omröstning Dinns sparad i en Dil döpt till singerstat.txt. Filen består av två rader. Första raden listar namnen på alla deltagare. Andra raden i Dilen listar poängen. Första talet är första deltagarens poäng, andra talet är andra deltagarens poäng etc. Filen har följande innehåll: singerstat.txt Lady Gaga,Beyonce Knowles,Shakira,Rihanna,Robyn,Alicia Keys,Taylor Swift 78,199,66,112,99,100,57 Som synes får man ingen bra överblick genom att titta på Dilen. Uppgiften är därför att göra en Dil upp1/index.php med PHP- kod som listar deltagare och poäng. - Börja med att läsa in Dilen singerstat.txt med funktionen Dile_get_contents($Dilename) - Använd funktionen explode för att dela upp de två raderna. Första raden ska hamna i första elementet i en array med namet $rows, och andra raden i andra elementet. - Dela sedan upp första raden ($rows[0]) i en ny array $singers, där varje element innehåller namnet på en deltagare - Dela upp andra raden ($rows[1]) i en ny array $points där varje element innehåller poäng för en deltagare. - Skriv ut en tabell med namnen i kolumn 1 och poäng i kolumn 2. Sidan ska ha följande utseende: 1

Betydligt bättre än textdilen, men fortfarande inte perfekt. Komplettera index.php med en länk som ger möjlighet att sortera resultatet så att deltagare med högst poäng kommer först. Innan man klickat länken har sidan index.php utseende enligt vänstra bilden nedan. När man klickat länken byter sidan utseende till högra bilden nedan. Länken åstadkommer vi med html- koden <a href="?sort=on">visa sorterad lista</a> Obs att vi inte har något Dilnamn utan bara "?sort=on". Det innebär att länken leder till samma sida som vi redan är på dvs index.php.?sort=on innebär att värdet on skickas med precis som om vi hade fyllt i det i ett formulär i ett fält med namnet sort. Vi kan alltså komma åt detta värde med $_GET['sort'] Använd funktionen array_multisort($points,sort_desc,$singers) för att sortera namn och poäng om $_GET['sort']=='on'. 2

Uppgi. 2 Denna uppgift bygger vidare på bildgalleriet från laboration 7. Vi ska nu göra ett uppladdningsformulär så att man kan ladda upp nya bilder i mappen images. Börja med att skapa mapparna images och upp2 i mappen lab8: Kopiera sedan Dilen lab7/upp1/index.php till mappen lab8/upp2 Gör sedan en Dil upload.html som innehåller ett uppladningsformulär: Sidan ska leda vidare till index.php som kopierats från laboration 7. All kod i index.php kan behållas, men den måste kompletteras lite för att ta hand om den uppladdade Dilen. När en Dil laddas upp hamnar den i en temporär katalog. Sökväg och Dilnamn till den uppladdade Dilen Dinns i variabeln $_FILES['upload']['tmp_name']. Detta namn är kryptiskt och kan vara något i stil med /tmp/phpy0rb9t. Ursprungsnamnet på den uppladdade Dilen Dinns tillgängligt i variabeln $_FILES['upload']['name']. Det enda vi måste komplettera sidan med är en rad som kopierar den uppladdade bilden från den temporära platsen till mappen images. Det kan vi göra med PHP- funktionen copy och ange att Dilen $_FILES['upload']['tmp_name'] ska kopieras till katalogen images och få namnet $_FILES['upload']['name'] Resultatet blir då när vi valt en Dil och laddat upp: 3

Genom att gå tillbaka till upload.html kan vi lägga till Dler bilder: Uppgi. 3 - Repe&&onsuppgi. Uppgiften går ut på att dedinera 2 funktioner, en funktion som beräknar arean av en rektangel, och en funktion som beräknar arean av en triangel. Arektangel = Bredd * Höjd Atriangel = Bredd * Höjd / 2 Gör först ett formulär, index.html, med fält för bredd och höjd. Fältet för bredd måste ha namnet width och fältet för höjd måste ha namnet height för att kommande sidor ska fungera. 4

När man klickar skicka ska man få upp en sida calc.php som visar arean av en rektangel och en triangel med inmatad bredd och höjd: Utgå från följande mall (Dinns i lab8.zip) och komplettera med funktionsdedinitionerna: 5