Web-sovellusten kehittäminen - Johdanto Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Sisältö Web-sovellusten toimintaperiaate Staattiset/dynaamiset web-sivut HTML-lomakkeet HTTP-Protokolla Johdanto PHP-kieleen
Asiakas-palvelin -malli Internet Palvelin (esim. oamk.fi) Selain HTTP-pyyntö HTTP-vastaus (X)HTML palautetaan palvelimelta (X)HTML näytetään selaimessa
(X)HTML Hypertext Markup –merkintäkieli Käyttöliittymän toteutustekniikka Selain tulkitsee ja näyttää sisällön merkintäkielen mukaisesti HTML-kielen tekninen spesifikaatio http://www.w3.org/MarkUp Esimerkki staattisesta sivusta (Ilmari)
(X)HTML-lomakkeet Tekstikentät Listat Painikkeet ... Käyttöliittymäelementit kootaan lomakkeelle Lomake voidaan lähettää palvelimelle käsiteltäväksi Esimerkki
Protokollia HTTP Hypertext Transfer Protocol SMTP Simple Message Transfer Protocol POP Post Office Protocol IMAP Internet Message Access Protocol FTP File Transfer Protocol ...
HTTP Hypertext Transfer protocol Toimii pyyntö-vastaus periaatteella Ei jatkuvaa yhteyttä asiakkaan ja palvelimen välillä (yhteydetön/tilaton) Understanding HTTP http://www.perlfect.com/articles/http.shtml
GET/POST HTTP-protokollan mukaisesti web-lomakkeen tiedot voidaan välittää palvelimelle käyttämällä GET- tai POST-metodia GET-esimerkki POST-esimerkki
PHP PHP-skriptilohko: <? ?> <php? ?> <script language=”php”> </script> <html> <head><title></title></head> <body> <? print (”This is an example!”); ?> </body> </html>
Esimerkki Toteutetaan yksinkertainen web-sovellus, jonka avulla voi lähettää sähköpostia