Websovellusten kehittminen Johdanto Jouni Juntunen Oulun seudun ammattikorkeakoulu

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 Selain Internet Palvelin (esim. oamk. fi) HTTP-pyyntö HTTP-vastaus (X)HTML näytetään selaimessa (X)HTML palautetaan palvelimelta

(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. w 3. org/Mark. Up • 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></head> <body> <? print (”This is an example!”); ? > </body> </html>

Esimerkki • Toteutetaan yksinkertainen web-sovellus, jonka avulla voi lähettää sähköpostia