1. Veebidisaineri töövoog
Mac-i taga

2. Alustamine
• Tähtis ei ole, milliste tööriistadega sa
töötad vaid sinu suhtumine töösse, mida sa
teed

3. Alustamine
• Tähtis ei ole, milliste tööriistadega sa
töötad vaid sinu suhtumine töösse, mida sa
teed
• Tegelikult on tööriistad ka tähtsad

4. Alustamine
• Projekt - majutusteenust pakkuva firma
koduleht
• Projekti kestus - 4 kuud
• Projekti meeskond - arendaja (back-end),
projektijuht / veebidisainer (front-end)

5. 1. etapp -
kontseptuaalne disain
• Lähtekohtade täpsutamine kliendiga,
probleemi püstitus
• cms-i valimine, olemasolevate ja puuduvate
moodulite kaardistamine
• Stsenaariumid, persoonad

6. 1. etapp -
kontseptuaalne disain
• Sarnaste teenuste / toodete analüüs
• Grab, iPhoto kollektsioon

7. http://www.apple.com/ilife/iphoto/

10. 1. etapp -
kontseptuaalne disain
• Sarnaste teenuste / toodete analüüs
• Grab, iPhoto kollektsioon
• Staatilised visandid (mockup)
• Omnigraffle

11. http://www.omnigroup.com/omnigraffle/

15. 1. etapp -
kontseptuaalne disain
• Sarnaste teenuste / toodete analüüs
• Grab, iPhoto kollektsioon
• Staatilised visandid (mockup)
• Omnigraffle
• https://www.graffletopia.com/
• Keynote (iWork)
• http://keynotopia.com/

16. 2. etapp - kasutajatega
testimine
• Etteantud stsenaariumite alusel mini-
ülesanded
• Ekraanil toimuva salvestamine
• Silverback (demo)
http://silverbackapp.com/

17. 2. etapp - kasutajatega
testimine
• Tulemuste analüüs
• Ilmnenud vigade kõrvaldamine
• Ettepanekute analüüs, muudatuste
sisseviimine
• Testimine
• .... analüüs, testimine, analüüs, testimine...

19. 3. etapp - arendus
• CMS paigaldus lokaalselt
• MAMP (
http://www.mamp.info/en/index.html)

21. 3. etapp - arendus
• CMS paigaldus lokaalselt
• MAMP (
http://www.mamp.info/en/index.html)
• Versioonihaldus
• Git (Github) (https://github.com/)
• SVN (Assembla -
https://www.assembla.com/home)

26. 3. etapp - arendus
• CMS paigaldus lokaalselt
• MAMP (http://www.mamp.info/en/index.html)
• Versioonihaldus
• Git (Github) (https://github.com/)
• SVN (Assembla -
https://www.assembla.com/home)
• Piletite süsteem

27. 3. etapp - arendus
• Tekstiredaktor
• Coda (http://panic.com/coda/)
• FTP, versioonihaldus, klipid, ennetav
tekstisisestus, teemad, laiendused

29. 3. etapp - arendus
• Värvide valimine
• Colorschemer Studio (
http://www.colorschemer.com/)

32. 3. etapp - arendus
• “Fototöötlus”
• Pixelmator (pixelmator.com)

34. 3. etapp arendus
• Vektorgraafika
• Sketch
(http://www.bohemiancoding.com/sketch/
)

35. 3. etapp - arendus
• Testimine veebilehitsejatega - Safari,
Chrome, Firefox, Opera
• IE -VirtualBox
(https://www.virtualbox.org/)

37. Backup, backup, backup!
• Dropbox, Flickr (1TB),YouTube ja
loomulikult versioonihaldus

38. 4. etapp - esitlus,
aruanne
• Esitlus - Keynote (iWork)
• Aruanne - Pages (iWork)

39. Tänan
Priit Tammets
tammets@tlu.ee