Web 2.0. World Wide Web (www)

Transkript

1 Web 2.0 World Wide Web (www) I marts 1989 skrev Tim Berners-Lee et information udveksling program kaldt ENQUIRE. Da han arbejde i CERN, var han ikke tilfreds med kommunikationen, derfor videreudviklede han ENQUIRE og skrev et system hjælp arbejderne i CERN i at kommunikerer. Lees arbejde blev derefter offentliggjort i 1991 og er i dag den største netværk. Lee kaldte sit system for World Wide Web, et hypertekstsystem der formidles via internettet. For at kunne se information på WWW, bruger man et webbrowser. Den første webbrowser var udviklet af Lee. Webbrowseren henter data fra serveren via nettet og vise det til brugeren i en grafisk brugergrænseflade. Webbrowser modtager data i form af HTML. Da internettet blev opfundet, var designet på hjemmesider ikke det bedste og de var ikke proppet med seje funktioner. I web 1.0 havde man ikke mange tjenester, siderne var statiske og brugerne kunne ikke andet end et læse websiden, de kunne sætte kommentar ind eller lignende, det var en envejskommunikation. 1.0 web 1.0 er starten på internettets revolution. Web 1.0 begrebet er fastlagt efter man kom med begrebet web 2.0. Ligesom med software, er man begyndt med at dele internettet i versioner. At strukturer nettet i versioner hjælper os at se hvad der er sket gennem tiden og det bliver også nemmer at sammenligne før og nu. Fra 1.0 til 2.0 Den anden generation er selvfølgelig meget mere spændende end den første, jeg vil dog sige at alle de spændende ting ikke er dukket op lige pludseligt, internettet har udviklet sig fra 1.0 til 2.0 i længere periode. Internettet som har udviklet/udvidet sig meget gennem tiden, har været en god kommunikationstjeneste, udover at kunne vise HTML websider ved hjælp af browser, er internettet også blevet brugt af computersoftware der fungerer gennem et internetprotokol, et sådan software kunne fx være msn-messenger eller skype. Selvom internettet kan bruges på forskellige måder, er websider noget for sig selv. Websider er den dominerende informations/kommunikationskilde tjeneste. Der er utroligt at den ældste tjeneste der er født med nettet er stadig den førerende. Grunden til dette er at websider ikke har været en stillestående tjeneste, den har nemlig udviklet sig utrolig meget web 2.0 tjenester: Software Skype msn-messenger Pc-spil Browser tjenester Youtube Amazom Google Wave Facebook

2 Udvikleren og brugeren I 1.0 var det udvikleren der tog sig af både designet og indholdet. Alt data/indehold kom fre websidens udviklere. I 2.0 tager udvikleren sig af designet, men sætter ikke indhold på, udviklere fokusere nemlig på at sætte tomme kasser op på siden som skal fyldes af brugere, dette lyder nemt, men udvikleren skal kunne lave et system som giver brugeren adgang til at tilføje data på siden og ud over det skal udvikleren sætte kasserne op på sådan en måde at indholdet ikke ødelægger siden. Web 1.0. Envejskommunikation. Udvikler til brugere. 2.0 web. Multikommunikation, bruger til bruger. Hvis man stiller sig spørgsmålet, hvorfor 2.0?, hvorfor skulle man have så meget på en webside?, så skulle man lige tænke på hvor meget man i dag kræver af en webside. Websider i dag konkurrer om bedre brugergrænseflader, bedre betjening, flere tjenester, flot design, alt det for at have flere besøgende på deres side. Brugerne fokusere dog kun på en ting, at få udnyttet sidens tjenester og det skal ske på en god brugergrænseflade, for de besøgende vil gerne finde hvad de søger let og hurtigt.

3 Client/server teknologi Et client/server teknologi virker således at indholdet på siden bliver lagt af brugerne, altså clients. Udvileren har lagt tomme kasser og venter på indholdet. Når der laves et system hvor det er brugeren der sætter data på, kan man bruge dette system til ikke bare en ting, men vidt forskellige ting. Hvis man nu fx laver et gæstebog, kan man bruge sit gæstebog system til at lave andre ting som en kommentarfelt, blog og lign. Der princippet er det samme. PHP En client/server produkt kan i dag laves med mange forskellige programmeringssprog. En god scriptsprog til at lave dynamiske hjemmesider er PHP. Php er en open-source scriptsprog, den er nemt at forstå og anvende. For at kunne anvende PHP på din server, kræver det at den er installeret og at man kan forbinde til en database. Databasen er typisk MySql. En database bliver opbygget i tabeller, en række kunne være en nyhed, kommentar eller noget helt andet. Hver række er så opdelt i kolonner, kolonner der PhpMyadmin er et nemt redskab til at styre ens database. Ved hjælp af PHPmyAdmin kan du tilføje, slette eller redigere tabeller nemt. Et eksempel på en PHPscripts: <?php echo Hello World;?> Resultat: Hello World

4 Produkt Gæstebog Som client/server produkt har jeg lavet et gæstebog. Gæstebogen fungerer således at man skriver data ind på den første side, som viderestiller dataene til en anden side som forbinder sig til databasen og tilføjer data. Efter en succes datatilføjelse vil siden komme med en link som henter os til en tredje side. På denne side kan vi se alle data (kommentarer) skrevet ind gæstebogen. Laves ved hjælp af PHP. Gæstebogen er delt op i tre faser(tre sider): 1. Data indskrivning 2. Data tilføjelse 3. Data visning På dataindskrivningssiden kan man også vise data, det vil sige at vi har en kombineret side her. PHP og Database klar For at kunne have en fungerende PHP-side på din pc, er du en nødt til at installerer følgende på din pc: Localhost (apache) PHP MySql phpmyadmin Hvis du har en hjemmeside der kører på en server kan du bare bruge den, men sørg for at den har de ovenstående punkter installeret.

5 gaestebog.php (1.side) Den her side indeholder faktisk ikke nogen php-scripts. Sidens kildekode: <? /*******************indhold**************/?> <table width="400" border="0" align="center" cellpadding="3" cellspacing="0"> <td><strong>gæstebog</strong></td> <table width="400" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#cccccc"> <form id="form1" name="form1" method="post" action="tilfojgaestebog.php"> <td> <table width="400" border="0" cellpadding="3" cellspacing="1" bgcolor="#ffffff"> <td width="117">navn</td> <td width="14">:</td> <td width="357"><input name="navn" type="text" id="navn" size="40" /></td> <td> </td> <td>:</td> <td><input name=" " type="text" id=" " size="40" /></td> <td valign="top">kommentar</td> <td valign="top">:</td> <td><textarea name="kommentar" cols="40" rows="3" id="kommentar"></textarea></td> <td></td> <td></td> <td><input type="submit" name="submit" value="tilføj!" /> <input type="reset" name="submit2" value="tøm felt!" /></td> </td> </form> <table width="400" border="0" align="center" cellpadding="3" cellspacing="0"> <td><strong><a href="visgaestebog.php">vis Gæstebog</a> </strong></td> <? /*******************indhold færdig**************/?></td> De steder som man bør være opmærksom på, er fremhævet.

6 Resultat af første side inklusiv design.

7 tilfoejgaestebog.php (2.side) PHP-scriptene er fremhævet <html> <body> <?php $host="localhost"; // Host name $username="cebraile08"; // Mysql username $password="c1eb.net"; // Mysql password $db_name="cebraile08"; // Database name $tbl_name="guestbook"; // Table name // Connect to server and select database. mysql_connect("$host", "$username", "$password")or die("cannot connect server "); mysql_select_db("$db_name")or die("cannot select DB"); $datotid=date("y-m-d h:i:s"); //date time $navn = $_POST["navn"];//name $ = $_POST[" "];// $kommentar = $_POST["kommentar"];//comment $sql="insert INTO $tbl_name(navn, , kommentar, datotid)values('$navn', '$ ', '$kommentar', '$datotid')"; $result=mysql_query($sql); //check if query successful if($result){ echo "Din kommentar blev tilføjet!"; echo "<BR>"; echo "<a href='visgaestebog.php'>vis gæstebog</a>"; // link to view guestbook page } else { echo "Fejl"; } mysql_close();?> </body> </html>

8 Resultat af anden side visgaestebog.php (3.side) <body> <table width="400" border="0" align="center" cellpadding="3" cellspacing="0"> <td><strong>se gæstebogen <a href="gaestebog.php">skriv i gæstebogen</a> </strong></td> <br> <?php $host="localhost"; // Host name $username="cebraile08"; // Mysql username $password=""; // Mysql password $db_name="cebraile08"; // Database name $tbl_name="guestbook"; // Table name // Connect to server and select database. mysql_connect("$host", "$username", "$password")or die("cannot connect server "); mysql_select_db("$db_name")or die("cannot select DB"); $sql="select * FROM $tbl_name ORDER BY id DESC"; $result=mysql_query($sql); while($rows=mysql_fetch_array($result)){?> <table width="400" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#cccccc"> <td><table width="400" border="0" cellpadding="3" cellspacing="1" bgcolor="#ffffff"> <td>nummer</td> <td>:</td> <td><?php echo $rows['id'];?></td> <td width="117">navn</td> <td width="14">:</td> <td width="357"><?php echo $rows['navn'];?></td>

9 <td> </td> <td>:</td> <td><?php echo $rows[' '];?></td> <td valign="top">kommentar</td> <td valign="top">:</td> <td><?php echo $rows['kommentar'];?></td> <td valign="top">dato/tid </td> <td valign="top">:</td> <td><?php echo $rows['datotid'];?></td> </td> <BR> <?php } mysql_close(); //close database?> </body> Resultat af tredje side