Presentation slides on WeB MoodleMoot 2016 about a cool new Moodle feature - explaining the user interface with Moodle User Tours

1. Tura po User Touru
Ivana Bosnić
Fakultet elektrotehnike i računarstva & HrOpen, Zagreb

2. 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
• ...

3. USER
TOUR

4. Š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

5. 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

6. 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?

8. CSS selektori?
• .breadcrumb <- class=„breadcrumb”
• #tours_r0_c0 <- id=„tours_r0_c0”
• [value="Customise this page"]
• div.tour-actions > ul > li:nth-child(1)

10. 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

11. Repozitorij tura – moodle.net

12. USER
TOUR
... u praksi ...

21. Pazi, nevolja,
odrezani gumbi!
Pripazi gdje
stavljaš oblačić! (a možda je samo bug)

26. 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

27. • ivana bosnic @ fer hr
• Twitter: @ivki
• Slideshare: ibosnic