Video presentation MPT 1393




" Mari menghayati Video ini "
Ayat yang di ambil daripada empunye video ini ~ Dr.Jamalludin

"2/5/2011 - Kisah seorang pensyarah yang "didera" oleh pelajarnya...terpaksa datang bekerja di kala semua orang sibuk bercuti sempena Hari Pekerja. Kesian sungguh...pelajar...ehh maksud saya..kesian sungguh pensyarah itu.."


hahaha.. video ni terbaek la.. welldone!!!...



Nota Kaki : terima kasih buat rakan-rakan dan lecturer.. korang2 mmg best la.. Semoga apa yang kita belajar ni akan di praktikkan pada masa akan datang... & semoga subjek ni kita semua dapat A+ .. hihihii.. tq again....

LAPORAN LAWAN WEB KAMI


::MAKLUMAT RINGKAS PROJEK LAMAN WEB ::

Nama Matapelajaran : WEB-BASED MULTIMEDIA DEVELOPMENT (MPT 1393) - 01
Tajuk Projek : PEMBANGUNAN LAMAN WEB LENSA DSLR BERTERASKAN PEMBELAJARAN BERASASKAN MASALAH (PBL)
Kursus : SARJANA TEKNOLOGI PENDIDIKAN

Ahli Kumpulan :
1. SITI HAJAR BT MOHAMAD SAMSUDIN MP101149
2. NORIHAN BT HAMZAH MP101275
3. NUR LIDIANA EDYANTI BT MOHD ESA MP101278



PAPARAN ANTARAMUKA UTAMA



Mengandungi keterangan secara ringkas mengenai laman web yang dibangunkan. Daripada paparan utama ini, pengguna dapat membuat kesimpulan umum mengenai apa yang ingin disampaikan oleh pembangun laman web ini. Isi kandungan yang terkandung di dalam laman web ini telah dinyatakan dengan jelas agar pengguna dapat mempelajari kemahiran dalam menggunakan salah satu komponen DSLR dengan lebih mahir dan betul.



PAPARAN ANTARAMUKA TOPIK



Di dalam paparan halaman ini, pembangun telah menekankan aspek isi kandungan maklumat dengan lebih jelas dan mendalam mengenai lensa DSLR. Terdapat lima cabang menu yang dipaparkan disebelah kanan laman web ini iaitu pengenalan lensa, spesifikasi lensa, jarak fokus lensa, jenis-jenis lensa dan juga tips memilih lensa DSLR. Kesemua maklumat dan info yang terkandung di dalam laman web ini adalah tertumpu kepada kaedah pembelajaran berasaskan masalah. Dengan menggunakan kaedah ini, para pengguna dapat mengukuhkan pengetahuan sedia ada mereka mengenai lensa serta menambah baik pengetahuan mereka mengenai lensa DSLR ini. Kelima-lima bahagian menu yang dipaparkan disebelah kanan pengguna terkandung dengan pelbagai jenis aktiviti yang terdiri daripada multiple question and answer set, jigsaw puzzle set, fill in the blank, dan pilihan jawapan.



PAPARAN ANTARAMUKA GALERI


Halaman ini mengandungi beberapa jenis gambar yang tercantik yang diambil oleh kamera DSLR. Spesifikasi berkaitan dengan jarak fokus juga turut disertakan didalam setiap perincian setiap gambar ini. Terdapat dua halaman untuk bahagian spesifikasi ini. Pelbagai jenis situasi gambar yang cantik dan boleh dijadikan contoh untuk pengguna.



PAPARAN ANTARAMUKA MENGENAI KAMI


Halaman ini mengandungi kenyataan dan penerangan terperinci mengenai syarikat kami. Terdapat susur galur eksekutif syarikat yang turut dimuatkan bersama-sama dari CEO, CMO dan CFO . Paparan buletin semasa turut tersedia di dalam halaman yang sama yang diletakkan disebelah kanan paparan antaramuka ini.


PAPARAN ANTARAMUKA HUBUNGI KAMI


Di dalam paparan antaramuka ini, telah dimuatkan ruangan untuk pengguna menghantar respon dan juga komentar mengenai laman web yang telah dibangunkan. Turut dimuatkan peta lokasi untuk ke syarikat kami juga turut dimuatkan. Segala maklumat penting pembangun seperti nombor telefon, email, dan alamat turut disertakan bagi memudahkan para pengguna laman web ini dapat menghubungi kami untuk merujuk dan menyemak setiap keterangan dan maklumat yang telah diberi oleh kami melalui laman web ini.




PAPARAN ANTARAMUKA SOALAN - TOPIK (Hot Potato )
Contoh-contoh soalan iaitu berteraskan Pembelajaran Berasaskan Masalah (PBL)




Nota Kaki : Alhamdulillah.. semuanya telah berjaya di siapkan pada masa yang telah di tetapkan. Dan pembentangan projek juga berjalan Lancar. Terima kasih buat ahli kumpulan , rakan sekelas dan paling tak lupa buat Dr.Jamalludin atas segala tnjuk ajar dan mengajar dalam subjek ini.. tq again :)

TESTING & EVALUATION





TESTING

Self testing = to ensure the functionality of the following features and elements:
- Page display
- Image display7
- Navigation elements
- Interactive & dynamic elements
- Internal links
- External links

*** After conducting the self-testing, correct any identified problems.


Group testing = Involves recruiting a small group of people representative of your audience to test your website.
- give you better ideas of how your audience will respond to your website.

***After observing the testing, ask the individuals to express their candid opinions about their experience: Ask questions such as:
- Did they find the website interesting and easy to use?
- What helped or hampered navigation?
- What kind of problems and obstacles do they face?
- What could improve the website?
- What should be added or deleted?



Alpha testing
= Testing a software/website product which is not the final version. This website does not have to necessarily contain the full functionality required for a website however core functionality to accept input an generate output is required.

Beta testing
= Beta Testing is last stage of testing where a product is sent outside the company or offer the product for free trial download/use.



EVALUATION

Penilaian laman web yang harus dilaksanakan untuk memastikan keberkesanan penyampaian dan isi kandungan yang dibina untuk pengguna bersesuaian dan bertepatan dengan kerangka fahaman pengguna. Selain itu, penilaian untuk pembangunan laman web ini dijalankan bagi meningkatkan keberkesanan dan kualiti pembangunan laman web ini. Dua kaedah penilaian yang digunakan untuk menilai laman web ini adalah penilaian formatif dan penilaian sumatif.

i. Penilaian formatif
Untuk penilaian formatif, pembangun akan melaksanakan penilaian secara berterusan bermula daripada fasa analisis sehingga laman web ini berjaya dibangunkan. Kesilapan dan masalah yang dikenalpasti akan di perbaiki sebelum ke peringkat seterusnya.


ii. Penilaian sumatif
Penilaian sumatif akan dilaksanakan oleh pembangun kepada pengguna dengan cara mendapatkan respon dari pengguna dengan jawapan soal selidik di akhir penggunaan laman web ini. Biasanya penilaian sumatif dibuat oleh kumpulan sasaran dan maklum balas diterima secara on-line iaitu melalui email. Tujuan utama penilaian ini adalah untuk memperbaiki bahan pengajaran yang akan datang.



Nota kaki : Pengujian dan Penilaian sangat penting kerana dapat memastikan segala kesilapan dan kesalahan diperbetulkan sebelum website dilancarkan.. :)

Apa yang perlu kita ELAKKAN dalam pembangunan WEBSITE???






Sedikit Info yang berguna untuk membangunkan laman web (terutama Beginner)


1. Jangan gunakan semua huruf BESAR. Kalau untuk tajuk @ sesetengah perkataan yang nak di tonjolkan boleh la sikit2.

2. Gunakan taipografi jenis San Serif kerana ia adalah untuk online presentation (eg: Arial, Verdana etc.)

3. Jangan gunakan banyak sangat jenis tulisan. Memadai dua atau tiga. Supaya Nampak konsisten dan kemas.

4. Warna perlu lah sesuai, jangan melampau sangat. Elakkan menggunakan warna yang terlalu terang dan tidak sesuai dengan latar belakang (cth : hitam dan putih =ok, merah dan biru = xOK)


5. Elakkan dari menggunakan banyak warna untuk laman web (tema warna, layout dll)

6. Etc



*Next Entry : Web Testing & Evaluation


Nota kaki: jikalau laman web yang menyakitkan mata, pengguna tidak akan berminat dan sebelum sempat meneroka, mereka terlebih dahulu menekan symbol [X] .. ~

Information Design



Gambar kat atas ni pasal information design.
Sangat-sangat penting untuk di aplikasikan dalam Pembangunan Laman Web ok.
Anda boleh merujuk kat sini kalau nak tahu & ikut step by step.


Bende yang penting dalam 'Information design' ialah :

- Message = apa informasi yang kita nak share pada pengguna?
- Audience = pada siapa kita nak smpaikan ? cth: org tua, kanak2, remaja etc.
- Purpose = camne cara nak share???
- background = kene tau gak.. cth mcm kita agak audience tahu tentang topik yang kita bincangkan / pengguna paham la topik tu
- structured = how can message be organized effectively?


Dalam part interaction design , navigation sgt penting.
Navigation = menu2 yang ada untuk kegunaan pengguna.


5 soalan yang memang popular dikalangan pengguna laman web.

1. Where am I ? = user tahu ker tak page mana yang diorang berada
2. Where have I been? = dengan melihat pada coloration @ lebih senang nak tengok ialah apabila link yang ada telah berubah warna apabila kita telah klik pada sebelum nya berbanding link yang kita tidak klik.
3. Where can I go ? = let users know where they are in relation to the rest of the website.
4. How do I get there ? = provide consistent, easy to understand link
5. How do I get back to where I start? = alternative button untuk kembali ke HOMEpage @ starting point.


selain itu, cara nak tunjukkan @ nak bagi pengguna faham pasal menu (untuk menjawab all question above)

1. tuliskan tajuk pada setiap laman (page)
2. buat site map (xkisah lah direct link @ buat satu laman untuk site map pun boleh)
3. Topik path (breadcrumb links) cth : home > topik > tutorial 1
(pastikan ada link pada topik path untuk memudahkan penggunaan)



* Next entry pasal Learning Theory dalam pembangunan laman web.

Nota Kaki : Untuk membangunkan laman web, kita kena pandai tackle pengguna ok. jadi dengan 5 cara kat atas tu, kita dapat menarik perhatian pengguna. cuba elakkan hanya fokus pada kumpulan kecil sahaja, cuba untuk lebih meluas fokus audience nye, jadi ramai yg akan tertarik pada laman web kita ~ ann

Web Development Team





Entry ni pasal 'web development team' ...

kalau ikutkan dalam sesebuah pembangunan laman web. Memang kene ada TEAM supaya kerja membangunkan laman web lebih mudah dan senang.
Tapi biasa laaa.. semua tu kene la bergantung kepada besar kecik sesuatu projek.. dan juga besar kecik company tu sendiri. Kalau laa company kecik, xkan diorang nak hired ramai2 pekerja ye tak?? jadi sorang pekerja akan buat Tugas lebih daripada satu tugas @ jawatan yang kat gambar atas tuu..

Okeyy?? anda paham tak ni?? kalau tak paham.. sila la buat-buat paham yeaa…

Berbalik pada Laman Web (Projek kami).. kami hanya ada 3 orang sahaja ahli kumpulan. Jadi kalau ikutkan gambar kat atas, ada 5 Tugas a.k.a Jawatan yang harus dipegang.. jadi kene la share-share n buat double triple tugas yeaaa….



Senarai Tugas setiap ahli

(Kalau nak lagi jelas, klik pada gmbr :))


Alhamdulillah.. berkat kesabaran dan kesungguhan serta kerjasama dalam group kami dapat siapkan Projek “PEMBANGUNAN LAMAN WEB LENSA DSLR BERTERASKAN PEMBELAJARAN BERASASKAN MASALAH (PBL)” kami..

*** Tunggu Next entry utk review lebih pasal “Laman web” yeaa




Nota Kaki : Apa yang penting dalam berkerja dlm kumpulan, perlu lah saling bertolak ansur, kerjasama, saling percaya mempercayai dan yang penting masa dtg utk discussion tu bawak la makanan.. xde la kebulur nnt.. hahhaaa.. :)

Step by step in constructing a web site




Okey kawan2.. jom kite ambil tahu pasal langkah demi langkah dalam menghasilkan satu laman web.Terdapat 15 langkah dalam menghasilkan laman web yeaa.. Check it out!!!




1. Analyzing learner’s background
2. Collecting the contents
3. Validating the content- check for spelling, grammar errors.
4. Designing the website theme
5. Designing web typography
6. Designing the learning/ presentation strategy.
7. Designing the interface & navigation
8. Developing Graphic and Animation Files
9. Developing audio and video files
10. Website Development Process
11. Developing an interactive page such as guest book, forum etc.
12. Testing the website
13. Evaluate the website
14. Publishing the website through server
15. Maintaining the website.



Nota kaki : Selamat mencuba semua.. sile ikut step by step if nak dapatkan hasil yg sempurna n terbaek dlm mghasilkan laman web.. tp DON’T Forget yeaa.. ape-ape pon kite boleh BREAK the RULE.. hehehee.. chaiyok!!!!....

ADDIE Model, Prototyping, Dick & Carey and IDLS




ADDIE Phases


Analyze – analyze learner characteristics, task to be learned, etc.
Design – develop learning objectives, choose an instructional approach
Develop – create instructional or training materials
Implement – deliver or distribute the instructional materials
Evaluate – make sure the materials achieved the desired goals


Analysis Phase
In the analysis phase, the instructional problem is clarified, the instructional goals and objectives are established and the learning environment and learner's existing knowledge and skills are identified.

Below are some of the questions that are addressed during the analysis phase:

• Who are the learners and what are their characteristics?
• What is the new behavioral outcome?
• What types of learning constraints exist?
• What are the delivery options?
• What are the online pedagogical considerations?
• What are the Adult Learning Theory considerations?
• What is the timeline for project completion?


Design Phase
The design phase deals with learning objectives, assessment instruments, exercises, content, subject matter analysis, lesson planning and media selection. The design phase should be systematic and specific. Systematic means a logical, orderly method of identifying, developing and evaluating a set of planned strategies targeted for attaining the project's goals. Specific means each element of the instructional design plan needs to be executed with attention to details.

These are steps involved in design phase:
  • Document the project's instructional, visual and technical design strategy
  • Apply instructional strategies according to the intended behavioral outcomes by domain (cognitive, affective, and psychomotor).
  • Design the user interface and user experience
  • Create prototype
  • Apply visual design (graphic design)

Development Phase
The development phase is where instructional designers and developers create and assemble the content assets that were blueprinted in the design phase. In this phase, storyboards and graphics are designed. If elearning is involved, programmers develop and/or integrate technologies. Testers perform debugging procedures. The project is reviewed and revised according to the feedback received.


Implementation Phase
During the implementation phase, a procedure for training the facilitators and the learners is developed. The facilitators' training should cover the course curriculum, learning outcomes, method of delivery, and testing procedures. Preparation of the learners includes training them on new tools (software or hardware) and student registration.
This is also the phase where the project manager ensures that the books, hands-on equipment, tools, CD-ROMs and software are in place, and that the learning application or website is functional.


Evaluation Phase
The evaluation phase consists of two parts: formative and summative. Formative evaluation is present in each stage of the ADDIE process. Summative evaluation consists of tests designed for domain specific criterion-related referenced items and providing opportunities for feedback from the users which were identified


************************************************************************************

Rapid prototyping

A sometimes utilized adaptation to the ADDIE model is in a practice known as rapid prototyping.
Proponents suggest that through an iterative process the verification of the design documents saves time and money by catching problems while they are still easy to fix.

This approach is not novel to the design of instruction, but appears in many design-related domains including software design, architecture, transportation planning, product development, message design, user experience design, etc. In fact, some proponents of design prototyping assert that a sophisticated understanding of a problem is incomplete without creating and evaluating some type of prototype, regardless of the analysis rigor that may have been applied up front.

In other words, up-front analysis is rarely sufficient to allow one to confidently select an instructional model. For this reason many traditional methods of instructional design are beginning to be seen as incomplete, naive, and even counter-productive.

However, some consider rapid prototyping to be a somewhat simplistic type of model. As this argument goes, at the heart of Instructional Design is the analysis phase. After you thoroughly conduct the analysis - you can then choose a model based on your findings. That is the area where most people get snagged they simply do not do a thorough-enough analysis.


*************************************************************************************

Dick and Carey


Another well-known instructional design model is The Dick and Carey Systems Approach Model.The model was originally published in 1978 by Walter Dick and Lou Carey in their book entitled The Systematic Design of Instruction.

Dick and Carey made a significant contribution to the instructional design field by championing a systems view of instruction as opposed to viewing instruction as a sum of isolated parts. The model addresses instruction as an entire system, focusing on the interrelationship between context, content, learning and instruction.

According to Dick and Carey, "Components such as the instructor, learners, materials, instructional activities, delivery system, and learning and performance environments interact with each other and work together to bring about the desired student learning outcomes”. The components of the Systems Approach Model, also known as the Dick and Carey Model, are as follows:

• Identify Instructional Goal(s)
• Conduct Instructional Analysis
• Analyze Learners and Contexts
• Write Performance Objectives
• Develop Assessment Instruments
• Develop Instructional Strategy
• Develop and Select Instructional Materials
• Design and Conduct Formative Evaluation of Instruction
• Revise Instruction
• Design and Conduct Summative Evaluation

With this model, components are executed iteratively and in parallel rather than linearly.


*************************************************************************************

Instructional Development Learning System (IDLS)

Another instructional design model is the Instructional Development Learning System (IDLS). The model was originally published in 1970 by Peter J. Esseff, PhD and Mary Sullivan Esseff, PhD in their book entitled IDLS—Pro Trainer 1: How to Design, Develop, and Validate Instructional Materials.

Peter (1968) & Mary (1972) Esseff both received their doctorates in Educational Technology from the Catholic University of America under the mentorship of Dr. Gabriel Ofiesh, a Founding Father of the Military Model mentioned above. Esseff and Esseff contributed synthesized existing theories to develop their approach to systematic design, "Instructional Development Learning System" (IDLS).

The components of the IDLS Model are:
• Design a Task Analysis
• Develop Criterion Tests and Performance Measures
• Develop Interactive Instructional Materials
• Validate the Interactive Instructional Materials


~end of part - ISD

Instructional Design / Instructional System Design


Instructional Design (also called Instructional Systems Design (ISD) is the practice of maximizing the effectiveness, efficiency and appeal of instruction and other learning experiences. The process consists broadly of determining the current state and needs of the learner, defining the end goal of instruction, and creating some "intervention" to assist in the transition.

There are many instructional design models but many are based on the :-
1. ADDIE model
with the phases analysis, design, development, implementation, and evaluation.
2. Dick & Carey

3. prototyping
4. Kemp ISD models
.

Step in Construction a Website



"Break the Rule"













1. Analyzing Leaners’ Background
2. Collecting The Contents
3. Validating the content – check for spelling, grammar errors.
4. Designing the website theme
5. Designing Web Typography
6. Designing the Learning/ Presentation Strategy
7. Designing The Interface & Navigation
8. Developing Graphic and Animation files
9. Developing Audio and Video Files
10. Website Development Process
11. Developing an interactive page such as guest book, forum etc
12. Testing the website
13. Evaluating the website
14. Publishing the website through server
15. Maintaining the website.




*** p/s: We know the Rule.. so... JOM "BREAK the RULE".....
(Setiap developer ada cara tersendiri... )

1st PRESENTATION (Critic website)


Today, I think my 1st presentation just a small presentation about website.
Website that I choose is about educational website.

URL : http://www.bestedsites.com
Homepage:


Critic website from my friends and i

Advantages/strongest

Disadvantages/weaknesses

Have many choice link

Too much jumping/animation (graphic image)

Full of information (link)

Not user friendly

Suitable for kindergarten

Crowded


Just only link that provide




Comment/ komen:
Dalam pemilihan untuk membina 1 laman sesawang (website), kita perlu menitikberatkan tentang tujuan dan objektif sebenar website tersebut.
Paling penting dalam pembinaan laman web ialah
1. Kepada siapa ?- kanak2? Remaja?Org dewasa? Orang tua?
2. Mesej yang ingin di sampaikan- tentang apa?
3. Apa kelebihan?? / kebaikan? Dll….



The most important is -

"JANGAN SYOK SENDIRI OK!!!!"


p/s: any comment??Any suggestion?? Jangan malu & segan.. komen aje..

Introduction to WEB-BASED MULTIMEDIA DEVELOPMENT (MPT 1393)


COURSE/CODE : WEB‐BASED MULTIMEDIA DEVELOPMENT (MPT 1393)
SESSION : 2010/2011‐2
PROGRAMME : MPP (EDUCATIONAL TECHNOLOGY)

INSTRUCTORS :
Name : ASSOC. PROF. DR. JAMALLUDIN HJ. HARUN
Office : C15‐315, Faculty of Education, UTM or
Level 1, Centre for Teaching & Learning (CTL)
Bangunan Pusat Pengajian Siswazah (F54 Building),
Phone : 07‐5537880 | 019‐7559408 (HP)
E‐mail : jharun@utm.my | jharun2005@yahoo.com
(p/s:Dr J.. its ok if i paste ur information here? if not, just tell me n i will remove it)

COURSE SYNOPSIS:

In this course, students will be exposed with some state‐of‐the‐art communication technology tools, which is Internet and how it can be used efficiently in teaching and learning. Students will have their chance to develop an interactive teaching and learning webpage or portal using programming skills that have been learned in MPT 1193 (Authoring System). Students also will have an opportunity to evaluate the effectiveness of the webpage; that has been developed; using several testing and evaluation techniques that will be introduced in this course. LEARNING OUTCOMES:
At the end of this course, students should be able to : • Identify concepts of developing educational webpage for the use of teaching and learning. • Apply instructional design models for developing a webpage. • Learn technologies that relate with a webpage. • Develop an educational webpage or portal that has teaching and learning elements. • Conduct an evaluation process of the webpage or portal that has been developed. • Plan, upload and maintain the webpage in a computer server.

*************************************************************************************

Ok.. Finish part for copy paste from Course Outline ...



After Look at the ASSESSMENT that given, i hope that i can make it .. n can get A+ for this subjek.... And also i can learn from Dr.J n my fellow friends.....

*** Dear my friends, Sharing is Caring right?? so.. lets sharing starting tOday.. hehehee...
ENjoy & Have Fun !!!!...


ImageURL