Tura po User Touru

Ivana BosnićFakultet elektrotehnike i računarstva & HrOpen, Zagreb

Zaokruži tvrdnje s kojima se slažeš:

• Moodle sučelje nije baš pregledno

• Ima hrpa opcija, često se ne snalazim

• Često zaboravim gdje što stoji

• Lako mi promakne neka novost u novoj verziji

• Ne bih platio porez da znam da me nikada neće uhvatiti

• ...

USER

TOUR

Što to radi?

• skreće korisniku pažnju na dijelove sučelja

– skrivajući sve ostale dijelove

– ispisujući dodatna tekstualna objašnjenja

– vodeći ga korak po korak

• čak i uz prelazak na drugu stranicu odabirom neke akcije na sučelju

Kako to radi?

• administrator kreira User tour

• prikazuje se ovisno o URL-u:

– /my/%

– /course/view.php%

– /mod/quiz/edit.php%

– %add=assign%

• uključuje se po prvom dolasku na URL

– uz mogućnost ponavljanja ture po potrebi

Ali KAKO se to NAPRAVI, stvarno?

• Uz koji element prikazati uputu?

– na sredini stranice

– blok određenoga imena

– CSS selektori

• struktura stranice - HTML

• kako doći do nekog elementa?

CSS selektori?

• .breadcrumb <- class=„breadcrumb”

• #tours_r0_c0 <- id=„tours_r0_c0”

• [value="Customise this page"]

• div.tour-actions > ul > li:nth-child(1)

Meni je to STVARNO prekomplicirano...

• nema frke... Postoji:

– izvoz

– uvoz

• repozitorij postojećih tura

– https://moodle.net/mod/data/view.php?id=17

• vrlo jednostavno dodavanje

– .JSON datoteka

Repozitorij tura – moodle.net

USER

TOUR... u praksi ...

Pazi, nevolja,

odrezani gumbi!

Pripazi gdje

stavljaš oblačić! (a možda je samo bug)

Gdje tog’ ima za kupit’?

• Moodle 3.2 -> core dio

– živimo u nadi

• Moodle 3.1 i 3.0 -> local plugin

– ista funkcionalnost

• Hvala na financiranju, Dublin City University!*

Ovo je primjer „otvorenog kôda”,

ako ste se zapitali...

* Hvala istoj ustanovi i što su podijelili ovaj primjer ture kojeg sam koristila

• ivana bosnic @ fer hr

• Twitter: @ivki

• Slideshare: ibosnic