KPT 4033 :TEKNOLOGI & INOVASI DALAM PENDIDIKAN

1. KPT 4033 :TEKNOLOGI & INOVASI DALAM PENDIDIKAN KULIAH 12: PERISIAN PERSEMBAHAN & ALAT PENGARANGAN

2. Bentuk Persembahan Multimedia Persembahan multimedia boleh di bahagikan kepada tiga bentuk :- • Persembahan maklumat berbentuk linear • persembahan yang menyampaikan maklumat secara turutan dari mula hingga akhir • Kawalan navigasi membolehkan pengguna maju ke hadapan dan undur kebelakang

3. Bentuk Persembahan Multimedia Maklumat ketiga Akhir Maklumat kedua Maklumat pertama Mula Gambar rajah persembahan berbentuk linear

4. Bentuk Persembahan Multimedia • Persembahan maklumat berbentuk non linear mudah. • Persembahan yang menyampaikan maklumat secara berpusat. • Terdapat satu paparan menu yang akan menghubungkan paparan maklumat yang lain. • Kawalan navigasi membolehkan pengguna mencapai maklumat yang terkandung dalam paparan pertama, kedua dan seterusnya.

5. Bentuk Persembahan Multimedia Mula Maklumat keempat Menu Utama Maklumat Pertama Maklumat ketiga Maklumat Kedua Keluar Gambarajah persembahan maklumat berbentuk Non linear mudah

6. Bentuk Persembahan Multimedia • Persembahan maklumat berbentuk non linear kompleks. • Semua paparan dihubungkan dengan paparan maklumat yang lain secara terus. • Navigasi pengguna semasa mencapai maklumat yang terkandung dalam mana-mana paparan adalah bebas. • Setiap satu paparan mempunyai hubungan dengan mana-mana paparan lain secara terus dan boleh kembali ke mana-mana paparan.

7. Bentuk Persembahan Mula Menu Utama Maklumat Keempat Maklumat Pertama Maklumat Kedua Maklumat Ketiga Keluar Gambarajah persembahan berbentuk Non linear kompleks

8. Perisian Multimedia • Terdiri dari pelbagai perisian yang membolehkan pengabungan imej dengan teks, muzik dan bunyi, animasi, video dan kesan khas. Perisian multimedia boleh dikategorikan sebagai : • Perisian persembahan multimedia • Alat pengarangan multimedia • Alat pengarangan multimedia untuk web

9. Perisian Persembahan Multimedia • Merupakan pakej perisian komputer yang digunakan untuk mencipta persembahan slide atau bentuk persembahan visual yang lain yang boleh dipaparkan pada monitor atau diprojekkan pada skrin • Perisian ini membenarkan pengguna • memasukkan teks, ‘clip art’, photo dan audio ke dalam jujukan ‘slide’ . • Menetapkan navigasi antara slide • Kebanyakkannya mempunyai alat untuk mencipta animasi.

10. Contoh Perisian Persembahan • Antara perisian persembahan yang popular ialah Microsoft's Powerpoint, Lotus's Freelance Graphics dan Openoffice Impress. • Ms Powerpoint dan Lotus boleh dibeli secara pakej atau sebagai stand alone. • Perisian Openoffice Impress merupakan perisian sumber terbuka iaitu tidak perlu dibeli. • Contoh lain ialah Adobe Persuasion, Astound, Asymetrix Compel, Corel Presentations, and Harvard Graphics.

11. Kegunaan Perisian Persembahan Dalam P&P • Guru boleh guna perisian persembahan untuk mencipta dan mengelolakan persembahan yang efektif untuk kumpulan yang kecil, sebuah kelas atau persembahan berasaskan web. • Pelajar boleh gunakannya untuk menghasilkan sebuah persembahan untuk sesuatu topik berdasarkan tugasan yang diberi atau penyelidikan yang dijalankan .

12. Ciri MS Powerpoint • Create & customize slide master- can edit slide master such inserting logo,pictures, etc. • Extract Narration • Create web presentation • "internal hyperlinks" that connect one slide to another, complete with "action" and "return" buttons.

13. Ciri MS Powerpoint •  set up "custom shows," - allow to specify which slides of a presentation should be shown, and in what order... without having to "hide" or rearrange slides via slide sorter view. • set slide timings, create automatically repeating slide shows, and even record narration. • able to  "annotate" slides during a presentation, with electronic "pencils," "felt-tipped pens," or "highlighters"... and save your annotations Catatan- akan dibincangkan dalam amali

14. Ciri OpenOffice Impress • Master view • Capabilty of changing many slides in a time • Template • Capabilty of creating and saving custom template and background for development of future presentation • Compatibility • Can save as Ms Office and Mac

15. OpenOffice Impress (cont..) • Export the presentation • As a PDF • Flash(SWF) animations which can be published as a web • Signing presentations with digital signatures • Verify authenticity of content and source • Deploying basic extensions for all users • Starting with OOo 2.0.3, a new Export feature was introduced to simplify the deployment of BASIC code for all users who share the same installation.

16. Antaramuka OpenOffice.org 3

17. Antaramuka OpenOffice.org Impress

18. Alat Pengarangan Multimedia • Boleh digunakan untuk mencipta dari persembahan mudah seperti slide hingga ke applikasi berbentuk permainan dan interaktif. • Menyediakan kerangka untuk pembangun menyediakan applikasi yang membenarkan pengguna mempunyai kawalan interaktif ke atas masa pelaksanaan dan jujukan video, grafik dan animasi. • Juga menyediakan scripting language atau bahasa pengarangan untuk mengawal tindakan.

19. Jenis Alat Pengarangan Multimedia • Alat pengarangan menggunakan konsep metafor untuk menyusun dan mengelola serta mengurus elemen dan juga event . • Berdasarkan konsep ini, secara umumnya ia boleh dikategorikan kepada tiga kategori utama : • Card and page-based tool • Icon/Flowchart-based tools • Time-based tools

20. Kategori Alat Pengarangan Multimedia: Card and Page-Based Tools • Elemen disusun samada dalam bentuk mukasurat buku(pages of book) atau timbunan kad(stack of cards). • Mukasurat atau kad ini boleh dipautkan untuk membentuk persembahan yang tersusun. • Bilangan kad boleh terdiri sehingga beratus atau beribu dan pengguna boleh bernavigasi ke mana-mana kad dalam paten navigasi berstruktur yang telah ditetapkan.

21. Card and Page-Based Tools (samb…) • Sistem berasaskan page/card adalah berorientasikan objek. • Objek boleh terdiri grafik, button, text fields, pages dan card yang mana setiap satu mempunyai properties yang boleh dimanupulasi untuk meningkatkan fungsi sesuatu applikasi. • Setiap objek boleh mengandungi skrip pengaturcaraan yang boleh mengaktifkan event yang berkaitan dengan objek tersebut.

22. Card and Page-Based Tools (samb..) • Contoh alat pengarangan yang menggunakan metafor iniialah :- • HyperCard (Macintosh). • SuperCard (Macintosh) • Toolbook (Windows) • Visual BASIC (Windows) • Metafor ini sesuai untuk applikasi yang mengandungi elemen yang hendak dipaparkan secara individu.

23. Kategori Alat Pengarangan Multimedia :Icon/Flowchart ( Ikon/ Cartalir) • Kaedah yang menyediakan pendekatan pengaturcaraan visual. • Pembangun membina struktur atau flowchart (cartalir) untuk semua events dengan mendrag ikontertentu dari pre defined library • Flowchart ini mengambarkan logik projek yang dibina. • Elemen multimedia(teks, grafik, animasi dll) dimasukkan semasa pembangunan struktur ini

24. Icon/Flowchart ( samb..) flowchart toolbar Gambarajah toolbar dan flowchart

25. Icon/Flowchart ( samb..) • Contoh alat pengarangan yang menggunakan metafor iniialah :- • Authorware Profesional (Windows/Macintosh) • IconAuthor (Windows) • Icon based sistem menyokong pelbagai bentuk aplikasi dan sesuai untuk pembangunan sistem yang mempunyai navigasi yang kompleks

26. Alat Pengarangan Icon Based: Authorware • Merupakan alat pengarangan profesional • Menyokong applikasi interaktif dengan hyperlink, kawalan drag and drop dan integrasi animasi. • Sesuai untuk pembangunan applikasi multimedia secara prototaip.

27. Alat Pengarangan Icon Based: Authorware • Sesuai untuk applikasi yang memerlukan interaktiviti yang banyak seperti tutorial. • Mempunyai fasiliti yang membolehkan menyimpan setiap respon pengguna dan mengawal laluan berdasarkan input pengguna. • Kelemahannya – kos perisian ini mahal

28. Kategori Alat Pengarangan Multimedia:Time-based • Elemen di susun sepanjang time line dengan resolusi setinggi 1/30 saat atau lebih tinggi. • Setiap frame disusun dan dilaksanakan mengikut masa yang ditetapkan oleh pembangun. • Elemen seperti audio akan dilaksanakan berdasarkan masa atau lokasi yang ditentukan di dalam jujukan event

29. Time-based ( samb..) • Contoh alat pengarangan yang menggunakan metafor iniialah :- • Macromedia Director (Windows dan Macintosh) • Macromedia Flash (Windows dan Macintosh) • Time based sistem sesuai untuk applikasi yang mempunyai mesej di awal dan akhir. • Terdapat alat pengarangan yang menyokong pembangunan applikasi yang lebih kompleks iaitu dapat bercabang ke lokasi yang tertentu- menyediakan persekitaran interaktiviti dan kawalan navigasi.

30. Time-based ( samb..) Jujukan frame Gambarajah menunjukkan sistem time-based

31. Alat Pengarangan Time- Based: Director • Movie metaphor ( the cast includes bitmapped,sprites, scripts, music, sound etc) • Can accept almost any bitmapped file forms • Lingo script language with own debugger allows more control including external devices – VCR & any video player • Ready for building more interactives (button,etc) • Tool of choice for animation

32. Alat pengarangan multimedia untuk web • Menyediakan persekitaran pengarangan untuk membina applikasi web yang interaktif. • Terdapat alat pengarangan yang tidak memerlukan scripting atau pengatucaraan untuk membangunkan applikasi. • Contoh: • Mediator 8 • Flash Profesional 8 • Macromedia Dreamweaver

33. Pemilihan Alat Pengarangan • Pembangun mesti mempertimbangkan perkara-perkara berikut untuk membangunkan sesuatu applikasi • Editing features • Cross-platform features • Playback features • Interactivity features • Programming features

34. Pemilihan Alat Pengarangan (samb..) • Organizing features • Delivery features • Ease of learning • Personal preference • Performance tuning features

35. Bacaan Tambahan • http://www.geocities.com/Athens/4204/mtools.htm • http://presentationsoft.about.com/od/classrooms/tp/student_tips.htm

36. SOAL JAWAB

37. TERIMA KASIH