draos2_izvjestaj mediha

32
7/23/2019 DRAOS2_Izvjestaj Mediha http://slidepdf.com/reader/full/draos2izvjestaj-mediha 1/32            Priprema za završni (usmeni) ispit. Izvještaj  NIJE dio seminarskog rada. Kod odgovaranja na pitanja uzmite za primjer vaš seminarski rad, ali ne morate se ograničiti na ono što je  urađeno. U slučaju da neki aspekti dizajna interakcije nisu obuhvaćeni vašim radom obrazložite zašto: zbog specifičnosti rada, zbog ograničenja simulacije ili zbo g samog opsega implementacije. Procijenite kada je potrebno u odgovorima na pitanja da uzmete obzir kako bi bilo da ste implementirali profesionalni proizvod.

Upload: azrasirucic

Post on 18-Feb-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 1/32

 

 

   

 

 

Priprema za završni (usmeni) ispit. Izvještaj NIJE dio seminarskog rada. Kod odgovaranja na

pitanja uzmite za primjer vaš seminarski rad, ali ne morate se ograničiti na ono što je  

urađeno. U slučaju da neki aspekti dizajna interakcije nisu obuhvaćeni vašim radom

obrazložite zašto: zbog specifičnosti rada, zbog ograničenja simulacije ili zbog samog opsega

implementacije. Procijenite kada je potrebno u odgovorima na pitanja da uzmete obzir kako

bi bilo da ste implementirali profesionalni proizvod.

Page 2: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 2/32

 1

 

1.   

Dizajn interakcije je jedan od najvažnijih koraka u procesu kreiranja softvera ili

nekog hardverskog uređaja. Prilikom samog dizajna interakcije potrebno je analizirati

sposobnosti i potrebe korisnika kojima je softver/uređaj namijenjen. Zatim je

potrebno analizirati aktivnosti koje softver/uređaj treba da podrži, kao i okolinu i

uslove korištenja softvera/uređaja. Ako su ovi pripremni koraci dobro urađeni onda

dizajn rezultira upotrebljivim softverom/uređajem koji je jednostavan za korištenje,

učenje, te koji je brz i efikasan. Sam dizajn interakcije ima za cilj da pojednostavi

korisniku upotrebu aplikacije bez gubitaka funkcionalnosti ili slabljenja performansi.

Data aplikacija je podijeljenja u sekcije kojima se vrlo jednostavno pristupa i unutar

kojih je sadržaj aplikacije veoma logično i intuitivno podijeljen. Također, upotreba

 jednostavnih i logičnih ikonica olakšava korisniku navigaciju kroz aplikaciju, te brzi

pronalazak željene opcije bilo da se radi o unosu hrane, ciljnih vrijednosti, potrošnje

kalorija, o grafičkom prikazu podataka, promjeni postavki i dr. Aplikacija omogućava

unos tih podataka, pregled i kreiranje izvještaja koji su najbolji pokazatelj napretka

korisnika ka željenom cilju. 

2. 

 

Potreba korisnika za ovom vrstom softvera, koji mu omogućava unos i praćenje

unesenih/potrošenih kalorija proizilazi iz želje korisnika da dostigne ciljnu masu ili

 jednostavno iz želje da vidi kako određena hrana/fizičke aktivnosti utiču na njegov

organizam obzirom da aplikacija omogućava praćenje više parametara relevantnih za

stanje organizma ( ). Dati softver je

prilagođen potrebama korisnika i vrši automatizaciju procesa praćenja, što daje bolji

uvid u stanje korisnika i štedi vrijeme unosa i analize podataka.

Page 3: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 3/32

 2

Što se tiče iskustva korisnika potrebnog za uspješno korištenje aplikacije, nikakvo

iskustvo niti posebne sposobnosti nisu potrebne  –   osim poznavanja osnovnih

operacija rada na računaru. Aplikacija je dizajnirana na taj način da se i novi

korisnici veoma brzo snalaze u novom okruženju, te brzo uče i otkrivaju nove

mogućnosti aplikacije. 

3.   

Implementirane aktivnosti su u skladu sa namjenom aplikacije i implementirane su

tako da je uzeta u obzir činjenica da aplikacija nije nami jenjena određenoj grupaciji

ljudi (npr. aplikacije za kreiranje finansijskih izvještaja i sl.), nego svim ljudima kojiimaju potrebu za ovim tipom softvera. Svi podaci se spremaju u bazu podataka, te se

povlače iz iste pri ponovnom pokretanju aplikacije. Pored podataka relevantnih za

praćenje procesa dostizanja željene mase, hrana koju korisnik unosi u plan jela se

također spašava u bazu i ti podaci se povlače pri ponovnom unosu. Aktivnosti koje su

podržane unutar aplikacije: 

  –  korisnik se logira, te pri tome unosi neke opće podatke o sebi –   ,, visinu, željenu masu, spol, broj kalorija koje želi da unese/potroši taj dan i

sl. Također, postoji razlika zavisno od toga da li korisnik koristi aplikaciju po prvi put

ili već ima .

  –  korisnik nakon logiranja ima veoma jasan i intuitivan grafički pregled

stanja za taj dan –  broj unesenih/potrošenih kalorija u odnosu na ciljne vrijednosti

unesenih/potrošenih kalorija.

  –  korisniku je omogućen unos plana jela za određeni dan (također mu je

omogućen i izbor dana), kao i unos hrane i količine vode unesene tog dana. Korisnik

ima mogućnost pregleda unesene hrane/vode prethodnih dana. 

Page 4: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 4/32

 3

  –  korisnik ima mogućnost unosa tipa vježbe, broj ponavljanja i sl. 

  –   korisnik unosi trenutnu masu, te ostale relevantne podatke za

računanje pokazatelja stanja organizma (računanje  i ), te ima

pregled promjene veličina u vremenu. Također, implementirana je i estimacija

vremena dostizanja željene mase, te dostizanja normalne vrijednosti   i

– .

   –   korisniku je omogućen grafički prikaz veličina relevantnih za

praćenje procesa dostizanja željene mase –   vremenski prikaz dnevnog

unosa/potrošnje kalorija, kao i prikaz ukupnog broja kalorija zavisno od vrste

unesene hrane što omogućava korisniku da vidi uticaj pojedinih vrsta hrane/vrste

vježbi na njegov organizam. 

   –   ova sekcija se sastoji od dvije podsekcije  –     i

. Unutar   sekcije korisnik ima mogućnost promjene

željene mase (ambicije korisnika mogu da variraju tokom korištenja aplikacije),

– – i sl, dok unutar sekcije korisnik ima

mogućnost izbora željenih mjernih jedinica –   i sl.

Pored opisanih implementiranih mogućnosti aplikacije, aplikacija također ima i

mogućnost spašavanja podataka izvan aplikacije, npr. podaci o unesenoj hrani u

 formatu, te spašavanje raznih grafika i sl. 

Page 5: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 5/32

 4

4.   

Što se tiče uslova korištenja aplikacije treba napomenuti da aplikacija radi pod

 operativnim sistemom.

Aplikacija nema memorijskih zahtjeva, a kako je baza podataka lokalna, nema ni

zahtjeva za internetom. Korisnik bi trebao da ima instaliran neki   za

pregled podataka iz aplikacije spašenih lokalno. 

5. 

Aplikacija zadovoljava princip vidljivosti, te su svi bitni elementi  –  tipa navigacijskog

panela jasno vidljivi. Elementi dizajna velike važnosti su istaknuti bojom, pozicijom i

veličinom. Na slici 1 je dat primjer iz same aplikacije. 

Slika 1: Primjer primjene principa „vidljivo“ unutar aplikacije 

Page 6: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 6/32

 5

 

Princip logičnosti je zadovoljen na nivou cijele aplikacije. Kao primjer možemo uzeti

prikaz vrijednosti –   (slika 2). Pored kontrole za unos –   je

ikonica sa lupom i znakom *, te je jedina logična funkcija tog dugmeta „pretvaranje *u slovo“.

Slika 2: Primjer primjene principa „logično“ unutar aplikacije 

 

Princip konzistentnosti unutar aplikacije je također zadovoljen. Korištene su iste

ikonice za iste akcije (npr. dodavanje vrijednosti u bazu podataka), zatim  

ikonica je identična ikonici aplikacije i sl. Također,  promjena podataka u jednom

dijelu aplikacije se automatski odražava na cijelu aplikaciju (konzistentnost promjene

mjernih veličina na nivou cijele aplikacije). Prikaz opisanih primjera je dat na slici 3.

Page 7: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 7/32

 6

Slika 3: Primjer primjene principa „konzistentno“ unutar aplikacije

 

Svaka od korištenih kontrola je izabrana sa namjerom da se što bolje riješi određeni

problem. Namjera svake od kontrola je jasna odmah, što zapravo znači da ta kontrola

odlično odgovara svojoj namjeni. Također,   dodatno pojašnjavaju namjeru

gotovo svake od kontrola. Kao primjer možemo uzeti kontrolu za prikaz vrijednosti

  na kojoj korisnik pored trenutne vrijednosti   vidi i „ “ –  

crvena van normalnog opsega, zelena unutar normalnog opsega i sl.

Slika 4:Primjer primjene principa „odgovara namjeni“ unutar aplikacije 

Page 8: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 8/32

 7

 

Unutar cijele aplikacije su implementirane povratne poruke korisniku koje mu

omogućavaju sigurnu navigaciju kroz aplikaciju, ali i brz povratak u ispravno stanje

u slučaju pogreške.  Jedan tip povratnih informacija su svakako i  koji su

rezultat prelaza mišem preko određene kontrole. Dalje, implementirane su poruke o

greškama korištenjem   kontrole, ali i prikaz informacija koje

 jednostavno olakšavaju korištenje aplikacije. Primjer iz same aplikacije je dat na sl ici

5.

Slika 5: Primjer primjene principa „sa povratnim informacijama“ unutar aplikacije 

 

Unutar aplikacije su implementirana ograničenja koja pomažu korisniku da ispravno

koristi aplikaciju. Npr. dugme za potvrdu vježbi  je onemogućeno ukoliko nismo dodali

nijednu vježbu, te je na taj način korisnik onemogućen da izvrši akciju potvrde koja

bi možda izazvala negativan uticaj na ostatak.

Page 9: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 9/32

 8

Ovo se, također, ogleda i u primjeru unosa potrebnih podataka nakon prijave, te

ukoliko bi ti podaci izostali u bazi, moglo bi doći do neželjenih situacija. U ovom

slučaju je sve onemogućeno sve dok se isti ne snime. Prikaz je dat na slici 6.

Slika 6:Primjer primjene principa „sa mudrim ograničenjima“ unutar aplikacije 

Page 10: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 10/32

 9

 

1. 

Bitni elementi interfejsa su naglašeni prvenstveno pozicijom i veličinom. Možemo

uzeti za primjer glavni izbornik kao najbitniji element interfejsa (zbog svoje uloge  –  

omogućava jednostavnu navigaciju kroz cijelu aplikaciju) koji se nalazi izdvojen u

odnosu na ostali sadržaj aplikacije. Također, korištene su odgovarajuće ikonice i

animacije (npr. uvećavanje ikonice na prelazak mišem) koje stavljaju bitnije stvari u

prvi plan.

2.   

   

Aplikacija ne podržava različite tipove korisnika kao ni ostale aplikacije ovog tipa, jer

su podaci unutar same aplikacije lični i tiču se samo osobe koja trenutno koristi

aplikaciju.

3. 

Metafora predstavlja vezu između objekta i događaja. Unutar aplikacije su korištene

mnoge metafore –  od toga da crveni  zatvara aplikaciju do toga da su mnoge akcije

označene ikonicama koje su za njih logične grafičke ilustracije (pored  koji,

također, pomažu korisniku). 

Page 11: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 11/32

 1

4.   

Prevencija grešaka je ugrađena na mnogim mjestima unutar aplikacije i na više

načina. Kao prvo, prilikom unosa određenih parametara korisniku se nude već

unesene vrijednosti, tako da što se baza podataka više puni smanjuje se vjerovatnoća

pogrešnog unosa. Za akcije brisanja, izmjene i ostale akcije koje mijenjaju i utiču na

dosta podataka unutar aplikacije, korisniku se prikazuju potvrde prilikom snimanja

podataka. Dalje, u određenim dijelovima aplikacije neke od opcija su onemogućene u

zavisnosti od vrijednosti paramatara. U cijeloj aplikaciji je urađena validacija

podataka, tako da je u slučaju nesispravnog unosa onemogućeno npr. snimanje

podataka.

 

Greške se u većini slučajeva uočavaju prilikom snimanja  podataka, ali i

prilikom unosa nelogičnih podataka korištenjem .

 

Resetovanje unosa na   vrijednosti, te ponovni unos podataka  –   ispravnih.

 Također, od pomoći su i prikazane poruke koje upućuju korisnika koji je naredni

korak u procesu oporavka od grešaka. 

Page 12: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 12/32

 1

 

1.      

 

Korišten je nestandardan oblik menija koji se bolje od standardnog oblika uklapao u

sam dizajn aplikacije. Meniji su realizovani nizom –   koji pored natpisa i

  imaju i grafičku predstavu, tako su navigacija i razumijevanje aplikacije

uveliko olakšani. 

 

Ovaj način interakcije je korišten  da bi se olakšao sam unos podataka. Svako od

polja za unos je označeno odgovarajućom labelom koja opisuje podatke koje treba

unijeti. Primjer korištenja ovog načina interakcije se može naći kod unosa ličnih

podataka ili unosa vrijednosti podataka relevantnih za praćenje procesa napretka. 

 

Primjeri upotrebe ovog načina korištenja se mogu naći u dijelu aplikacije gdje se

grafički prikazuju podaci korisniku. Korisnik može da bira vremenski interval prikaza

podataka, kao i da vrši manipulacije oblika, boje i veličine prikazanog grafika. 

2.   

Prije samog dizajna aplikacije detaljno je izučeno nekoliko aplikacija slične namjene

koje su zapravo profesionalni proizvodi, tako da je ova aplikacija pravljena po uzoru

na njih i rezultat je kombinacije dobrih osobina razmatranih aplikacija, odnosno

mogla bi se kao ovakva koristiti kao profesionalni proizvod.

Page 13: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 13/32

 1

Svakako da je moguće implementirati neka poboljšanja, ali ona se većinom baziraju

na proširenju mogućnosti aplikacije  –   npr. kalorijske vrijednosti za pojedina jela

mogu biti unaprijed upisana u bazu ili omogućiti praćenje još nekih parametara

(krvnog pritiska, obima struka i sl.) i unos fotografija, tako da korisnik zaista ima

potpuni uvid u proces napretka.

 

1.   

Pristup projektovanja koji najviše odgovara kreiranom softveru, ali i aplikacijama iste

ili slične namjene je korisniku usmjeren dizajn upravo zbog same namjene aplikacije

 –   praćenje ličnih podataka korisnika  (fokus cijele aplikacije je na korisniku  –   od

podataka koji se unose ili prikazuju, do motivacijskih poruka unutar aplikacije čiji je

cilj motiviranje korisnika). U stvarnom sistemu dizajneri i developeri bi u saradnji sa

krajnjim korisnicima aplikacije iterativnim postupkom vršili izmjene unutar

aplikacije, te samim time poboljšavali dizajn i funkcionalnost aplikacije. Ovimpostupkom aplikacija se mijenja do te mjere dok se ne dobija verzija aplikacije koja u

potpunosti odgovara korisniku i ispunjava njegova očekivanja. 

2.   

 

U odgovoru na prethodno pitanje je već rečeno da je, zapravo, ovaj pristup korišten u

procesu projektovanja rješenja zbog same prirode zadataka koje je trebalo realizovati

korištenjem datog softvera.

Page 14: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 14/32

 1

Sam proces ovakvog pristupa se svodi na niz iteracija koje se završavaju onda kada je

korisnik zadovoljan konačnim proizvodom. U procesu pravljenja profesionalnih

proizvoda ove iteracije su veoma bitne, te je potrebno promišljeno odrediti trajanje

vremenskog razmaka između pojedinih iteracija. Kao primjer ovog pristupa unutar

same aplikacije možemo uzeti mjerne jedinice veličina prikazanih parametara. Mogao

se veoma jednostavno desiti previd unutar aplikacije, te zanemariti činjenica da se

neki korisnici ne koriste svakodnevno mjernim jedinicama . Nakon

konsultacije sa korisnikom najlogičnije rješenje bi bilo dodati opciju za izbor mjernih

 jedinica prikazanih podataka –   .

3. 

 

 

  bi trebala da pokaže i iznese odgovore na slijedeća

pitanja:

1. Koji je cilj zadatka?

2. Koje informacije su neophodne, a koje korisne za izvršenje zadatka?

3. Koji je redoslijed operacija (operatora) prilikom izvršenja zadatka? (primjer: unospina sa numeričke tastature, izbor opcije  pritiskom na dugme  i sl.)

4. Koje su moguće posljedice (rezultati) zadatka, na koji način će korisnik bitiinformisan o tome?

5. Koji problemi mogu da se pojave u toku izvršenja zadatka i šta se dešava u tim

situacijama?

Na slikama koje slijede je prikazan  za dati projekat.

Page 15: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 15/32

 1

Login forma –  prijava korisnika u aplikaciju

unos username –  a unos password –  a

Home forma sa panelom za unos podataka

unos visine i željene težine   unos ciljnih vrijednosti unesenih i potrošenih

kcal za taj dan unos podataka u bazu

Izbor Home sekcijeHome forma –   pregled i grafički

 prikaz unesenih podataka zajedno sadnevnim unosom i potrošnjom kcal  

Izbor Food sekcije Stablo „Food“  

Izbor Fitness sekcije Stablo „Fitness “  

Izbor Weight sekcije Stablo „Weight “  

Izbor Reports sekcije Stablo „Reports “  

Stablo „Settings “  Izbor Settings sekcije

LogoutVraćanje na Login formu uzspašavanje podatak u bazu  

Slika 7: HTA aplikacije 

Page 16: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 16/32

 1

Stablo „Food“  

Voda

 povećaj  broj čaša vode   smanji broj čaša vode  

Hrana

izbor vrste hrane unos količine hrane  

 prikaz u tabeli

 potvrda unosa

unos podataka u bazu/reset unosa

Stablo „Fitness “  

Unos vježbi  

izbor vrste vježbe   unos vremenskog trajanja/broja ponavljanja vježbe    prikaz u tabeli

 potvrda unosa

unos podataka u bazu/reset unosa

Slika 8: HTA - stablo ""

Slika 9: HTA - stablo "" 

Page 17: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 17/32

 1

Stablo „Weight “  

Unos i prikaz vrijednosti kilaže  

unos trenutne vrijednostikilaže  

unos podatka u bazu

 prikaz unesene vrijednosti nagrafiku promjena kilaže  

Unos podataka za izračun BMI i prikaz BMI  

unos trenutne vrijednosti kilaže   računanje BMI  

unos podatka u bazu

 prikaz trenutne vrijednosti na kontrolinamjenjenoj za to

 prikaz trenutne vrijednosti na grafiku

 promjena BMI

Stablo „Settings “  

Prikaz login podataka

 prikaz username –  a

 prikaz passworda (klikom na

dugme predviđeno za to)

Promjena password –  a

unos trenutnog pasword –  a

unos novog passworda unos podataka u bazu

Slika 10: HTA - stablo "" 

Slika 11: HTA - stablo "" 

Page 18: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 18/32

 1

 

1.   

 

Što se tiče izrade prototipa softvera korištene su tehnike  i .

Prva tehnika je korištena više za dizajn interakcije i tom prilikom su dobijeni odgovori

na pitanja tipa „Šta očekivati kad se izabere neka od opcija unutar aplikacije?“, „Da li

 je ova opcija suvišna?“ i sl. Druga tehnika je korištena zbog njene jednostavnosti i

brzine primjene za osmišljavanje početnog dizajna interfejsa i interakcije sa

korisnikom. Prilikom kreiranja realne aplikacije vjerovatno je bolje koristiti

elektronski prototip, jer više nalikuje stvarnom rješenju, a i korisnik može da testira

interaciju sa aplikacijom i napravi promjene prije nego se počne sa razvojem stvarne

aplikacije. Na slici 13  je dat primjer prototipa jedne sekcije aplikacije urađen

korištenjem  alata –    

Stablo „Reports “  

Podjela kcal

izbor željenog dana pregledau kontoli namjenjenoj za to

 prikaz podjele unesenihkalorija po tipu hrane na piechart

Razlika kcal

 prikaz razlike unesenih i potrošenihkalorija za današnji dan i prethodnadva dana

Slika 12: HTA - stablo "" 

Page 19: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 19/32

 1

Slika 13: Prototip jednog prozora aplikacije

 

1. 

 

 

 

Navigacija

     –   aplikacija je namijenjena korisnicima bez prethodnog

iskustva, tako da je jasno odakle početi (  na slici 14). 

Page 20: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 20/32

 1

Slika 14: Jasna polazna mjesta (forma za prijavu)

Page 21: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 21/32

 2

     –   smještena je na samom dnu panela aplikacije zbog lakšeg

uočavanja, te samom svojom pozicijom i funkcionalnošću omogućava korisniku da

u bilo kojem trenutku pristupi nekoj od ponuđenih opcija (slika 15).

Slika 15: Globalna navigacija (glavna forma)

 

Organizacija sadržaja 

 

   –   pristupom sekciji „“, u gornjem lijevom

uglu možemo izabrati tip grafa, nakon čega preko  vršimo izbor

vrste izvještaja i prikazujemo ga u polju za iscrtavanje grafa. Ovaj projektni

uzorak olakšava rad, minimizira dupliranje kontrola, te pruža preglednost. 

   – ovaj  je prisutan kod izmjene forme za prijavu i glavne

forme.

Page 22: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 22/32

 2

    najbolje se može vidjeti u sekciji , gdje ako

želimo da promijenimo svoju šifru, to možemo učiniti klikom na labelu

. Tada nam se prikazuju dodatne inoformacije, odnosno

polja, koja su potrebna da bi se izvršila akcija promjene šifre. Možemo vidjeti

da se u tom slučaju prikazuju polja: 

   

 

 

 

 

Opisani  možemo vidjeti na slici 16.

Slika 16: Više na zahtjev (panel za promjenu šifre) 

 

Organizacija ekrana/stranice:

    –  s obzirom da je riječ o panelima, njihova veličina je

ista, ako posmatramo dimenzije, naslove, panele s opcijama (narandžasta boja).

Uočljivo je da su paneli za promjenu šifre i mjerenje kilaže skoro pa identični, s

razlikama jedino u informacijama koje pružaju. Možemo vidjeti da su natpis

, dugme za izlaz uvijek na istom mjestu, s globalnom

navigacijom na dnu, a srednji dio je rezervisan za podatke i opcije.

Page 23: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 23/32

 2

Slika 17: Konzistentni vizuelni okvir (panel za promjenu šifre i unos kilaže) 

 

  –   jedan od zanimljivih   je i kodiranje bojom koji je

također obrađen u samom projektu. Na slici 17 je jasno uočljivo da je panel za

promjenu šifre predstavljen žutom bojom, dok je panel za unos kilaže

predstavljen narandžastom. Možemo vidjeti da je u oba ova panela zadržana

dosljednost boji u skoro svakom njihovom dijelu.

 

  kao što je već pomenuto, srednji dio ekrana nadležan jeza centralnu pozornicu, gdje su prikazane ključne stvari samog panela. Tako

centralni dio svojom veličinom, a i različitošću u obojenosti panela u odnosu na

ostala dva, „“ i „“, naglašava svoju važnost (slika 5).

Panel

Panel

Page 24: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 24/32

 2

Slika 18: Centralna pozornica (panel za izbor hrane i kalorija)

    - koriste se da bi se grupisali podaci na osnovu određene

logike i da bi se korisnici lakše snalazili. Na panelu za pregled vježbi, mogu se

uočiti dvije naslovljene sekcije:   

   

Svaki od panela je naslovljen, tako da korisnik tačno zna gdje se nalazi.

Upotrebom naslovljenih sekcija grupisali smo podatke u srodne kategorije.

Pošto su podaci i opcije grupisane, ovo olakšava snalaženje i razumijevanje

suštinskog značaja same aplikacije. 

Page 25: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 25/32

 2

Slika 19: Naslovljene sekcije (panel za pregled i izbor vježbi) 

 

  omogućava pristup dijelovima aplikacije

redom koji zavisi od korisnikovih odgovora. Spr ječava pojavu grešaka ukoliko

postoji određeni redoslijed koji se mora poštovati. Nakon što se korisnik

prijavio, pojavljuje mu se mali prozorčić pod nazivom „ “, gdje se

od korisnika traži da popuni određene podatke koji su vrlo bitni za rad same

aplikacije. Ovim je na neki način spriječena mogućnost greške u daljim

akcijama same aplikacije. Možemo, također, primijetiti da su korisniku

onemogućene skoro sve sekcije  (osim odjave), te će kao takve i ostati do

momenta dok korisnik ne unese tražene podatke. 

Page 26: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 26/32

 2

Slika 20: Omogućavanje na bazi odgovora ( i  panel)

 Kompleksni podaci

     –   prilikom dodavanja vježbe u listu odabranih, vježbe se

naizmjenično redaju s drugom pozadinskom bojom , stvarajući efekat redova

na pruge, može se vidjeti na slici 21. Omogućava lakše čitanje redova i

podataka unutar tabela.

Page 27: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 27/32

 2

Slika 21: Redovi na pruge (panel za pregled i izbor vježbi) 

Page 28: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 28/32

 2

    dugme za izlaz nalazi se u gornjem desnom uglu i

uvijek je na istom mjestu, obilježeno sa bijelim   . Korisnik u ovom slučaju

ima na raspologanju standardnu akciju za zatvaranje aplikacije. U svakom

momentu korisnik je u stanju da zatvori aplikaciju.

Slika 22: Naglašeno dugme izlaza 

 Unos podataka

 

 –   značajne su za korisnika koji se prvi put susreće  sa

aplikacijom. U ovoj aplikaciji iskorištene su u vidu oblaka, što je vidljivo na

slici 23. Također, iskorišteni su i  sa objašnjenjem pojedinih kontrola. 

Page 29: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 29/32

 2

Slika 23: Napomene za unos( napomena na  formi i  kod dodavanja vježbe) 

 

  –  opcije u panelu narudžbe, kao i opcija globalne navigacije,

predstavljene su ilustracijama, što se moglo vidjeti na prethodnim slikama.

Ponuđene opcije su jasno naglašene. Upotreba grafike jasnije ilustrira svrhu

opcije nego upotreba riječi ( ).

Slika 24: Ilustrovani izbori (panel za izvještaje) 

Page 30: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 30/32

 2

2.   

 

U slučaju da se radi o profesionalnom proizvodu prethodno navedeni projektni uzorci

bi se mogli upotpunosti iskoristiti, jer je korištenjem njih realizovan proizvod koji ima

dovoljno funkcionalnosti kao i prosječan profesionalni proizvod ovog tipa. Također,

svi korišteni uzorci su iskorišteni smisleno i na logičnim mjestima unutar aplikacije.

Svakako da je moguće iskoristiti još neke od preostalih uzoraka u profesionalnom

proizvodu, ako bi on bio proširenje datog proizvoda –   npr. ukoliko bi se unutar

profesionalnog proizvoda pratile promjene još nekih parametara –   obim struka,bokova i sl., to bi se moglo realizovati korištenjem –   što bi pojednostavilo

unos podataka i korisnik bi tačno znao koju mjeru treba da unese u kojem dijelu

procesa.

 

1. 

   

 

 

Aplikacija je veoma jednostavna za razumijevanje, što zbog samog dizajna, što zbog

činjenice da se od samog početka kreiranja aplikacije vodilo računa o tome daaplikacija nije namijenjena samo jednoj određenoj skupini korisnika koji imaju neke

zajedničke karakteristike i predznanje. Unutar same aplikacije postoje određeni

pokazatelji stanja korisnika koji zasigurno nisu poznati svim korisnicima npr.  ili

, ali zbog same predstave ovih vrijednosti korisnik može jasno da

vidi da li su dati parametri unutar dozvoljenih granica, bez da zna definicije i način

Page 31: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 31/32

 3

računanja parametara.  Također, boljem razumijevanju aplikacije doprinose i veoma

logične ikonice korištene unutar cijele aplikacije, kao i postojeće opcije za

prilagođavanje aplikacije određenom korisniku (npr. mjerne jedinice veličina i sl.).

 

Softver ovog tipa ne zahtijeva nikakvo posebno znanje, te je cijeli softver –  sam dizajn

rješenja, dizajn interakcije i sl., zasnovan prvenstveno na toj činjenici. Namjena

softvera je vrlo jasna od prvog pokretanja aplikacije, što uveliko olakšava učenje rada

aplikacije. Svi podaci koji se unose su jasno i logično označeni labelama tako da je

korisniku odmah jasno šta se traži od njega (ne mora da uči napamet način

korištenja aplikacije). Također, upotreba logičnih grafičkih elemenata ubrzava i

olakšava sam proces učenja. Unutar aplikacije je dostupan i  gdje korisnik može

da vidi opcije koje aplikacija nudi, kao i pojašnjenje pojedinih parametara. 

 

Sam proces pokretanja aplikacije je veoma jednostavan  –   dostupna je instalacija

aplikacije i baze. Dalje, aplikacija ne zahtijeva velike memorijske resurse, a jedino što

 je korisniku potrebno za potpuno iskorištenje opcija koje aplikacija nudi je

.

   

Dizajn rješenja je veoma atraktivan prvenstveno zbog velikog broja grafičkih

elemenata kod kojih je posvećena posebna pažnja pri izboru boja i oblika. Također,

sve ikonice su jasne i odgovarajuće kako namjenom tako i oblikom, bojom, veličinom

i pozicijom. 

Page 32: DRAOS2_Izvjestaj Mediha

7/23/2019 DRAOS2_Izvjestaj Mediha

http://slidepdf.com/reader/full/draos2izvjestaj-mediha 32/32