Võrgurakendused I 2018

mootor

Ainekood: ITV0110 Link: http://www.lambda.ee/index.php/V%C3%B5rgurakendused_I ehk http://www.lambda.ee/index/itv0110 Punkte: 3.5 AP ehk 5 EAP Lektor: Tanel Tammet Kontakt: tammet@staff.ttu.ee, 6203457, TTÜ AK223

Aeg, koht, tulemus

Loenguid nädalas: 2 tundi (üks loeng). Kui pole teisiti märgitud, toimuvad loengud (kaks varianti, st sama loeng kaks korda):

• esmaspäeval 10:00-11:30 ruumis X-414 (rühmad IABB31, IABB32, IAPB31, IAPB32, IAPB33)
• teisipäeval 10:00-11:30 ruumis X-211C (rühmad: IABB37, IAPB37)

Praktikume nädalas: 2 tundi (üks praktikum). Kui pole teisiti märgitud, toimuvad praktikumid:

• esmaspäeval 08:00-09:30 ruumides IT-213A, IT-213B rühmadele IABB37, IAPB37
• esmaspäeval 12:00-13:30 ruumis IT-213C rühmale IAPB33 (juhendaja Kristjan Haavik)
• teisipäeval 08:00-09:30 ruumides IT-213A, IT-213B rühmadele IABB31, IABB32, IAPB31, IAPB32 (juhendaja Kristjan Haavik)

Kursus lõpeb hindelise arvestusega. Hinne sõltub kursuse jooksul tehtud praktikumide tulemustest (60%) pluss kursuse lõpus toimuva kontrolltöö tulemustest (40%).

Kursuse eesmärk

Lihtsamate veebirakenduste põhimõtted ja nende kirjutamise oskus. Konkreetsemalt:

• veebirakenduste loomine: klient ja server.
• html-i kirjutamise oskus, esmane tutvus CSS-i ja javascriptiga.
• serveripoolse rakenduse kirjutamise põhimõtted, cgi protokoll, erinevate keelte (sh C, php, python, java) kasutamise sissejuhatus serverirakendustes.
• lihtsamad SQLi kasutamise oskused.

Kursusel eeldatakse elementaarsete programmeerimisoskuste olemasolu.

Analoogilised kursused

TTÜ-s on sama kursust varem lugenud K. Kikkas (vt loengumaterjale) ja I. Liiv (vt praksimaterjale), ITK-s luges analoogilist kursust esialgu T. Tammet (vt vanu materjale), praegusajal loeb A. Andreimann (vt vabalt kättesaadavaid materjale).

Praktilised tööd

Kursusel on neli kohustuslikku praktilist ẗööd. Iga töö annab 0-15 punkti. Hilinenud tööd annavad poole punktidest. Töid võib (ja on soovitav) esitada enne tähtaega.

Kõik tööd tuleb esitada ise TTÜ arvutiklassis: emailiga saadetud töid ei arvestata. Kasutada võib nii klassi arvuteid kui oma arvutit, brauser ja operatsioonisüsteem on vabalt valitavad. Serverirakenduste tööde jaoks on võimalik kasutada ülikooli serverit, soovi korral ka oma serverit.

• Html põhioskused. Tähtaeg teisipäev, 28. september. Kaugõppele tähtaeg 23 oktoober.
• CSS, javascript, veebiserver. Tähtaeg teisipäev, 28. oktoober.
• Lihtne serverirakendus: vormid ja cgi
• Andmebaasiga serverakendus

Kursuse edukaks läbimiseks peavad kõik praktilised tööd olema tehtud.

Loengute plaan ja materjalid

Alltoodud teemad kaetakse igaüks ühe-kahe loenguga

Sissejuhatus ja meeldetuletus

Tutvuda lühidalt:

• Interneti baastehnoloogia IT sissejuhatusest: Itsissejuhatus10o08.ppt, Itsissejuhatus10o08.pdf.
• Raggetti mikrotutorial algajatele
• head eestikeelsed sissejuhatused Innar Liivilt (pdf) ja Kaido Kikkaselt (html)
• http://www.w3schools.com/.
• http://www.w3c.org/.

HTML põhioskused

Lugeda ja proovida läbi (st vaja põhimõtted selgeks õppida):

• w3schools html tutorial basic blokk.

Loe lisaks läbi ka

• Raggetti klassikaline tutorial, eeskätt tabelid
• Innar Liivi sissejuhatus, eeskätt värvid ja pildid
• täiendavat tabelitest ametlikust standardist

Tutvu lisaks kasuliku tagide nimistuga:

• htmli elementide perioodiline tabel

CSS põhioskused

Lugeda ja proovida läbi (st vaja põhimõtted selgeks õppida):

• First CSS intro
• w3schools'i css tutorial: : kindlasti "basic" ja "styling" blokid, huvi korral loe edasi ("box model", "advanced) ka, kuid need viimased ei ole kohustuslikud.

Tutvu lisaks listide+CSS-i kasutamisega menüüde jms jaoks:

• listikasutus ja sealtsamast listikasutuse tutorialid

Javascript põhioskused

Kaks loengut: (a) sissejuhatus (b) reaalne kasutamine brauseris (html ja css muutmine, evendid jne)

Vaata soenduseks/demoks Google kogutud näiteid.

Seejärel loe läbi ja proovi järgi selles järjekorras:

• Wikipedia javascripti üldartikkel: ülevaade, ajalugu jne. Keelt siit ei õpi!
• W3schools javascripti sissejuhatus: JS Basic ja JS Objects osad. Mõned asjad jäävad siin veidi ebaselgeks!
• Wikipedia Javascripti keele kiirõpetus: loe ja proovi paralleelselt w3schools-ga. Siit saab mõned asjad selgemaks kui ainult w3schoolsist.

NB! Selle tulemusena on sul baasettekujutus javascripti keelest, aga mitte reaalsest kasutusest (seda vaatame järgmises loengus).

Javascripti kasutamine brauseris: alustuseks on hea vaadata põhjalikku näidete loetelu

• html dom objektid: põhiasjad
• form validation: klassikaline rakendus
• style: hädavajalik reference
• brauseriobjektid: vahel kah kasulikud

ja tingimata lugeda sinna juurde

• html dom ülevaadet
• html events ülevaadet

Praktilist teisest praktikumist

Kuidas ja kuhu faile serverisse üles laadida jms: loe teise praktikumi materjalidest

Cgi töötlemine eri keeltes (C, python, bash, java, ...)

Loe neid materjale CGI protokollist ja CGI programmidest serveris:

• lihtne sissejuhatus cgi-desse
• cgi.pdf: detailsem juhend
• cgi esmane sissejuhatus Bashi näidetega
• cgi C keeles
• cgi Pythonis
• cgi Bashis
• hea väike HTTP ja CGI tutorial

ja vaata lihtsaid cgi programminäiteid

Ja vaata loengus tehtud/kasutatud cgi näiteid eri keeltes.

Veebiserveri ehitusest ja konfigureerimisest

Kõigepealt tutvu või tuleta meelde http protokolli põhimõtteid:

• http wikipedias
• veel http-st
• headerite jms vaatamise veebiabivahend

Veebiserverist paremaks arusaamiseks tasub veidi eksperimenteerida pisikese veebiserveriga.

• T. Berners-Lee leiutatud esimene HTTP spec

Python ja näiteid kasutamisest serverirakendustes

Serverirakendused PHP-s, näited

SQL serverirakendustes

Sessioonid, cookied, sisselogimine, autentimine

Ajax, web 2.0, 3.0, social web, semantic web jms

Lugemismaterjale

Üldist:

• Mitu head tutoriali eri teemadel
• suur kogu häid tutoriale, artikleid ja soovitusi
• Lisamaterjale kursusest Kasutajaliidesed võrgutehnoloogia baasil

HTML:

• Raggetti tutorial algajatele
• Kaido Kikkase hea eestikeelne sissejuhatus
• Innar Liivi hea eestikeelne sissejuhatus
• w3schools'i põhjalik html tutorial
• tore tagide nimistu
• HTML 4.01 ametlik standard
• HTML 5.0 ametlik draft

HTML+CSS+Javascript:

• First CSS intro
• w3schools'i css tutorial
• w3schools'i javascripti tutorial
• A list apart
• listikasutus

HTTP

• http wikipedias
• http://www.jmarshall.com/easy/http/
• T. Berners-Lee leiutatud esimene HTTP spec
• hea väike HTTP ja CGI tutorial
• headerite jms vaatamise veebiabivahend

CGI programmid serveris

• lihtne sissejuhatus cgi-desse
• cgi.pdf: detailsem juhend
• cgi esmane sissejuhatus Bashi näidetega
• cgi C keeles
• cgi Pythonis
• cgi Bashis
• Tiny www server ja lihtsaid cgi programminäiteid

PHP ja MySQL

• http://www.php.net/ sh http://www.php.net/tut.php või http://www.php.net/manual/en/tutorial.php
• http://www.mysql.org, alustuseks http://dev.mysql.com/doc/refman/5.1/en/tutorial.html

Veebiserverid:

• Tiny www server ja lihtsaid cgi programminäiteid
• http://www.devside.net/guides/windows/apache
• http://net.tutsplus.com/tutorials/php/how-to-setup-a-dedicated-web-server-for-free/
• http://www.yolinux.com/TUTORIALS/LinuxTutorialWebSiteConfig.html