# data[].attributes.headline
This is a lesson about The Development of Multimedia Elements - lesson 4

# data[].attributes.subject
This is a lesson about The Development of Multimedia Elements - lesson 4

# data[].attributes.body
Prerequisite:
You have participated in previous lessons by other teachers:
link lesson 1 - Introduction to multimedia application by Mr. Luqman Elias.
link lesson 2 - Multimedia application development by Ms. Eka Shaffieka Rosli.
link lesson 3 - Types or multimedia application by Mr. Shahidan Mohamed.

# data[].attributes.body
Name : Muhammad Hafizuddin Bin A. Rahim
Education: B.E Information Technology with Honors.

Contact: hafizuddinrahim94@gmail.com

# data[].attributes.body
Here is a brief explanation about Multimedia and Multimedia Elements

# data[].attributes.body
There are 5 Elements of Multimedia:

Text
Graphic
Animation
Video
Audio

# data[].attributes.body
This video explains about Multimedia Development.

# data[].attributes.attachment_link.description
Uploaded by Sfwana Sazali on 2016-06-06.

# data[].attributes.body
Video provides a powerful impact in a multimedia program. It starts with continuous event and breaks it up to frames, whereas an animation starts with frames.

Video formats are made up of container and codec(s). The container describes the structure of the file like where the various pieces are stored, how they are interleaved, and which codecs are used by which pieces. A codec is a way of compressing the file to decrease file size, while maintaining quality.

Some of the most common video file formats are

1. Audio-Video Interleave (.avi)

2. Flash Video Format (.flv)

3. Moving Picture Experts Group 2 (.mp2)

4.  Moving Picture Experts Group 4 (.mp4)

5. QuickTime (.mov)

6. Windows Media Video (.wmv).

In multimedia applications, the digital video is gaining popularity because the video clips can be edited easily, it can be stored like any other files in the computer and the quality of the video can still be maintained, and the video can be transferred within a computer network which allows non-linear editing in any part of the video.

Just like in audio, in streaming video the traveling information is a stream of data from a server. In 2006, people watched more than a million streaming videos a day on YouTube.

Please participate in the test to evaluate your comprehension of the topic here:

https://play.kahoot.it/#/k/b695288d-84d5-4ba5-b061-c24826352881

# data[].attributes.attachment_link.title
Tom and Jerry, 45 Episode - Jerry's Diary (1949)

# data[].attributes.attachment_link.description
The short three-minute fragment from series is a 1949 one-reel animated cartoon and is the 45th Tom and Jerry short released by Metro-Goldwyn-Mayer, directed by William Hanna and Joseph Barbera, produced by Fred Quimby, scored by Scott Bradley, and animated by Kenneth Muse and Ed Barge.

# data[].attributes.body
What is a text?
-Text is a word or symbols in any form that are the common means of communication
- Text is a vital elements in multimedia menus, navigation, systems and content

The importance of text

- To explain how the application works
- To guide user in navigation
- Mainly to deliver information to users.

Category of text

- Alphabet (A - Z)
- Numbers (0 - 9)
- Punctuation (,"!@#'$%^&*())

Factors affecting legibility of text

- Size
- Background
- Leading

Serif Vs Sans Serif

- Serif is the little decoration at the end of letter stroke; Serif font are use for body stroke.

- Sans Serif Fonts do not have a Serif at the end of letter stroke. These fonts are use for headlines and bold statements.

HTML documents

-Html documents stands for Hyper Text Markup Language. It is the standard document format used in Web Pages. HTML documents are marked using tags (eg: <body> Content </body>)

Symbol and Icons

-They are used to convey meaningful messages.
- Symbol that are used to convey emotions are called Emoticons.

Hypertext system

- Hypertext is defined as the organized cross - linking of words, images, and others web elements.
- A hypertext system enables the user to navigate through text in a non - linear way.  Example  www.padlet.com
- Information management and hypertext programs present electronic text, images, and other elements in a database fashion.

SUMMARY

Text is one of the most important elements of multimedia. The standard document format used for Web pages is called HTML. A hypertext system enables the user to navigate through text in a non - linear way.

Please participate in the test to evaluate your comprehension of the topic here:
https://play.kahoot.it/#/k/e0e1f5b6-def1-4fe1-bf95-de9789f23712

# data[].attributes.attachment_link.authors[].name
Muhammad Nur Faizuddin Bin Mohd Fuad C16B0160

# data[].attributes.attachment_link.description
Kumpulan Pembentangan Text Muhammad Nur Faizuddin Bin Mohd Fuad - C16B0160 Muhammad Abdullah Farhan Bin Abdullah - C16B0114 Syahid Iqram Bin Zainal - C16A0397 Wan Fariz Izzat Bin Wan Salimi - C16A0414 Zulhelmey Bin Zuhaira - C16A0435

# data[].attributes.body
What is Graphic?
Graphic is a combination of images, signs, symbols, letters, numbers, words, drawings, scratch making it into a media to deliver a concept and idea from the sender to the market in a way to deliver information.

Types of graphic
- Vector
- Raster
| RASTER FORMATS | VECTOR FORMATS
| o    JPEG/JFIF | o    CGM
| o    JPEG 2000 | o    Gerber format (RS-274X)
| o    Exif | o    SVG
| o    TIFF | o    Other 2D vector formats
| o    GIF | o    3D vector formats
| o    6BMP |
| o    PNG |
| o    PPM, PGM, PBM, and PNM |
| o    WebP |
| o    HDR raster formats |
| o    HEIF |
| o    BAT |
| o    BPG |
| o    Other raster formats |
| o    Container formats of raster graphics editors |

Graphic Software

1. - Adobe illustrator - To edit design or vector image.

2. - Adobe Photoshop - To edit image or picture.

3. - Web Autodesk - To create 3D interactive application

4. - Adobe Flash - To create vector image and image animation

Please participate in the test to evaluate your comprehension of the topic here:
https://play.kahoot.it/#/k/04691c1a-27ee-47b9-ac60-292de2a4741e

# data[].attributes.body
What is audio?
Audio is the sound system that comes with or can be added to a computer.

Audio card
Audio card contains a special built-in processor and memory for processing audio files and sending them to speakers in the computer.

Differences between audio and sound
Audio is a more technical term, referring to sound coming from a recording, transmission, or electronic device while Sound is a more generic word and can be cause by any source.

Importance of Audio
It can convey meaning, providing an extra channel of information.

Summary
Hardware and software support for audio has improved greatly in the last few years on most platforms, allowing audio to be used much more widely. Delivery of Audio over networks has benefited from the development of streaming technologies, allowing existing audio files to be delivered in Real Time to many users, even those using slow connections such as modems.

Please participate in the test to evaluate your comprehension of the topic here:

https://play.kahoot.it/#/k/947f2200-23e2-4554-9e1c-e774100e55c9

# data[].attributes.body
A simulation of movement created by displaying a series of pictures, or frames. Cartoons on television is one example of animation. Animation on computers is one of the chief ingredients of multimediapresentations. There are many software applications that enable you to create animations that you can display on a computer monitor.

Note the difference between animation and video. Whereas video takes continuous motion and breaks it up into discrete frames, animation starts with independent pictures and puts them together to form the illusion of continuous motion.

Please participate in the test to evaluate your comprehension of the topic here:
https://play.kahoot.it/#/k/4dff525a-665e-494d-9cbc-b0da9bdbf943

# data[].attributes.body
Text

In information technology, text is a human-readable sequence of character(s) and the words they form that can be encoded into computer-readable formats such as ASCII . Text is usually distinguished from non-character encoded data, such as graphic images in the form of bitmap(s) and program code, which is sometimes referred to as being in "binary"(10110101) (but is actually in its own computer-readable format).

Hypertext

While there is text, there is also hypertext which is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the reader can immediately access, or where text can be revealed progressively at multiple levels of detail (also called StretchText). Hypertext documents are interconnected by hyperlinks, which are typically activated by a mouse click, keypress sequence or by touching the screen. Apart from text, the term "hypertext" is also sometimes used to describe tables, images, and other presentational content forms with integrated hyperlinks.

Example of hypertext : Watch this video!

How to create hypertext?

In this page, highlight a text.
and press the link button and put a website.

# data[].attributes.body
Graphic

Steven Heller and Seymour Chwast (2011), states that graphics are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone to inform, illustrate, or entertain.

In contemporary usage it includes: a pictorial representation of data, as in computer-aided design and manufacture, in typesetting and the graphic arts, and in educational and recreational software. Images that are generated by a computer are called computer graphics.

Types of Graphic & Images

There are two types of computer graphics: raster graphics, where each pixel is separately defined (as in a digital photograph), and vector graphics, where mathematical formulas are used to draw lines and shapes, which are then interpreted at the viewer's end to produce the graphic. Using vectors results in infinitely sharp graphics and often smaller files, but, when complex,like vectors take time to render and may have larger file sizes than a raster equivalent.

Colors & Image File Format

Color File Format

Several popular color formats are used for image and video processing.

·         RGB Color Format

·         CMY(K) Color Format

·         HSL Color Format

·         YUV Color Format

·         YCbCr Color Format

·         YPbPr Color Format

Image File Format

| RASTER FORMATS | VECTOR FORMATS
| o    JPEG/JFIF | o    CGM
| o    JPEG 2000 | o    Gerber format (RS-274X)
| o    Exif | o    SVG
| o    TIFF | o    Other 2D vector formats
| o    GIF | o    3D vector formats
| o    6BMP |
| o    PNG |
| o    PPM, PGM, PBM, and PNM |
| o    WebP |
| o    HDR raster formats |
| o    HEIF |
| o    BAT |
| o    BPG |
| o    Other raster formats |
| o    Container formats of raster graphics editors |

Creating a graphic logo

# data[].attributes.attachment_link.keywords[]
how to make logo in photoshop for beginners

# data[].attributes.attachment_link.title
How to Make Logo in Photoshop - Photoshop Tutorial for Beginners - Basic Idea

# data[].attributes.attachment_link.description
Hey, so you are going to make your own YouTube Channel, or facebook page, or even a Brand, you need to design a logo for it that will become your identity. Sometimes you cannot hire a Professional designer to create a Logo for you because it gonna cost you a lot.