Prototüüp

Prototüüp on valmiva süsteemi mudel. Prototüübi eesmärk on mõelda läbi, milline teie programm tuleb ja panna paika esialgne plaan. Prototüübi eesmärk ei ole kivisse raiutud plaan teha, mida hiljem muuta ei saa. See tähendab, et prototüübist peab peegelduma, et autorid on rakenduse läbi mõeldud ja püüdnud aru saada, mis neid ees ootab.

1. Prototüüp peab sisaldama kõiki kasutajaliideses eksisteerivaid kuvasid, iga kuva elementide paigutust ning kuvade vahelist navigatsiooni.
2. Prototüüp võib olla
   1. valmistatud mõnda spetsiaal tarkvara kasutades. NB! Teie ülesanne on tagada, et praktikumijuhendaja saaks prototüübiga tutvuda. Ehk siis, tööriista väljund tuleb esitada standardsel kujul (OpenXML dokument, OpenDocument dokument, HTML lehed, tekstifailid + pildid, Github Wiki lehed või muul praktikumijuhendajaga kooskõlastatud kujul).
   2. paberil joonistena. Paberit ja pliiatsit kasutades tuleb suuremat tähelepanu pöörata, et praktikumi juhendaja peab aru saama, mis te teinud olete.
   3. staatiliste seostatud HTML lehtede kogumina.
3. Prototüüp peaks olema kättesaadav (ja vajadusel kohendatav) kogu projekti vältel.
4. Prototüübi digitaalne versioon (sh. paberil tehtud jooniste pildid) tuleb lisada teie koodihaldusesse või Github Wikisse. Soovitav on prototüüpide ja dokumentatsiooni tarvis luua koodihoidlasse eraldi kaustad.

Viiteid

• Veebilehe kavanditest - http://en.wikipedia.org/wiki/Website_wireframe
• How to design a web site prototype - http://www.ehow.com/how_6792083_design-prototype.html
• Wireframe Sketcher (Eclipse pistikuna töötav prototüüpimistööriist) - http://wireframesketcher.com/
• Prototüpeerimiseks sobilikke veebiarendustööriistu
  • WebMatrix (kergekaaluline veebiarendamistööriist Windowsile) - http://www.microsoft.com/web/webmatrix/
  • Expression Web 4 (üks mugavamaid veebiarendustööriistu Windowsile - Professional versioon on saadaval Dreamspark Premium programmi vahendusel) - http://msdn.microsoft.com/en-us/expression/jj712700.aspx
  • Visual Studio Express for Web (Microsofti pea-aegu täislahendus veebirakenduste loomiseks - Dreamspark Premium programmi vahendusel on saadaval ka Visual Studio tasuta täisversioon) - http://www.visualstudio.com/en-US/products/visual-studio-express-vs
  • Bluefish (multiplatvormne veebiarendustarkvara) - http://bluefish.openoffice.nl/index.html
  • Aptana (massiivne Eclipse-põhine veebiarendustööriist) - http://www.aptana.org/
  • Amaya (W3C standarditepõhine WYSIWYG veebiarendustööriist) - http://www.w3.org/Amaya/
  • Brackets (Google Chrome põhine arendustööriist) - http://brackets.io/
• Dreamspark Premium - http://www.math.ut.ee/et/oppimine/microsoft-dreamspark-premium