Võrgurakendused I: klient-server süsteemide ehitamine

Ainekood: I202
Link: http://www.lambda.ee/index.php/Võrgurakendused_I:_klient-server_süsteemide_ehitamine ehk http://www.lambda.ee/index/i202
Lektor: Antti Andreimann
Kontakt: aandreim@itcollege.ee

Kursuse algmaterjalide ja programmi autor on Tanel Tammet. Suurimad tänud!

Kursuse materjalid eelmistel aastatel:

• 2006 Arhiiv 2006 - Võrgurakendused I: klient-server süsteemide ehitamine
• 2005 loengud ja praktikumid.
• 2004 praktikumid.
• 2003 praktikumid.

Aeg, koht, tulemus

Semester: sügis/kevad/kaugõpe
Tulemus: hindeline arvestus
Hindamise meetod: kodutööde tulemused 30% + praktilist programmeerimist sisaldav arvestustöö 70%
Punkte: 3.5

Loeng: üks kord nädalas vastavalt tunniplaanile
Praktikum: vastavalt tunniplaanile

Kursuse eesmärk

Oskuse loomine lihtsate ja praktiliste internetirakenduste ehitamiseks. Ülevaade võrgusüsteemidest ja olulisematest standarditest ning tehnoloogiatest (brauserite funktsionaalsed põhivõimalused, html, css+javascript (ehk dhtml, ajax), PHP. Praktilised oskused järgmistest valdkondadest:

• html-i, css-i ning javascripti kasutamine võrgulehekülgede ehitamiseks
• lehekülgede disaini ning kasutajaliideste alusprintsiibid
• PHP programmeerimiskeele kasutamine
• http serveri ja sql serverite protokoll ja põhimõtted
• xml kasutamine andmevahetusel
• lihtsa andmebaasirakenduse teostamine

Kodutööd ja tähtajad

Kursusel on kolm kodutööd:

• Võrgurakendused I: ülesanne 1 Oma kodulehe tegemine, kasutades htmli, css-i ja javascripti.
  • Tähtaeg: Neljas õppenädal (28. september 2007).
• Võrgurakendused I: ülesanne 2 Lihtsa PHP rakenduse ehitamine.
  • Tähtaeg: Viies õppenädal (5. oktoober 2007).
• Võrgurakendused I: ülesanne 3 Andmebaasirakenduse ehitamine PHP ja MySQL abil.
  • Tähtaeg: Seitsmes õppenädal (19. oktoober 2007).

Töö, mis on esitatud peale tähtaega, annab ainult pooled punktid. Tööd esitatakse e-posti vahendusel
Kui töö on "liiga sarnane" mõne teise tudengi esitatud tööga kutsub õppejõud mõlemad tudengid oma tööd kaitsma.
Kaitsmised toimuvad praktikumitunni ajal, õppejõud esitab "konksuga" küsimusi koodi tehniliste detailide kohta. Kolm järjestikkust vale vastust tähendab automaatselt kaitsmise ebaõnnestumist.

Loengute plaan ja materjalid

1. Sissejuhatus. Html-i algus.

Aeg: 1 veebruar.

Tutvuda:

• Raggetti tutorial algajatele
• HTML 4.0 ametlik käsiraamat

2. Html-i põhiosad.

a tag. Fondid, tähestikud. Tabelid. Võrgurakendused I: ülesanne 1 sissejuhatus.

Aeg: 8 veebruar.

Lugeda:

• Loe lõpuni eelmise loengu lugemissoovitus Raggetti tutorial algajatele, nii basic kui advanced
• Alusta w3schools'i html tutorialiga

3. Css algus.

Aeg: 15 veebruar.

tutorial: w3schools'i css tutorial

4. Javascript ning css jätk

Aeg: 22 veebruar.

tutorial: javascript

näiteid:listamatic (css) sh kahetasemeline puhas css menüü, vormi split tabideks (javascript+css), autofill reisiotsingu jaoks (detailid liiga keerukad)

5. Serveripoolsed tehnoloogiad. CGI programmid.

Aeg: 1. märts.

Loe: lihtne sissejuhatus cgi-desse, klassikaline sissejuhatus cgi-desse, cgi.pdf: detailsem juhend

Vaata loengus tehtud/vaadatud cgi koodinäiteid.

6. CGI programmide jätk. Võrgurakendused I: ülesanne 2.

Aeg: 8. märts.

Lihtsad näited: datafaili lugemine, splittimine, htmli ehitamine.

7. Ehitame teise praktikumi rakendust edasi.

Aeg: 15. märts.

Vormide ja cgi sisendi kasutamine.

8. Ehitame teise praktikumi rakendust edasi.

Aeg: 22. märts.

Javas kirjutatud pisike veebiserver ja talle lisatud rakendus: Javaserver.zip.

9. Autentimine ja sessioonid.

Aeg: 29. märts.

Loeng tahvli abil.

9. Mysql, PHP ja kolmas praktikumiülesanne.

Aeg: 5. aprill

Sissejuhatus kolmandasse praktikumiülesandesse ja PHP-sse. Võrgurakendused I: ülesanne 3

Põhilingid:

* 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

10. Mysql ja kolmas praktikumiülesanne.

Aeg: 12. aprill

Fookus andmebaasil. Kolmas praktikumiülesanne. Võrgurakendused I: ülesanne 3

Põhilingid:

• http://www.php.net,
• http://www.mysql.org, alustuseks http://dev.mysql.com/doc/refman/5.1/en/tutorial.html

11. XML ja XSLT algus

Aeg: 26. aprill

• XML algsissejuhatus. Loengumaterjal: ppt, pdf
• XML süntaks, tähestikud, nimeruumid. Loengumaterjal: ppt, pdf
• XSLT algus: Loengumaterjal: ppt, pdf.
• Näiteid:
  • raamatud1.xml, raamatud1.css
  • fitnesscenter.xml, fitnesscenter.xsl
  • examplexsltop.html, examplexsltop.xml, examplexsltop.xsl
  • xmlxslexample.html
  • schedule.xml, collapsed.xsl, expanded.xsl

12 ja 13 loeng

J2EE põhiosad: servletid ja JSP

Aeg: 3 ja 5 mai

• Tomcat: http://tomcat.apache.org/
• Servletid ja JSP tomcatis, vt tutoriali http://java.sun.com/javaee/5/docs/tutorial/doc/

14 loeng

XML over http ja xslt praktiline kasutus

Aeg: 10 mai

Loe veidi sissejuhatusi:

• http://deepthought.ttu.ee/it/xstone/
• http://www.xmlrpc.com/
• http://www.w3.org/2000/xp/Group/

Lugemismaterjale

Üldist:

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

HTML:

• Raggetti tutorial algajatele
• w3schools'i põhjalik html tutorial
• HTML 4.0 ametlik käsiraamat

HTML+CSS+Javascript:

• w3schools'i css tutorial
• w3schools'i javascripti tutorial
• A list apart
• listikasutus

CGI programmid serveris

• lihtne sissejuhatus cgi-desse
• klassikaline sissejuhatus cgi-desse
• cgi.pdf: detailsem juhend

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