12

9 8

2

610

1

7 85

10

3Wise Timetable Web dizajn

korisnički priručnik

WISE TIMETABLE4

Wise Timetable Web dizajnwww.wisetimetable.com

Wise Technologies d.o.o.Cesta 24. junija 23SI-1231 Ljubljana-Črnuče, Slovenijawww.wise-t.com

support@wise-t.comDatum izdavanja: 13.06.2011

2

Wise Timetable Wise Timetable Web dizajn

Copyright © Wise Technologies d.o.o.

Sadržaj:

Opis datoteka................................................................. 3Vrste promijena................................................................ 3Primjer mijenjanja dizajna....................................................... 3

3

Wise Timetable Wise Timetable Web dizajn

Copyright © Wise Technologies d.o.o.

Opis datotekaDizajn Wise Timetable aplikacije odvojen je od programa. To omogućava lakše oblikovanje i prilagodbu web aplikacije na već postojećem portalu.

Datoteke sa preuzetim dizajnom nalaze se u podmapi »design«. Sadržaj tih datoteka određuje izgled cjelokupne web aplikacije. Programske skripte nije potrebno mijenjati.

Sve dizajn datoteke za određenu skriptu imaju naziv, koji počinje nazivom skripte. Datoteke, koje počinju s »general« su one, koje skripta pokrene kada ne pronađe svoj dizajn (o tome ćemo poslije). Dizajn datoteke su tipa .htm i sastoje se od normalnog HTML koda, koji poznaje svaki dizajner. Jedina razlika je u šiframa, koje se nalaze u dvojnim zagradama: {{ ... }}. Te šifre skripta poveže i tu stavi sadržaj, koji može biti rezultat programa ili sadržaj neke druge dizajnerske datoteke, to je zato, što se neki dizajn ponavlja na nekim mjestima (na primjer redak u tabeli ).

Vrste promijenaPromijene dizajna možete urediti na dva načina. Postavke možete mijenjati u .css datotekama i u datoteci design.ini. U te dvije datoteke su definirani parametri uz pomoć kojih možete poprilično izmijeniti izgled stranice ( boje, postavke, pismo, ...).

Slijedeći korak je izmjena samih dizajnerskih datoteka i njihovih HTML šifri. Na ovaj način stranicu ćete značajno izmijeniti, a da pri tome niste ničim ogranićeni, kao što bi bio slučaj, kada bi dizajn bio bez skripta. Sve je pod vašom kontrolom. U svakom slučaju sve ćete oblikovati od početka do kraja sami, ako se pridržavate nekih osnovnih pravila.

Primjer mijenjanja dizajnaAko, na primjer, želite promijeniti izgled skripte classrooms, otvorite datoteku classrooms.htm. Kao što vidite, tu je opisana cjelokupna forma stranice. U gornjem dijelu datoteke opisana je tabela s kontrolama, preko kojih će korisnik unositi podatke, ispod je tabela za pregled rezultata. To je preuzeti dizajn, a sada ćete formirati svoj. Ako ne želite unosna polja onda jednostavno obrišite retke kojima je definirana tabela.

Jedino, na što morate paziti je, da u dizajnu ostavite mjesta, gdje će skripta pohraniti svoje podatke. Na mjestu gdje se nalazi šifra {{str_setclassroom}} skripta će zapisati tekst »Učiona:« ili »Classroom:«, ovisno o tome, koji jezik se nalazio u config skripti. Šifra je upravo zato u datoteci, da bi se isti dizajn mogao koristiti za sve ponuđene jezike. Poslije preko konfiguracijske skripte možete izabrati neki drugi jezik, tako da poslije neće biti potrebe raditi promijene na dizajnu. Sve šifre, koje će biti zamijenjene tekstom na ovom ili onom jeziku, počinju sa »str«.

Slijedeća šifra, s kojom ćete imati dodira pri promijeni classroom skripte je

4

Wise Timetable Wise Timetable Web dizajn

Copyright © Wise Technologies d.o.o.

{{present_roomsoptions}}. Kod pokretanja aplikacije, kada skripta dođe na to mjesto, automatski će pokušati pronaći dizajnersku datoteku classrooms_option.htm. Kako u dizajnu koji ste preuzeli iz paketa, ta datoteka ne postoji, skripta će pokušati napraviti slijedeće. U preuzetom paketu je to datoteka »general_option.htm«. Općenita dizajnerska datoteka je datoteka »option« namijenjena je pojednostavnjenju dizajna, a pored toga i umanjuje mogućnost za pogrešku (ako je jedna stavka pravilno nacrtana, biti će sve). »general_option.htm« koristi se uvijek, kada je potrebno nacrtati iterativni dio kontrole, preko koje će korisnik izabrati jednu od ponuđenih mogućnosti. Preuzete općenite dizajnerske datoteke su određene u datoteci design.ini a ako želite, lako ih možete promijeniti.

Sve šifre ne vode nužno do neke druge designerske datoteke. Sadržaj polja {{present_fillcellsscripts}} na primjer ne morate mijenjati, jer to polje skripta koristi zasebno.

Ako napravite sigurnosnu kopiju designa, kojeg ste dobili u paketu, možete malo eksperimentirati sa dizajnom. Tako ništa ne možete pokvariti, a da problem ne bi riješila kopirana sigurnosna kopija dizajna. Sigurni smo da ćete nakon malo vremena dobiti dobar osjećaj za funkcionalnost dizajna i slobodu, koje sistem nudi.