WEBMASTER DAG 10 VT09 Mahmud Al Hakim

2 A GENDA 9.00 – FTP Webbserver Webserverprogrampaket Lite om XAMPP – 10.30Paus 10.30–12.00 Introduktion till PHP PHP-Formulär – 13.00Lunch – Introduktion till Databaser MySQL databasar phpMyAdmin – 14.30Paus – Applikationsutveckling med MySQL och PHP Copyright, Mahmud Al Hakim, 2009

3 F ILÖVERFÖRING MED FTP FTP (File Transfer Protocol) Ett av de tidigaste populära filöverföringsprotokollen för Internet. Några välkända FTP Klienter FileZilla: FireFTP: WinSCP: Dreamweaver har en inbyggd FTP-funktion. Copyright, Mahmud Al Hakim, 2008 Copyright, Mahmud Al Hakim, 2009

4 Ö VNING : FTP VIA F ILE Z ILLA Starta FileZilla Anslut dig till följande FTP-server ftp.hakimdata.se Användarnamn: Lösenord: guest Skapa en mapp med ditt namn på servern. Surfa till Copyright, Mahmud Al Hakim, 2008 Copyright, Mahmud Al Hakim, 2009

5 Ö VNING : FTP VIA F IRE FTP Starta FireFox Klicka på Verktyg FireFTP Välj ”Create an account…” Mata in Host och Login (obs! spara ej lösenordet) Installeras separat! Copyright, Mahmud Al Hakim, 2009

6 FTP i Dreamweaver CS3 6 Copyright, Mahmud Al Hakim, 2009

7 Visa lokala platser och fjärrplatser 7 Copyright, Mahmud Al Hakim, 2009

8 W EBBSERVER En webbserver har som uppgift att tillhandahålla webbsidor eller andra filer som distribueras vanligtvis via Internet Kommunikationen sker med hjälp av en webbläsare (klient). Användaren väljer webbsidor och webbläsaren beställer webbsidorna från webbservern och visar dem på användarens datorskärm. De vanligaste webbserverprogrammen är: Apache HTTP Server. Microsoft Internet Information Server Copyright, Mahmud Al Hakim, 2009

9 W EBBSERVERPROGRAMPAKET Webbserverprogrampaket är ett paket av program som inkluderar de mest vanligaste programvara som krävs för att köra databas- och serverbaserade webbsidor. T.ex. Apache, MySQL, PHP och phpMyAdmin. Exempel på webbserverprogrampaket är: AppServ ( XAMPP ( WAMP (www. wamp server.com/en)www. wamp server.com/en MAMP ( Copyright, Mahmud Al Hakim, 2009

10 L ADDA NER OCH INSTALLERA XAMPP Gå till Klicka på XAMPP XAMPP finns för många olika operativsystem. Välj ”XAMPP for Windows” Ladda ner XAMPP Installera! Copyright, Mahmud Al Hakim, 2009

11 XAMPP K ONTROLLPANEL Starta Apache Copyright, Mahmud Al Hakim, 2009

12 T ESTKÖRA GENOM ATT SURFA TILL HTTP :// LOCALHOST / Copyright, Mahmud Al Hakim, 2009

13 I NTRODUKTION TILL PHP PHP är ett programmeringsspråk. PHP är ett skriptspråk för webbservrar. PHP-dokument bearbetas av en webbserver. PHP-Kod interpreterad till HTML av webbservern och skickas vidare till webbläsaren. För att kunna öppna PHP-dokument behöver du publicera dessa till en webbserver med PHP-stöd. PHP-dokument har filändelsen.php Läs mer på Copyright, Mahmud Al Hakim, 2009

14 Skapa en plats och sätt upp en lokal Testserver Copyright, Mahmud Al Hakim, 2009

15 Min första PHP sida Spara som hej_ditt_namn.php <?php echo "Hej Mahmud! "; ?> Förhandsgranska i webbläsaren och visa källkoden! Copyright, Mahmud Al Hakim, 2009

16 PHP Variabler En variabel är en platshållare för ett värde som kan ändras under programmets gång. <?php $namn = "Mahmud Al Hakim"; echo $namn; ?> Copyright, Mahmud Al Hakim, 2009

17 PHP Strängar En sträng är en grupp av tecken. I PHP markeras en sträng av att den innesluts av enkla eller dubbla citationstecken. Man lägger ihop strängar med hjälp av concatenationsoperatorn som representeras av tecknet ". " (punkt). <?php $namn = "Mahmud Al Hakim"; echo "Hej ". $namn; ?> Copyright, Mahmud Al Hakim, 2009

18 Hämta data via $_REQUEST <?php $namn = $_REQUEST['namn']; echo "Hej ". $namn; ?> Variabelnamn och data kan skrivas direkt i URLen ex. hej.php?namn=Mahmud Copyright, Mahmud Al Hakim, 2009

19 Skicka variabler via ett formulär Vad heter du Copyright, Mahmud Al Hakim, 2009

20 PHP Funktioner En funktion är ett antal instruktioner som utför en sak t.ex. skriva ut dagens datum eller skicka e-post. Exempel: Funktionen date() <?php // Skriv ut dagen datum echo date('Y-m-d'); ?> Copyright, Mahmud Al Hakim, 2009

21 Funktionen mail() Funktionen mail() skickar ett e-post Funktionen behöver ett antal s.k. parametrar: 1. Mottagarens e-postadress 2. Ämnesrubrik 3. Meddelandetext 4. Headers t.ex. From <?php "Ett meddelande","From: echo "Meddelandet har skickats"; ?> Copyright, Mahmud Al Hakim, 2009

22 Skicka ett e-postformulär via PHP filen form.php Namn E-post Meddelande Copyright, Mahmud Al Hakim, 2009

23 OBS! Funktionsmakro En annan PHP-fil som kommer att ta emot data och skicka vidare som e-post! Copyright, Mahmud Al Hakim, 2009

24 Skicka ett e-postformulär via PHP filen mail.php <?php // Hämta data från formuläret och spara i olika variabler $namn = $_REQUEST['namn']; $epost = $_REQUEST['epost']; $meddelande = $_REQUEST['meddelande']; // Några parametrar $till = $rubrik = "Förfrågan från $namn"; $headers = "From: $epost"; mail($till, $rubrik, $meddelande, $headers); echo "Meddelandet har skickats"; ?> Copyright, Mahmud Al Hakim, 2009

25 D ATABASER En databas är en samling information som organiserats så att ett dataprogram snabbt kan hitta önskade data. En databas är ett elektroniskt kortregister. Traditionella databaser organiseras i fält, poster och filer. Ett fält är en enskild datamängd, en post är en uppsättning sammanhörande fält och en fil är en samling poster. En enkel telefonkatalog kan jämföras med en fil. Den innehåller en lista med poster som var och en innehåller tre fält: namn, adress och telefonnummer. För att hantera informationen i en databas används ett databashanteringssystem (Database Management System, DBMS). Detta är en samling program för att lägga in, organisera och hämta ut data i en databas. Uttrycket databas används numera oftast för att beteckna ett helt databashanteringssystem. Källa: Paginas IT-ordbok Copyright, Mahmud Al Hakim, 2009

26 E XEMPEL PÅ DATABASHANTERINGSSYSTEM Oracle MS SQL Server IBM DB2 MySQL Copyright, Mahmud Al Hakim, 2009

27 V ARFÖR M Y SQL? Prestanda : MySQL är snabb Pris : Fritt att använda till många ändamål Stabilitet : Alla versioner måste klara ”MySQL test suite”! Lätt att använda Läs mer: MySQL Handboken ISBN: Copyright, Mahmud Al Hakim, 2009

28 T IPS : A RBETA MED M Y SQL LOKALT Starta MySQL Copyright, Mahmud Al Hakim, 2009

29 E TT PRAKTISKT EXEMPEL Skapa en databasbaserad telefonkatalog genom att använda HTML, PHP och MySQL. Steg 1 : Skapa en MySQL databas. Lokalt via phpMyAdmin eller på webbservern med hjälp av cPanel Steg 2 : Skapa en tabell i denna databas. Enklast genom att använda phpMyAdmin. Steg 3 : Skapa ett användargränssnitt (GUI). Enklast med några enkla HTML-formulär. Steg 4 : Kommunicera med databasen via PHP Tips: Här finns ett lösningsförslag Copyright, Mahmud Al Hakim, 2009

30 S TEG 1 S KAPA EN M Y SQL D ATABAS LOKALT Copyright, Mahmud Al Hakim, 2009

31 S TEG 2: S KAPA EN TABELL Välj databasen ”telefonkatalog” Skapa en tabell genom att ange tabellens namn och antal fält. Klicka på Kör. Ange titel för de olika fälten samt längd (antal tecken). Klicka på Spara. Copyright, Mahmud Al Hakim, 2009

32 S TEG 3: S KAPA ETT ANVÄNDARGRÄNSSNITT (GUI). Copyright, Mahmud Al Hakim, 2009

33 SQL SQL står för ”Structured Query Language” SQL är ett standardiserat språk för att hämta och modifiera data i en databas. Exempel 1: Följande SQL-sats hämtar all data från tabellen ”telefonbok”. SELECT * FROM telefonbok Exempel 2: Följande SQL-sats infogar en post i tabellen ”telefonbok”. INSERT INTO telefonbok VALUES ('Mahmud', ' ') Tips: Läs mer här Copyright, Mahmud Al Hakim, 2009

34 S TEG 4: K OMMUNICERA MED DATABASEN MySQL Telefonkatalog select.php Läs från databasen insert.php Skriv till databasen action="select.php" action="insert.php" Connect.php Copyright, Mahmud Al Hakim, 2009

35 CONNECT. PHP <?php $dbHost = "localhost" ; $dbUser = "hakimdat_telefon" ; $dbPwd = ”XXXXXXX" ; $dbName = "hakimdat_telefonkatalog" ; $dbconn = mysql_connect($dbHost, $dbUser, $dbPwd) ; mysql_select_db($dbName) or die(mysql_error()) ; ?> Copyright, Mahmud Al Hakim, 2009

36 INSERT. PHP <?php require ("connect.php"); $namn = $_REQUEST['namn']; $telefon = $_REQUEST['telefon']; $sql=" INSERT INTO telefonbok VALUES ('$namn', '$telefon')"; $commit=mysql_query($sql) or die(mysql_error()); echo "$namn har nu lagts till telefonkalalogen!"; ?> Copyright, Mahmud Al Hakim, 2009

37 S ELECT. PHP <?php require ("connect.php"); $query = " SELECT * FROM telefonbok "; $result = mysql_query($query) or die(mysql_error()); echo " Min telefonkatalog "; echo " "; echo " Namn "; echo " Telefon "; echo " "; while($row = mysql_fetch_array($result)){ echo " "; echo " ". $row['namn']. " "; echo " ". $row['telefon']. " "; echo " "; } echo " "; ?> Copyright, Mahmud Al Hakim, 2009

38 M ER OM PHP M Y A DMIN OCH SQL Starta phpMyAdmin och välj databasen telefonkatalog. Klicka därefter på ”Visa” Copyright, Mahmud Al Hakim, 2009

39 PHP M Y A DMIN VISAR SQL- FRÅGA OCH KAN S KAPA PHP- KOD ! Copyright, Mahmud Al Hakim, 2009

40 M ED HJÄLP AV PHP M Y A DMIN KAN DU V ISA, ÄNDRA, RADERA, SKRIVA UT OCH EXPORTERA DATA. Copyright, Mahmud Al Hakim, 2009

41 D U KAN SKRIVA OCH TESTA DINA SQL- SATSER DIREKT FRÅN PHP M Y A DMIN Copyright, Mahmud Al Hakim, 2009