Week 15 (Final Exam)

To Dr Jamal : 

A billion thanks to you dr because teach me this subject. I had learn a lots of thing form you dr in this subject. I'm very enjoy during your class session. Hope will see u soon dr..sob2...sedih la plak..sob3..Segala jasa-jasa dr akan dikenang...insyaallah...Terimalah pantun ni, dari saya..khas buat buat Dr Jamal... ehem..ehem..eheeemmmmm....
 
 
Pohon selasih di dalam kolam,
Anak haruan berenang-renang,
Terima kasih saya ucapkan,
Budi Dr jamal menjadi kenangan.
 
 
Terbang selisih siburung kedidi,
Terbang berduyun di waktu pagi,
Terima kasih daun keladi,
di lain tahun berjumpa lagi.
 
 
Dua tiga kucing berlari.
Mana nak sama si kucing belang,
Dua tiga boleh kucari, 
Mana nak sama Dr Jamal seorang.
 


Terima kasih dr..terima kasih sbb ajar saya...:)


P/s to Dr Jamal : Dr..saya nak A...hik3..tp kalo dr nk bg A+ pun xpe..blh gak tuh 
                             dr...hik3..





Subject: Web Based and Multimedia Development

Date : 9 May 2011

Venue : C14-412

Time : 3-6pm

 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 14 ( Study Week)

 
Study...study...study...study...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 13 ( Project Presentation )

:: INFORMATION OF WEBSITE PROJECT::

Subject : Web Based Multimedia Development (MPT 1393)
Title of Project :
Taking Great Pictures
Course :
Master in Education (Educational Technology)
Group Member: -The Touch-
Noor Hidayah Che Lah MP101013
Siti Khadijah Mohamad MP101176
Syifak Izhar Hisham MP092218


PROJECT SUMMARY
 
This website was develop based on the criteria belows :

Objectives :
Our main website objective would be to help students who are the beginner photographer by delivering and sharing tips and rules to get best pictures.We would like to create a website which:
            a. Supports active learning.
            b. can be cognitively challenging by introducing the learner to new ideas, concepts 
                or  skills.
 
Subtopics :
This website contains of four main subtopics :
1.General Tips for Shooting Techniques 2.People and Animal Shooting Techniques Tips
3.Landscape and Nature Shooting Techniques
4.Sport and Action Shooting Techniques

Target User :
Our target group for this project is secondary schools students who are beginners in photography.

Learning and Teaching Strategy :
We are using task based learning in this website. We provide the user with a lots of notes,information, examples and we are going to help their understanding with encourage them to contribute with the all of interesting activities, quizes and questions.


EXAMPLES OF PRINT SCREEN



This is our homepage.






This note very attractive because using the flash and give user to control it.


 

SELF REVIEW









We already try our best and  give  a  very good effort to finish this project. I hope we will get the good marks for it.
 
 
Polling session


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 12 ( Web Testing & Evaluation)

Testing and Evaluating our own site can help us to spot problems and make appropriate changes.Other than that, It helps to have somebody else evaluate and test the site for us, but we can probably gain some benefit even if we go through the procedure our self.


  • Conducting a thorough web site inspection, utilizes self-testing and group testing.
  • Sometimes, also known as Alpha/Beta testing, Peer testing, Focus group testing.


The first phase of testing is the self-test 

to ensure the functionality of the following features and elements:
  • Page display
  • Image display
  •  Navigation elements
  •  Interactive & dynamic elements
  •  Internal links
  •  External links
  • After conducting the self-testing, correct any identified problems.

2nd phase: 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.
  • If possible; be present when they test, but do not instruct or explain.
  • Observe their experience as they explore your website.
  • What kind of problems and obstacles do they face

  • What could improve the website  

  • What should be added or deleted

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


Types of Testing


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

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.

Several kinds of testing are appropriate for websites, including the following:

�� functionality
Functionality testing refers to the testing of programmatic features and is most appropriate
for sites of higher complexity that contain features such as database access, dynamic page generation, and Java applets, namely features that require actual programming (rather than
HTML page building).


�� layout testing
Layout testing refers to the ability of the website page layout to accommodate various user
browser and hardware display configurations


�� load testing
Testing such capabilities is called load testing.Load testing simulates the anticipated stress of the actual site usage to see if the system has any weak links.


�� link testing
The testing of links from your site to other Web pages is called link testing.


�� usability testing
 Usability is a quality attribute that assesses how easy user interfaces are to use.The word "usability" also refers to methods for improving ease-of-use during the design process.


Level of Evaluation

 
��Formative Evaluation
  •  Identification of lesson features that need modification
  •  Ongoing process
  •  Lesson improvement is the goal

��Summative Evaluation 
  • Signature authority
  • Not used for modification
  • Usually at the end of project phase
  • Used for purchase or adoption decisions


Web Evaluation Tools
  • Observation, interviews (Structured/Non Structured)
  • Surveys/Questionnaires Focus Groups Analysis
  • Questionnaires, Groups, Analysis,
  • Reports, and Dialogue with Users
  • Form, Checklist or Rubric

SELF REVIEW









Web testing is very important because to identify and fix any problems before publishing to avoid any embarrassment or credibility loss with our potential user. Without the testing, we run the risk of appearing unprofessional, and we may even alienate potential users if problem are not discovered until the sites is live on the web. There are two phases of testing. First phase testing is the self-test which is the developer to ensure the functionality of some features and elements in the website. The second phase of testing is group testing which is representing our audience to test our website. There are also two types of testing which are alpa testing and beta testing.


Evaluate is also important for our website. there are two types levels of web evaluation which are formative and summative evaluation. Formative evolution means that, the developer of the website is evaluate the website. While the summative evaluation is the other person which is the user evaluate the website or the audience of the website by themselves.



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 11 ( Prototype of Presentation )

In this week we are going to present our website which is finished 40%. This is including some of the interaction and navigation part.





















































All this are the some of the examples of prototype that we are presented during this week.


SELF REVIEW




In this week, we only present prototype of our website. But only the 40% of the our website. There are many thing need to be organize and link for the website. There are also some parts need to be develop for our website. However, I am really happy when Dr. Jamal love our website template or layout design. So that, we do not need to change it and just proceed to finish the rest part of the website.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 9 & Week 10

In these two week, We spend most of our time to develop our website. We separate the task and every team member do their work with very well. We try our best to finish our website because we are going to present it as 40% of finished project.


SELF REVIEW

Team working and team spirit is  very important when working on developing a website. In developing our project, my group member works very well and we support each others. Each individual is working hard to finish this project. The cooperation and collaboration from my team mates make me fell very motivated in doing this project. I am really appreciated both of them.

 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 8 ( Visual Design)

Visual Design is about  planning how our web site will look. We design the interface of our website.

There are several things need to be considered when visualizing our Web Site which are :
  • What colors will look good together on our site?
  • What fonts or styles you will use for the written part of your web pages?

  • What graphics and multimedia effects are needed?
  • How will all of these elements be combined or arrange into an attractive layout?

Elements of User Interface

  • A background that reflects the theme.
  • Colours or Images
  • Foreground elements that reflect the theme.
  • Content and Links (title, headings, sub headings,body text, illustrations, captions)
  • Other elements that support the theme.
  • Text, images, buttons, navigation bars, animation,video, etc.
  • Typography
  •  Keep it simple


General Issues in visual design :

• Limit number of fonts per page and per site
• Use the same fonts consistently throughout the site

Make good font choices :

• Sans serif vs. serif ?
• Commonly installed fonts
• Mood
• Readability



General application user interface guidelines: 


  • Always use cute icons, buttons, and graphics. Everyone loves big red hearts, pink bunnies, and yellow smily faces.

    • Don't be afraid to experiment with colors!

      • Your application should play fun sounds while operating to keep the users entertained.

        • Never, ever, under any circumstance use the OS-native graphical controls or widgets. Users get bored of the same old buttons, text boxes, and stuff.

          • When possible, disable window management and use unusual, oddly placed graphics for the windowing functions such as the window close option.

            • When writing your own controls or widgets, make absolutely sure they look and feel nothing like the OS-native widgets or anything else the user might expect. Otherwise you might accidentally make the user think that your application is actually designed for their OS.

              • Use your own creative ideas on how a "save as" dialog should look and work. Built in ones are always too limiting.

                • It is important that the user should never be able to tell the difference between a checked and unchecked check box or option box.

                  • Always use obscure or poorly drawn graphics for your tool bar buttons, and never put text on them.

                    • Avoid including a preferences or options dialog. Instead, let the user use the standard OS provided text editor or an editor of their choosing to edit text configuration files. .

                      • Users need time to think about what they are doing and get coffee. Your application should always take at least 5 minutes to load even on the fastest available computer.

                        • Make sure an accidental double-click on a single-click item does something really nasty or unexpected.

                          • Tool tips are the perfect way to display critical information.

                            • To get the most screen space, force your application to always run maximized.

                              • Always make the default positions of floating properties windows cover something important.

                                • Use the most exotic fonts you can find.

                                  • Your application's user interface should be flexible and customizable to the point where if the user accidentally sneezes on the mouse or keyboard they will have to spend the next half an hour setting things back.

                                    • Let a 5-year old draw your graphics, including your corporate logo.

                                      • File browsing dialogs are not needed, users can easily remember and type in long file paths.

                                        • Design your application so it requires the user to set their tiny monitor to 10512 X 7430.

                                          • Always crash at a critical step and then display a fake apology to the user.

                                            • It is a mistake to make use of application hooks in the native desktop environment such as new file templates, file associations, or program menu icons.

                                              • The exception to the above is placing icons in the system tray. Place as many icons as you can in the system tray and make sure that the user can not remove them.

                                                • If your program implements keyboard shortcuts be original and make them completely different from any other applications.

                                                  • Rent extra UI space in your application out for advertising. Advertising benefits the users and your wallet.

                                                    • Never underestimate the power of nudity.

                                                      • Don't forget to embed a hidden video game as an "easter egg".

                                                      SELF REVIEW








                                                       
                                                      Visual design is about our website interface. How the templates and layout of the website look like. In this phase, we are going to planning on how our website is will look. This including the combination color that we used for our website, the font style for written part of pages, graphic and multimedia effects are needed, and how will all the elements be combined or arrange into an attractive layout. All those thing are very important for the visual design. Other than that, to make sure our website is very good in interface, there are some guidelines that we need to follow in order to produce a good website.

                                                        • Digg
                                                        • Del.icio.us
                                                        • StumbleUpon
                                                        • Reddit
                                                        • RSS