Presentation slides on WeB MoodleMoot 2013: "Save as PDF - could it be different?"

1. Save as PDF – može li to drugačije?
Ivana Bosnid
Fakultet elektrotehnike i računarstva & HrOpen, Zagreb

2. Tipičan izgled jednog predmeta...

3. Bacimo pogled na...
• ...Prezentaciju koja de završiti u PDF-u

4. Bacimo pogled na...
• PDF
• Je li lakše iz PDF-a ili iz <umetni_format>:
–
–
–
–
–
Kopirati tekst?
Kopirati sliku?
Urediti sadržaj?
Preuzeti oblikovanje?
Promijeniti oblikovanje?

5. Bacimo pogled na...
• Flash
– SlideShare, Prezi
• Je li lakše iz Flasha ili iz <umetni_format>:
–
–
–
–
–
Kopirati tekst?
Kopirati sliku?
Urediti sadržaj?
Preuzeti oblikovanje?
Promijeniti oblikovanje?

6. U nekom idealnom svijetu...

7. Jeste li čuli za...
• Reusability?

8. Obične HTML stranice
• HTML uređivač teksta
• Pisanje “od nule”?
• Ved postojede Web stranice (.html)
– Upload datoteka i povezivanje
• Odakle ih “nabaviti”?

9. Modul Book
• Od verzije 2.3
• 2 razine potpoglavlja
• Import poglavlja
– HTML datoteke
– Relativne veze na slike, Flash...
• Nema interaktivnosti

11. Modul Book
• Spremanje sadržaja kao PDF?
– Može biti korisno -> krajnji korisnik
• Spremanje slajdova kao slike?!?
– Back to where we started...
• Objedinjavanje više Web stranica u Book?
– ...............

12. Modul Lesson
• Dodana interaktivnost
• Branches & questions
– Nema hijerarhije
• Nekad bilo, sad se spominjalo... PPT import
– I bolje da ga više nema

13. Ne diraj mi slajdove!
...iako je upitno što točno želite postidi...

14. HTML prezentacije
• HTML5 + JavaScript
+ jQuery
• Primjer:
– http://slides.html5rocks.com/

15. HTML prezentacije - I
• impress.js
• http://bartaz.github.io/impress.js/
• jmpress.js
• http://jmpressjs.github.io/jmpress.js/
• reveal.js + Beta Moodle modul!
• http://m2.matbury.com/course/view.php?id=7
• deck.js
• http://imakewebthings.com/deck.js

16. HTML prezentacije - II
• Google HTML5 Slide Template
• http://io-2012slides.googlecode.com/git/template.html#1
• HTML Slidy
• http://www.w3.org/Talks/Tools/Slidy2/

17. A kako da to napravim?
• U pozadini:
– HTML? 
– Markdown format
– ...nešto između...
• Alati za izradu
– Strut (impress.JS)
• http://strut.io/dist/index.html
– Editey (impress.js, RevealJS)
• http://www.editey.com
– slid.es

18. Strut

19. Editey

20. Ispod haube...

21. Ispod haube...

22. Google Docs prezentacije

23. Povezivanje s Moodleom
• reveal.js: beta Moodle modul!
– svježe! 1.10.
• http://m2.matbury.com/course/view.php?id=7
• https://moodle.org/mod/forum/discuss.php?d=240557
• Google Docs
– Repozitorij
• vedinom lokalne datoteke
– Problem su JavaScript biblioteke

24. I što da sad radim?
• Argument “PDF je siguran”?
• Nedostaje alata...
• Samo u kontroliranim uvjetima ;)

25. Hvala!
ivana.bosnic fer.hr
www.slideshare.net/ibosnic
www.twitter.com/ivki