Webbprogrammering grunder
|
|
|
- Susanne Falk
- för 5 år sedan
- Visningar:
Transkript
1 Dagens föreläsning Webbprogrammering grunder 2D1522 Datorteknik och -kommunikation 2D2051 Databasteknik och datorkomunikation Syfte Ge grundläggande förståelse för hur enkla system för dynamisk webpublicering är uppbyggda, för att i senare skeden kunna göra mer avancerade, praktiska tillämpningar. Mål Förstå hur olika typer av data skickas över internet med http-protokollet. Förstå hur program, såsom webläsare, vet hur de ska hantera mottagna filer med MIME. Veta hur parametrar kan skickas mellan webläsare och webserver Kunna göra enkla, dynamiska websidor med cgi-script och senare med PHP Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Dagens innehåll Repetition xhtml Kort repetition av html Hur datatyp identifieras med MIME Hur data överförs med HTTP Hur dynamiskt webinnehåll kan skapas med cgiscript Hur variabelvärden överförs med formulär/cgi xhtml är ett märkspråk för att beskriva websidors struktur. Består av tags som märker upp olika delar av ett dokument. Viktiga delar är: Metainformation och innehåll (<head></head>, <body></body) stycken, rubriker etc. (<p>stycke</p>, <h1>rubrik</h1>) Länkar (<a href= >Till KTH</a>) Bilder (<img src= bilden.gif />) Hur innehållet sedan tolkas är upp till webläsaren Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
2 Exempel - XHTML <html> <head> <title>en websida</title> </head> <body> <p> <a href=" <img src="/kth/bilder/nada.gif" alt="nada"/> </p> </body> </html> Inline-resurser En html-sida kan innehålla två typer av element. Vanliga element (<p>ett stycke</p>) Inlineelement (<img src= />) Inline-element innehåller länkar till andra resurser (t.ex. filer), som ska ska hämtas utan att en användare behöver interagera, och på något sätt hanteras av webläsaren. Vanligast är bilder, men även ljud, filmer och animationer kan användas Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH MIME Hantering av resurser Kort repetition av html Hur datatyp identifieras med MIME Hur data överförs med HTTP Hur dynamiskt webinnehåll kan skapas med cgiscript Hur variabelvärden överförs med formulär/cgi Bilder kan vara kodade på olika sätt (gif, jpg, png...) Samma gäller ljud, video etc. Några format kan hanteras av webläsaren själv, några andra kräver plug-ins, ytterligare andra hanteras av externa applikationer Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
3 I inställningarna för webläsare kan man bestämma hur en viss filtyp ska hanteras. Hanteras av en plugin Björn Hedin, Inge Frick, NADA/KTH eller av ett externt program Ofta kan webläsaren gissa vilken kodning en fil har baserat på filens ändelse Björn Hedin, Inge Frick, NADA/KTH Ibland är dock filen skapad av ett program, t.ex. gulasidornas karttjänst. Då ger inte filändelsen någon information om filtypen <img src="map.asp?r=3465&mapsymbol=star"/> Antalet treställiga förkortningar är dessutom begränsat vilket kan leda till att en ändelse inte entydigt kan användas för att avgöra filtypen Flera filtyper med samma ändelse Exempel.rpm - Red Hat package manager eller.rpm - Real Player Media Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
4 Överlåt ansvaret på servern MIME-typer Den som publicerar en resurs på internet bör dock (rimligen) veta filket filformat resursen har. Överlåt därför ansvaret att avgöra filformatet till webservern istället för webklienten. Låt sedan varje överföring av en resurs (fil) inte enbart innehålla resursen i sig, utan även filtypen. Den entydiga bestämningen av filformat görs med s.k. MIME-typer (Multi purpose Internet Mail Extensions) Anges på formen huvudgrupp/filformat t.ex video/mpeg, text/html eller image/gif Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Hur känner webservern till vilken MIME-typ en fil har? mime.types I de flesta fall gör webservern en enkel tabelluppslagning av filändelsen för att bestämma MIME-typ Filnamnet xxx.gif ger MIME-typen image/gif Detta gör att en viss webserver inte kan avgöra om en fil med ändelsen.rpm är Real Player Media eller Red Hat Package Manager På en Apache-webserver lagras informationen i filen mime.types Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
5 Överföringar med HTTP Kort repetition av html Hur datatyp identifieras med MIME Hur data överförs med HTTP Hur dynamiskt webinnehåll kan skapas med cgiscript Hur variabelvärden överförs med formulär/cgi http Själva överföringen av resurser på webben sker med http - HyperText Transfer Protocol. Ett protokoll bland flera, t.ex. smtp, pop etc. Ni har testat smtp och http på laboration 1. nada11:~>telnet 80 Trying Will send login name and/or authentication information. Automatic encryption of output is enabled Automatic decryption of input is enabled Encryption is verbose rlogin character is '~'. Connected to w2.nada.kth.se. Escape character is '^]'. GET /~inge/gurka.txt HTTP/1.0 HTTP/ OK Date: Tue, 08 Apr :15:39 GMT Server: Apache/ (Unix) mod_jk/1.1.0php/4.2.2 mod_perl/1.26 mod_ssl/ OpenSSL/0.9.6d Last-Modified: Tue, 18 Mar :22:23 GMT ETag: "de941cc-24-3e772b9f" Accept-Ranges: bytes Content-Length: 36 Connection: close Content-Type: text/plain Detta är en testfil för kurs 2D1522 Connection closed by foreign host. nada11:~> Mime-typen Själva resursen Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Vad är http Ett nätverksprotokoll för att överföra filer och annan data, generellt kallat resurser. Använder i stort sett alltid TCP/IP-sockets. En http-transaktion kräver en http-klient (browser) och en http-server (webserver). Använder normalt port 80, men kan använda vilken port som helst. Resurser En resurs behöver inte nödvändigtvis vara en fil, utan kan vara vad som helst som kan pekas ut av en URL (Uniform Resource Locator) Exempel: Filer, dynamiskt genererade bilder, resultat genererade efter att ha fyllt i ett formulär Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
6 http-transaktioner Inledande rad i en request Klienten öppnar en förbindelse med servern. Klienten skickar ett request message till servern Servern skickar ett response message, oftast innehållande resursen Servern stänger förbindelsen Request/response En inledande rad noll eller flera header-rader en tom rad eventuellt en meddelandekropp, som exemepvis själva resursen GET /~inge/gurka.txt HTTP/1.0 GET är metodnamnet. Andra vanliga metoder är POST och HEAD /~inge/gurka.txt är sökvägen till resursen HTTP/1.0 är versionen av HTTP som används Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Inledande rad i en response Statuskoder HTTP/ OK HTTP/1.0 är HTTP-versionen i svaret 200 är en statuskod OK är en klartextsträng som beskriver statuskoden. Vanliga varianter man ofta råkar ut för är HTTP/ Not Found HTTP/ Internal Server Error Björn Hedin, Inge Frick, NADA/KTH Statuskoder är tre-siffriga, där första siffran indikerar huvudklass på status 1xx är ett informativt meddelande 2xx visar att förfrågan lyckades 3xx omdirigerar förfrågan till en annan resurs 4xx betyder fel hos klienten 5xx betyder fel hos servern Björn Hedin, Inge Frick, NADA/KTH
7 http-headers Både i http-requests och http-responses går det att lägga till diverse header-information. Exempel för request är User-Agent: Mozilla/5.0 From: bjornh@kth.se Exempel för responses är Server: Apache/1.3 Last-Modified: Thu, 02 May :59:59 GMT Björn Hedin, Inge Frick, NADA/KTH MIME och HTTP Om en response innehåller en meddelandekropp, t.ex. själva innehållet i en fil, bör en header-rad som beskriver MIME-typen finnas med. Att rekommendera är även längden av meddelandekroppen ifall den är känd. Content-Type: text/html Content-Length: Björn Hedin, Inge Frick, NADA/KTH http via telnet Öppna förbindelse till http-servern Inledande Statuskod request-rad Replyheaders Data nada11:~>telnet 80 Trying Will send login name and/or authentication information. Automatic encryption of output is enabled Automatic decryption of input is enabled Encryption is verbose rlogin character is '~'. Connected to w2.nada.kth.se. Escape character is '^]'. GET /~inge/gurka.txt HTTP/1.0 HTTP/ OK Date: Tue, 08 Apr :15:39 GMT Server: Apache/ (Unix) mod_jk/1.1.0php/4.2.2 mod_perl/1.26 mod_ssl/ OpenSSL/0.9.6d Last-Modified: Tue, 18 Mar :22:23 GMT ETag: "de941cc-24-3e772b9f" Accept-Ranges: bytes Content-Length: 36 Connection: close Content-Type: text/plain Detta är en testfil för kurs 2D1522 Connection closed by foreign host. nada11:~> Requestheader Blankrad Blankrad Spår av http-transaktioner Man väljer ofta att logga vissa delar av transaktionerna i loggfiler. Dessa kan bl.a. användas för statistik. agent_log loggar vilken klient som använts (IE, Netscape etc) access_log loggar vilka resurser som hämtats och statuskoder error_log loggar eventuella fel Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
8 Använda informationen för att påverka innehållet Informationen som skickas från klient till server kan användas för att påverka vilket innehåll som ska skickas tillbaka till klienten. versiontracker.com och download.com väljer startsida beroende på om klienten är en mac/pc/linux etc. Språkspecifika sidor kan väljas genom att se vilket språk webläsaren är inställd på Om filen banan.html efterfrågas kommer i första hand filen banan.html.se returneras om webläsaren är inställd på Svenska och filen banan.html.en returneras om den är inställd på engelska Björn Hedin, Inge Frick, NADA/KTH Exempel på tillgänglig information Björn Hedin, Inge Frick, NADA/KTH Skillnader http/1.0 http/1.1 http version 1.1 används mest idag. Det finns framför allt två viktiga skillnader: En klient-header med namn Host krävs nu som anger hostnamnet på resursen man hämtar. Behövs för att kunna köra webhotell, med flera domäner på samma IP-adress. Keep-alive-connections tillåts, dvs förbindelsen behöver inte kopplas ner mellan varje hämtning av resurser. Detta används för att ladda ner alla delar (bilder etc.) av en webbsida med en uppkoppling Björn Hedin, Inge Frick, NADA/KTH Sammanfattning av vanlig http-kommunikation Klienten öppnar en TCP/IP-socket mot webservern. Klienten skickar en begäran att få en resurs + olika frivilliga eller obligatoriska headers. Webservern hittar resursen, och bestämmer bl.a. dess längd och dess MIME-typ. Webservern skickar tillbaka en statuskod, olika reply-headers såsom MIME-typ samt själva resursen. Webservern stänger förbindelsen Björn Hedin, Inge Frick, NADA/KTH
9 Dynamiskt innehåll med cgi-script Kort repetition av html Hur datatyp identifieras med MIME Hur data överförs med HTTP Hur dynamiskt webinnehåll kan skapas med cgiscript Hur variabelvärden överförs med formulär/cgi Dynamiskt innehåll Hittills har vi endast arbetat med statiska, ickeföränderliga resurser såsom filer. Ofta måste dock resurserna skapas dynamiskt, vid anropstillfället Sökningar i sökmotorer Shopping på webben Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Innehåll skapat av program Enkelt exempel (shellscript) html-filer är mycket enkelt uppbyggda Enkelt skriva ett program som genererar en html-fil. Sådana program kallas ofta för cgi-script Kan skrivas i godtyckligt programmeringsspråk. Själva html-koden genereras med print-satser eller motsvarande Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
10 Eftersom ett program kan generera alla tänkbara filformat (excel, html, gif-bilder), måste programmet självt ange vilken MIME-typ innehållet som genereras har. Programmet har ansvar för att generera hela http-headern, exklusive statussignalen men inklusive blankraden MIME-typ och cgi MIME-typ Blankrad Innehåll Dynamiskt genererat Speciella krav för cgi Skillnaden mellan statiska resurser och cgi-script är alltså att scripten exekveras och resultatet skickas tillbaka, inte själva scriptet i sig. Oftast måste cgi-script ligga i speciella kataloger, pga säkerhetsaspekter. Oftas heter katalogerna /cgi-bin/ Det går dock att koppla vissa ändelser så att t.ex. alla filer med ändelsen.cgi eller.pl exekveras, oavsett var de ligger. Viktigt att, på en unix-dator, aktivera exekveringsflaggan för others (>chmod 755 filnamn, eller motsvarande för AFS) Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Överföra variabelvärden Överföra variabler Kort repetition av html Hur datatyp identifieras med MIME Hur data överförs med HTTP Hur dynamiskt webinnehåll kan skapas med cgiscript Hur variabelvärden överförs med formulär/cgi I exemplet ändras endast datumet, det finns inga andra möjligheter att påverka resultatet. Det vore önskvärt att kunna skicka med ett antal parametrar, som sedan kan användas för att styra resultatet, t.ex. söksträngar för sökmotorer Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
11 Formulär Ett enkelt formulär I html kan interaktion med användaren framför allt skapas med hjälp av formulär. Tillåter enkla parametrar att skickas Av typen variabelnamn=variabelvärde Variablernas namn och värden kan sedan överföras till scriptet på serversidan, som kan anpassa sitt beteende därefter Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH GET - URL-encoding Samma exempel via telnet När metoden GET används kodas variablerna in i själva URLen. Värdena lagras i variabeln QUERY_STRING Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
12 URL-encoding Vissa steg måste dock vidtagas för att koda variabler-värden så de kan skickas via en URL. Konvertera konstiga, icke-alfanumeriska och icke-amerikanska tecken till %xx där xx är tecknets kod-värde skrivet hexadecimalt. Ändra mellanslag till + bind ihop variabelnamn-variabelvärde med = Separera variabler med & Inled med ett? direkt efter scriptnamnet Exempel: Björn Hedin, Inge Frick, NADA/KTH Metoden POST Det finns även en metod vid namn POST som liknar GET Variablerna skickas i body-delen av förfrågan. Filer kan skickas med (t.ex. bifoga attachments i hotmail). En effekt blir att variabelnamn och variabelvärden inte syns i URLen, samt att variablerna inte längre lagras i environmentvariabeln QUERY_STRING Björn Hedin, Inge Frick, NADA/KTH Samma exempel fast med POST Samma exempel via telnet Observera Content-Length som måste vara med och som innehåller längden på body-delen Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
13 Metoden HEAD Exempel på HEAD via telnet Den sista vanligt använda metoden är HEAD. Den används om man ENDAST är intresserad av headerdelen av svaret, dvs är ointresserad av själva datadelen. Kan vara användbart t.ex. för att se ifall en resurs har ändrats sedan en tidigare tidpunkt. Om så inte är fallet behöver man inte ladda ner resursen ifråga Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH GET, POST och HEAD GET används vid all hämtning av statiska resurser, och ibland för dynamiska resurser. Förfrågningar av dynamiska resurser kan lagras som bokmärken, eftersom indata kodas i URLen POST används ibland för dynamiska resurser och alltid när filer ska bifogas. HEAD används när klienten är ointresserad av innehållet i resursen, men däremot är intresserad av metadata gällande resursen. Programspråkspecifika bindningar för cgi För många programspråk finns idag paket som kan användas för att göra det enklare att komma åt cgi-variabler. Speciellt arbetet att dela upp en QUERY_STRING i dess variabelnamn/variabelvärde-par är en trevlig funktion. Vanligtvis kan man dock, om inte annat, komma åt själva råvariablerna, t.ex. i ett shell-script echo $QUERY_STRING Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
14 Vanliga cgi-scriptspråk Nästa gång Några språk som ofta används för cgi-script är: Perl Python C/C++ Ingen av dessa ska vi dock gå igenom i denna kurs Hur skapa dynamiskt innehåll med PHP Web och databaser Sessionshantering Cookies, URL-rewriting, hidden fields Skicka/ta emot mail från websidor Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH Sammanfattning Datatyper på webben hanteras med MIME-typer Filöverföring sker oftast med http Parametrar kan skickas mellan webläsare och webserver via GET (i URLen) eller POST (i body-delen). I båda fallen ska parametrarna URL-kodas En metod att generera dynamiskt innehåll är att använda vanliga program med printsatser. Referenser http headers RFC 822 MIME RFC 1521 URI RFC 2396 Referenser Björn Hedin, Inge Frick, NADA/KTH Björn Hedin, Inge Frick, NADA/KTH
Webbprogrammering grunder
Dagens föreläsning Webbprogrammering grunder 2D1522 Datorteknik och -kommunikation 2D2051 Databasteknik och datorkomunikation http://www.nada.kth.se/kurser/kth/2d1522/ http://www.nada.kth.se/kurser/kth/2d2051/
WWW. Exempel på klientsidan. Överföring av en html-fil. Snyggare variant. Verkligt format. Meddelandeformat för begäran HTTP
Exempel på klientsidan WWW Javascript-interpretator XML-interpretator HTML-interpretator Java-interpretator CSS-interpretator Använder TCP Kan återanvända uppkoppling Inga tillstånd hos servern OS API
Webbaserade informationssystem med PHP och databaser
Dagens föreläsning Webbaserade informationssystem med PHP och databaser 2D1522 Datorteknik och -kommunikation 2D2051 Datbasteknik och datorkommunikation Syfte Ge de praktiska kunskaper och färdigheter
Webbservrar, severskript & webbproduktion
Webbprogrammering Webbservrar, severskript & webbproduktion 1 Vad är en webbserver En webbserver är en tjänst som lyssnar på port 80. Den hanterar tillgång till filer och kataloger genom att kommunicera
Webbaserade informationssystem med PHP och databaser
Dagens föreläsning Webbaserade informationssystem med PHP och databaser 2D1522 Datorteknik och -kommunikation http://www.nada.kth.se/kurser/kth/2d1522/ Syfte Ge de praktiska kunskaper och färdigheter som
Datakommunika,on på Internet
Webbteknik Datakommunika,on på Internet Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Internet Inter- = [prefix] mellan, sinsemellan, ömsesidig Interconnect = sammanlänka Net =
Objektorienterad Programkonstruktion. Föreläsning 10 7 dec 2015
Objektorienterad Programkonstruktion Föreläsning 10 7 dec 2015 Nätverksprotokoll - OSI Open Systems Interconnection model (ISO standard) definierar 7 lager för nätverkskommunikation: 1 - Physical Layer:
Webbteknik II. Föreläsning 5. Restless farewell. John Häggerud, 2011
Webbteknik II Föreläsning 5 Restless farewell HTTP Request HTTP verbs (methods): GET, POST, HEAD, DELETE, PUT, OPTIONS, TRACE, CONNECT http://www.w3.org/protocols/rfc2616/rfc2616-sec9.html variable=value&variable2=value2
Nätverk och Java, grunder Föreläsning 0: 0: Introduktion till Internet
Nätverk och Java, grunder Föreläsning 0: 0: Introduktion till Internet Se Se också Intro en en streamad videoinspelning som som finns finns på på nätet nätet Innehåll Kort om grundläggande nätverkskoncept
Datakommunika,on på Internet
Föreläsning i webbdesign Datakommunika,on på Internet Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Klient Server Klient (Client kund) ED program för ad utnydja tjänster som begärs
Statistik från webbplatser
Statistik från webbplatser problem och möjligheter Ulf Kronman Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen, BIBSAM och ISO? Varför ställer webmastern krångliga motfrågor?
Webbserver och HTML-sidor i E1000 KI
1 Funktion och användningsområde E1000-terminalen (E1032-E1151) kan användas som webbserver. En webbserver är ett program som hanterar filer som ska visas i en webbläsare som exempelvis Internet Explorer.
Lite mer om CGI-programmering
Lite mer om CGI-programmering Innehåll Vad är CGI? Vad är Forms? Vad är Perl? Forms, CGI och Perl Läs också: Internetprogrammering F 14 Kursboken s s 48-51 Exemplen på på kursens sidor: sidor: http://www.nada.kth.se/kurser/kth/2d4334/98-99/contents/cgi/examples.html
Modul 6 Webbsäkerhet
Modul 6 Webbsäkerhet Serverskript & Säkerhet Webbservrar & serverskript exponerar möjlighet för fjärranvändare att skicka data och köra kod vilket medför risker. Man ska aldrig lita på att alla vill göra
Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET
Olika slags datornätverk Förberedelse inför laboration 4. Historik Protokoll, / Adressering, namnservrar WWW, HTML Föreläsning 5 Internet LAN Local Area Network student.lth.se (ganska stort LAN) MAN Metropolitan
Webbprogrammering. Sahand Sadjadee
Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages
Webbaserade informationssystem med PHP och databaser
Dagens föreläsning Webbaserade informationssystem med PHP och databaser DD1051 Databasteknik och datorkommunikation Syfte Ge de praktiska kunskaper och färdigheter som krävs för att bygga webbaserade informationssystem
Introduktion Schenker-BTL AB, Stab IT Beskrivning över informationsintegreringmed Schenker, metodbeskrivning version 1.
Schenker har interna system som handhar information som är av intresse för våra kunder/partners. Idag finns ett flertal av dem tillgängliga via Internet, sk Online-tjänster. Dessa erbjuder inte bara hämtning
Introduktion till integrering av Schenkers e-tjänster. Version 2.0
Introduktion till integrering av Schenkers e- Version 2.0 Datum: 2008-06-18 Sida 2 av 8 Revisionshistorik Lägg senaste ändringen först! Datum Version Revision 2008-06-18 2.0 Stora delar av introduktionen
Administration: Grundläggande internetprogrammering
Administration: Grundläggande internetprogrammering Verktyg för hands-on internetprogrammering 2D2052 (ingint06) / 2D1335 (gruint06) Serafim Dahl serafim@nada.kth.se gruint06/ingint06, intro + intro till
Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor
http://w3.msi.vxu.se/multimedia Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor Rune Körnefors Innehåll Variabler i JavaScript
Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion
Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida
Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21
2005-09-21 Programbeskrivning Chaos på Web Version 1.0 Chaos systems AB Tel. 08-410 415 00 e-post: info@chaos.se Solna strandväg 18, 6tr Fax. 08-29 06 66 http://www.chaos.se 171 54 SOLNA Reg. nr: 556476-6813
Nätverk grunder Föreläsning 1: 1: Introduktion till Internet
previous next Nätverk grunder Föreläsning 1: 1: Introduktion till Internet Kursledare: Cristian Bogdan cristi@nada.kth.se Gästföreläsare: Björn Eiderbäck bjorne@nada.kth.se Innehåll Kort om grundläggande
Föreläsning 1. På klientsidan... Allmänt. På serversidan... Och dessutom... DD1389 Internetprogrammering 6 hp
Föreläsning 1 DD1389 Internetprogrammering 6 hp Kursintroduktion Lärare: Vahid Mosavat, vahid@kth.se Kursaktivitet: föreläsningar, laborationer Kursmaterial: labbinstruktioner, föreläsningsanteckningar
Internet. Internet hur kom det till? Internets framväxt. Ett hierarkiskt uppbyggt telenät Kretskopplat/circuit switching
Internet Internet hur kom det till? A worldwide collection of interconnected networks. Ingen central dator/nät Ingen organisaion styr Internet, men ett antal organisationer samordnar aktiviteten fi ICANN
TNMK30 - Elektronisk publicering
Webben TNMK30 - Elektronisk publicering Vad är internet? Vad är internet? Vad är internet? Internet: sammankoppling av datornätverk. Används för bl.a. epost, chat, filöverföring, webbsidor. Kommunikation
Grundläggande datavetenskap, 4p
Grundläggande datavetenskap, 4p Kapitel 4 Nätverk och Internet Utgående från boken Computer Science av: J. Glenn Brookshear 2004-11-23 IT och medier 1 Innehåll Nätverk Benämningar Topologier Sammankoppling
PHP. Dynamiska webbsidor
PHP Dynamiska webbsidor WEBBPROGRAMMERING PÅ SERVERSIDAN DB server web browser client client script HTTP Request (get, post) HTTP Response (HTML, CSS, JS) web server server script JS PHP file (txt, xml,
Webbteknik II. Föreläsning 4. Watching the river flow. John Häggerud, 2011
Webbteknik II Föreläsning 4 Watching the river flow Web Service XML-RPC, SOAP, WSDL, UDDI HTTP Request, Response, Headers, Cache, Persistant Connection REST Hype or the golden way? Web Service / Webbtjänst
Arbetsmaterial HTML pass 1 - Grunder
Arbetsmaterial HTML pass 1 - Grunder Det vi idag kallar Internet växte fram ur ett amerikanskt nätverk kallat ARPAnet som skapades i slutet av 60 talet. Ett topphemligt verktyg för att koppla ihop stordatorer
Avancerade Webbteknologier
Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte
Labora&on 7 Syfte med laborationen:
Labora&on 7 Syfte med laborationen: - att förstå enkel 7ilhantering i PHP - att repetera grundläggande PHP- begrepp såsom loopar, arrayer, stränghantering och formulär. VIKTIGT: uppgift 3-5 är repetitionsuppgifter
Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php
Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är
Mattias Wiggberg 1. Orientera på Internet. IP-adress. IP-adresserna räcker inte... Mer om IP-adresser
Orientera på Internet Nuvarande Internet Protocol version 4 (IPv4). Internet är en infrastruktur som förbinder en mängd datorer. Hur hittar vi till en specifik dator? Väl framme vid datorn, hur hittar
Datasäkerhet och integritet
Chapter 4 module A Networking Concepts OSI-modellen TCP/IP This module is a refresher on networking concepts, which are important in information security A Simple Home Network 2 Unshielded Twisted Pair
Webbprogrammering 725G54
Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera
Datainsamling över Internet
Datainsamling över Internet I den här uppgiften skall du styra ett mätförlopp och hämta mätdata via internet. Från en dator skall du styra en annan dator och beordra den att utföra en mätning och skicka
Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).
Länkar, ankar och resurser En länk är en hänvisning från ett dokument till en resurs. En resurs kan nästan vara vad som helst. Det mesta på internet är resurser i någon form, som exempelvis HTLM-dokument,
Christer Scheja TAC AB
Byggnadsautomation för ingenjörer Byggnadsautomation för ingenjörer VVS-tekniska föreningen, Nordbygg 2004 Christer Scheja TAC AB resentation, No 1 Internet/Intranet Ihopkopplade datornät ingen ägare Internet
Föreläsning 6 Mål. Mänskor och IP adresser. Domain Name System (1/3) Numeriska adresser används i Internet
Föreläsning 6 Mål Förse en översikt av tillämpningar i Internet Förstå betydelsen av DNS och grundstrukturen i DNS Förstå användning DHCP förstå hur HTTP fungerar Mänskor och IP adresser Numeriska adresser
Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen
MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering
Språk för webben introduk4on 4ll HTML
Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade
Statistik från webbplatser
Statistik från webbplatser virtuella besök eller levererade sidor? Ulf Kronman Karolinska Institutet Universitetsbiblioteket Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen,
Idag. Webben och HTML. Webbens funk3on. URL och websidor. Moment F om webben och HTML startar nu
Idag Webben och HTML Ins3tu3onen för system- och rymdteknik Luleå tekniska universitet Moment F om webben och HTML startar nu Dead-line: torsdag 22 sep (dvs om en vecka). UppgiQ: Skriv en enkel websida
Webbsidor och webbservrar
Webbsidor och webbservrar Server HTTP-protokollet Dokument (t.ex. HTML kod) Klient URL (t.ex. länk) Normal funktion hos webben: Användaren klickar på länk eller anger URL på annat sätt. Servern lokaliserar
PHP. TNMK30 - Elektronisk publicering
PHP TNMK30 - Elektronisk publicering HTML, index, W; W: http://www.student.itn.liu.se/~liuid### index.html 15php_test_server Dagens föreläsning Statisk webbsida -> HTML, CSS Interaktion -> JS (klientscript)
IT för personligt arbete F2
IT för personligt arbete F2 Nätverk och Kommunikation DSV Peter Mozelius Kommunikation i nätverk The Network is the Computer Allt fler datorer är sammankopplade i olika typer av nätverk En dators funktionalitet
Karlstads Universitet, Datavetenskap 1
DAV B04 - Databasteknik KaU - Datavetenskap - DAV B04 - MGö 229 PHP Hypertext Preprocessor Scriptspråk på serversidan Innebär att webbservern översätter php-scripten innan sidan skickas till webbläsaren,
Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka
Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att
IP-baserade program. Telnet
Det här kapitlet behandlar några klassiska TCP/IP-baserade program. Främsta fokus är HTTP men även lite enklare applikationer som telnet och FTP behandlas. Kapitlet är tänkt att kunna läsas fristående
E12 "Evil is going on"
E12 "Evil is going on" Föreläsning 12, HT2014 AJAX Kurs: 1dv403 Webbteknik I Johan Leitet E12 Evil is going on Dagens agenda AJAX XMLHttpRequest-objektet JSON Vad är AJAX? Asynchronous JavaScript and XML
729G28. Webbprogrammering och databaser. Introduktion till webbutveckling med PHP. Jakob Pogulis Institutionen för Datavetenskap (IDA)
729G28 Webbprogrammering och databaser Introduktion till webbutveckling med PHP Jakob Pogulis Institutionen för Datavetenskap (IDA) 729G28 Webbprogrammering och databaser Introduktion till webbutveckling
Översikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP.
Laboration 1 Översikt 1. Att komma igång med laborationsmiljön a. installera Aptana Studio 3 b. Installera EasyPHP 2. Testa lite programmering a. Testa enkla uppgifter b. Testa automatiskt 3. Skapa inloggningsformulär
Användarhandledning för RSV:s Elektroniska brevlåda
Användarhandledning för RSV:s Elektroniska brevlåda Dokumentversion: 1.9 RSV IT 2001-02-01 RSV:s Elektroniska brevlåda Innehållsförteckning 1 Allmänt om den elektroniska brevlådan... 3 2 Lite mer tekniskt...
Gratis support via telefon och e post ingår i tjänsten. Kontaktuppgifterna finns längst ner i dokumentet.
TJÄNSTBESKRIVNING FÖR WEBHOSTING (UNIX) SurfNet, Oy Nyttab Ab 16.7.2002 1. Allmänt Webhosting tjänsten ger kunden plats på en av SurfNets servers för att publicera material på Internet. En uppkoppling
Föreläsning 5 Meddelandesändning med TCP
Transmission Control Protocol TCP Föreläsning 5 Meddelandesändning med TCP EDA095 Per Andersson Datavetenskap Lunds universitet En del av transportlagret. Applikationsprogram Applikationsprotokoll Applikationsprogram
Essential Php Security Författare: Shiflett, Chris Antal sidor: 124 Förlag: O'Reilly
PHP Säkerhet & Optimering tobias.landen@chas.se se Att läsa om ämnet Bra och kortfattad tt dbok: Essential Php Security Författare: Shiflett, Chris Antal sidor: 124 Förlag: O'Reilly ISBN 10: 059600656X
Grundläggande nätverksteknik. F2: Kapitel 2 och 3
Grundläggande nätverksteknik F2: Kapitel 2 och 3 Kapitel 2 COMMUNICATING OVER THE NETWORK Grundstenar i kommunka;on Tre grundläggande element Message source The channel Message des;na;on Media Segmentering
"HTML5 och relaterade API:er"
"HTML5 och relaterade API:er" Föreläsning 7 HTML5 och relaterade API:er Webbteknik II, 1DV449 http://coursepress.lnu.se/kurs/webbteknik-ii/ Johan Leitet johan.leitet@lnu.se twitter.com/leitet facebook.com/leitet
Skicka och hämta filer med automatik
Skicka och hämta filer med automatik etransport kan automatiseras med hjälp av ett kommandobaserat verktyg som stödjer HTTP GET och POST samt SSL. Genom att till exempel använda en klient från en tredjepartsleverantör
Skärmbilden i Netscape Navigator
Extratexter till kapitel Internet Skärmbilden i Netscape Navigator Netscape är uppbyggt på liknande sätt som i de flesta program. Under menyraden, tillsammans med verktygsfältet finns ett adressfält. I
JobOffice SQL databas på server
JobOffice SQL databas på server Nedan följer en instruktion hur du konfigurerar JobOffice kassas SQL databas på en server. Om du känner dig osäker på det här, kontakta någon lokal data- och nätverkstekniker.
emopluppen Användning av "Ant" Niklas Backlund Version: 1.4 ( 2002/04/26 07:27:52 UTC)
emopluppen Användning av "Ant" Version: 1.4 ( 2002/04/26 07:27:52 UTC) Niklas Backlund Sammanfattning Det här dokumentet handlar om programmet Ant, som är en byggmiljö för programutvecklingsprojekt. Dess
Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09
Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 1. Introduktion till webbprogrammering Webbprogrammering består av ett antal
Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon).
Laboration 0 Laborationen är till för dig som inte är familjär med att navigera i filträd på en dator. Om du är van vid detta (vilket är det vanliga nu för tiden) så kan du bara snabbt titta igenom laborationen.
TCP/IP och Internetadressering
Informationsteknologi sommarkurs 5p, 2004 Mattias Wiggberg Dept. of Information Technology Box 337 SE751 05 Uppsala +46 18471 31 76 Collaboration Jakob Carlström TCP/IP och Internetadressering Slideset
F02 En första sida. Dagens agenda
F02 En första sida Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML Indentering Block/inline-element Struktur Se demo #2
Tentamen i Datorteknik och - kommunikation, 2D1522/4K1522. Läs detta innan du börjar:
Tentamen i Datorteknik och - kommunikation, 2D1522/4K1522 2002-05-30 Läs detta innan du börjar: Tid: 14.00-18.00. Du får gå tidigast 15.00 Hjälpmedel Utdelade databashäften. Anteckningar i häftet får finnas
Lektion 5 HTML, CSS, PHP och MySQL
Lektion 5 HTML, CSS, PHP och MySQL I den här lektionen behandlas i huvudsak PHP för att läsa information från en databas, MySQL. Det förutsätts att tidigare lektioner är gjorda, eller att du har tillräckliga
ANVÄNDAR-GUIDE för Bränneriets LAN
ANVÄNDAR-GUIDE för Bränneriets LAN Andra Utgåvan Denna enkla Användar-Guide beskriver hur Du ska ställa in din dator för att ansluta den till brf Bränneriets LAN för att kunna använda Internet (eller hur
Introduktion till MySQL
Introduktion till MySQL Vad är MySQL? MySQL är ett programmerings- och frågespråk för databaser. Med programmeringsspråk menas att du kan skapa och administrera databaser med hjälp av MySQL, och med frågespråk
Nya webbservern Dvwebb.mah.se
Nya webbservern Dvwebb.mah.se Bakgrund: BIT (Bibliotek och IT) beslutar att ta ner Novell systemet 28/3 som är en katalogtjänst som styr bland annat alla studenter s.k. hemkataloger på Malmö högskola såväl
Föreläsning 9. Transportskiktet. User Datagram Protocol (1/2) Introduktion till modern telekommunikation 15.11.2004. Gunnar Karlsson, Bengt Sahlin 1
Föreläsning 9 Mål Förstå grundfunktionaliteten i TCP och UDP Först skillnaderna mellan TCP och UDP Förstå betydelsen av DNS Förstå grundstrukturen i DNS Förse en kort översikt av DHCP Förse en kort översikt
Karlstads universitet Institutionen för Informationsteknologi Datavetenskap
TENTAMEN FÖR KURS DAV B02, DATAKOMMUNIKATION I 5p Sid 1 av 7 Måndag 02-01-14 kl. 14.00 19.00 Ansvariga lärare: Johan Garcia och Annika Wennström Tillåtna hjälpmedel: Kalkylator Betygsgränser: 3=30-39p,
E-posthantering med Novell Groupwise WebAccess
E-posthantering med Novell Groupwise WebAccess En liten hjälpreda sammanställd av Thomas Granhäll. Materialet får kopieras fritt! 2003 Följande moment behandlas i denna manual: 1. Logga in 2. Ta emot och
F8 Webbteknologier 1. Dynamiska webbsidor
Dynamiska webbsidor F8 Webbteknologier 1 EDA095 Roger Henriksson Datavetenskap Lunds universitet HTML är statisk. En sida får sitt utseende bestämt när en webbdesigner skapar den. Ofta vill man ha mera
Användarhandledning Version 1.2
Användarhandledning Version 1.2 Innehåll Bakgrund... 2 Börja programmera i Xtat... 3 Allmänna tips... 3 Grunderna... 3 Kommentarer i språket... 4 Variabler... 4 Matematik... 5 Arrayer... 5 på skärmen...
Skicka och hämta filer med automatik till och från Försäkringskassan
Skicka och hämta filer med automatik till och från Försäkringskassan 1 (25) Innehållsförteckning Revisionshistorik... 3 Inledning... 4 1 Förutsättningar... 4 1.1 Registrera... 4 1.2 Certifikat... 4 2 Skicka
Utkast/Version (8) Användarhandledning - inrapportering maskin-till-maskin
Utkast/Version Sida 2.0 1 (8) 2017-05-12 Användarhandledning - inrapportering maskin-till-maskin 2 (8) Innehåll 1. Rapportering till VINN eller KRITA... 3 1.1 Allmänt... 3 1.2 Terminologi... 3 2. Hämta
Parallella jobb ctrl-z emacs & more README ctrl-z jobs. %<jobnr>
Parallella jobb En av de stora skillnaderna mellan UNIX och t.ex. MS-DOS är att man kan köra flera program samtidigt trots att man bara har ett enda fönster. För att hålla reda på vilka program som är
Dokumentschema förpackning av externa objekt. Version: 1.0 Status: Standard Datum: 2006-05-15
Dokumentschema förpackning av externa objekt Version: 1.0 Status: Standard Datum: 2006-05-15 Externa objekt 2 Dokumentschema förpackning av externa objekt... 1 1. Förpackning av externa objekt... 3 1.1.
Uniform Resource Locator (URL) JavaServer Pages - JSP. Webbklienter. Webbserver. Hypertext Transfer Protocol (HTTP) HTTP Request
Uniform Resource Locator (URL) JavaServer Pages - JSP http://www.cs.umu.se:80/kurser/5dv085/ht-10/index.html Består av Protokoll (http) Adress (www.cs.umu.se) Port (80) Sökväg (/kurser/5dv085/ht-11/index.html)
JAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Nätet. Uppgiften. Nivå
Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har
HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)
HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text
Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer.
Informationsinfrastruktur 7.5 hp Mattias Nordlindh Inledning Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer. Dokumentet består av
KUNDREGISTER Sid 2(7) Teknisk specifikation
KUNDREGISTER Sid 1(7) Kundregister Innehållsförteckning 1 Allmänt...2 1.1 Inledning...2 1.2 Disposition...2 1.3 Ordlista...2 1.4 Referenser...2 2 Systemöversikt...3 3 Systemlösning...4 3.1 Kundregisterfiler...4
Elektronisk publicering TNMK30
Elektronisk publicering TNMK30 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation. CSS, layoutproblem med float och boxar CSS, layoutproblem
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
Webbpublicering. Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se)
Webbpublicering Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se) Föreläsningsöversikt Föreläsning 1 Vad är webbpublicering? Lite historia - Internet och webben Statiska webbplatser Grundkoncept: webbläsare,
Filbindningar. Mike McBride Översättare: Stefan Asserhäll
Mike McBride Översättare: Stefan Asserhäll 2 Innehåll 1 Filbindningar 4 1.1 Inledning........................................... 4 1.2 Hur det här modulen används.............................. 4 1.2.1
TDP013 Node.js, JSCoverage, Mocha. Marcus Bendtsen Institutionen för Datavetenskap
TDP013 Node.js, JSCoverage, Mocha Marcus Bendtsen Institutionen för Datavetenskap Återblick - Progressive Enhancement HTML, CSS, JavaScript - Klienten Den statiska webben... Vi känner till HTML, CSS och
F5 Meddelandesändning med TCP
F5 Meddelandesändning med TCP EDA095 Nätverksprogrammering Roger Henriksson Datavetenskap Lunds universitet Transmission Control Protocol TCP En del av transportlagret. Applikationsprogram Transportlagret
Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod
html och css Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare Chrome Firefox Internet Explorer Safari Opera Källa : http://www.w3schools.com/browsers/
03/12/2015. Logga in på: b.socrative.com eller ladda ner appen
Logga in på: b.socrative.com eller ladda ner appen Använder Har skapat använt skrivit internet i webbsidor. CSS html. (stilmall). (nästan ) dagligen. 1 Dator med webbläsare Interne t Webserver Smartphon
Dagens föreläsningar
Webuppgift Dagens föreläsningar HTTP och hur kontakten sker mellan klient och server. Apache-servern HTML. Exekvera Pythonscript. Formulär. Model-View-Controller på webben. CSS. Presentation av uppgiften.
TDDD80. Mobila och sociala applikationer Introduktion HTTP,SaaS. Anders Fröberg Institutionen för Datavetenskap (IDA)
TDDD80 Mobila och sociala applikationer Introduktion HTTP,SaaS Anders Fröberg Institutionen för Datavetenskap (IDA) Internet Internet är världens största datornätverk och ett system för enkel och effektiv
teknisk manual Direktbetalning handelsbanken.se/e-handel
Direktbetalning handelsbanken.se/e-handel Innehållsförteckning Beskrivning av tjänsten...3 Direktbetalning...4 Från företaget till Handelsbanken...4 Från Handelsbanken till företaget...6 Betalningskontroll...8
Introduktion till användning av linux-servern sledge och några övningsuppgifter
Uppsala universitet Institutionen för utbildning, kultur och medier Monica Langerth Zetterman och Richard Walls IT-stöd i undervisningen, HT10 Introduktion till användning av linux-servern sledge och några