• Home
  • Design
  • Photo
  • Home
  • Tutorial

Technical Paper#How Multimedia can Improve UMS Student Motivation of Learning#

WHICH METHOD THAT CAN IMPROVE YOUR MOTIVATION OF LEARNING?

Factor that improve students motivation learning during lecture

Science stream

Art Stream

Power Point Presentation

28

41

Text Book

8

6

Multimedia Flash Presentation

27

24

Others

3

3
















WHICH MULTIMEDIA TOOLS YOU FREQUENTLY USED FOR THE INCENTIVE LEARNING?

Multimedia tools that frequently used by students for the incentive learning

Science stream

Art Stream

Video

18

28

Tape/Recorder/Music

4

6

Power Point Presentation

30

38

Publishing material on the www

21

16

Multimedia Flash Presentation

13

16

Others

2

3













DO YOU THINK THAT MULTIMEDIA TECHNOLOGIES CAN BE USED TO HELP YOU PRACTICE THE INDEPENDENT LEARNING?

Yes, I think so!

From the questionnaire data analysis, there are 94% of UMS students agree that multimedia technologies can help them to practice the independent learning. From that category percentage, there are 46% come from science stream meanwhile 48% come from art stream.

Why they agree?

Based the opinions from both of science and art stream students; they are motivated to study themselves regarding the one particular topic by the means of multimedia technologies. Usually, they can gain more understanding of the particular subject(s) by interpreting the information using flash, realistic animation, etc.

According to them, the internet-based material provides the independent assessments such as visualisation of the complex concepts which can help them comprehend the new concept(s) accordingly. By that, the UMS students can learn the new topic of the subject independently. Most of the UMS students are very convenient with the independent learning since they are able to access the teaching and learning material at any time by the facility of wireless at UMS.

Next, the UMS students who study the programming subject like to use the flash animation to gain the concept of object-oriented programming, basic ideas of the objects and the relationships between objects. This is because the actions of objects have been demonstrated using flash movies. By the way, the analogies between real and basic concepts of object-oriented programming by the flash make students easier to understand.



SUMMARIZATION OF KEY POINT

The multimedia applications and the related education software are deemed significant in improving UMS student’s motivation of learning. First of all, the power point presentation has been chosen as presentation software package to deliver lectures since it implements relatively simple animation with notes dedicated to each slide.

Next, the animation using flash software used in the teaching process also one of the multimedia element to improve the UMS student’s motivation of learning. It can explain and visualise the most complex concepts compare to power point presentation. The advantage of flash animations is that the realistic sound and vivid images are provided that motivate the students to replay it very often. The next factor is the publishing material on the WWW included the lectures note. Those materials are accessible by students at any time. They can study the lecture note or any additional material independently.

In a nutshell, the multimedia tools can help students to get more understanding for the respective subject and more enthusiastic and interested in learning. However, lecturers were played an important role to improve the UMS students’ motivation of learning. The humorous and thinking of lecturers can increase the interest of students and make them more enthusiastic to study. The multimedia applications need to be applied appropriately to deliver the learning outcomes and the self-study.


Photo gallery......








Tutorial

The background image

We can implement the background image by searching for

body

{

and paste the following coding right after {

background-color:#4A4344;

background-image: url(http://i821.photobucket.com/albums/zz136/sinfei87/background.jpg);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

With this coding, u would have static background that wont move when u scroll down the page.

The header

To implement a header image, go to Layout->Page elements, then can upload the image to the header. The size of the header is better to be set at 660x150 pixels.

Also, the header image can be uploaded to the Photobucket and can copy the link of the image from the web.

Button

As from the previous ‘lecture’, we had created the button from the photoshop.

And paste the link the below coding right above .


  • http://sinfeiwee.blogspot.com'>'Home'http://i821.photobucket.com/albums/zz136/sinfei87/th_home.gif' width='100'/>

  • http://sinfeiwee.blogspot.com/2009/09/my-designs.html'>'Design'http://i821.photobucket.com/albums/zz136/sinfei87/th_design.gif' width='100'/>

  • http://picasaweb.google.com/RetaDeLarge/SunsetsFromPerthOntarioCanada#5092330521585883618'>'Photo''http://i821.photobucket.com/albums/zz136/sinfei87/th_photo.gif' width='100'/>


  • ://www.blogger.com/profile/13040057353826978815'>'Home'http://i821.photobucket.com/albums/zz136/sinfei87/th_profile.gif' width='130'/>

    U can change my blog address to yours and also the image address.


    U can get a copy of the template design at http://cid-f23c4637ca5fc182.skydrive.live.com/self.aspx/Blog%20Design/Template.pdf



    For The tutorial of how to produce a bookmark and how to draw a ketupat, u can refer to the tutorial at http://cid-f23c4637ca5fc182.skydrive.live.com/self.aspx/Blog%20Design/Photoshop%20Tutorial%20for%20Hari%20Raya%20Bookmark.pdf

    SoMetHing to ShaRe...

    Hi all, i would like to share something with u all in how to design button and header for blog. Also, there is a simple tutorial on web design. Hope u all can get something from the tutorial.

    Simple explanation of button, header creation and web design for blog

    Create Button

    1. First of all, we need to have Adobe Photoshop to create the button.

    2. Choosing a transparent background when want to draw the shape.

    3. Using the Ellipse tool, draw the shape that u like. By pressing Shift while drawing circle, u can get a round circle.


    4. Then we can fill in the color that we like to display in the button. To make the button have border, we can Select->All, then Edit->Stroke, then a window would pop out and we can set the width to 2px and the color we want it to be.

    5. After we done decorate the button, we have to save it.

    6. Choose

    7. Then choose the location u want to save your button and it is done.





    Create the header

    1. First of all, choose the pixel of the file to be around 660x150 pixels.

    2. We can apply the some gradient effect to the background.

    3. Choose the color that u want to display in ur background and then choose the gradient tool.






    4. To make the header prettier, we can apply border to the header and some beautiful brushes.



    This is what I done using the photoshop. I am sure u can do better than me.


    Create the web design

    1. Basically, it is the same steps that I used to create the web. I use many brush in my works and it does good effects to my works. To have a good web design, it is recommended that to use a darker background color so that it won’t hurt the web viewers’ eyes.

    2. Here is my web design.

    Even though it is simple, but I think it is easy to be viewed and does not too fancy.



    U also can get a pdf copy of it from my SkyDrive at
    http://cid-f23c4637ca5fc182.skydrive.live.com/self.aspx/Blog%20Design/web%20design.pdf.