Download Multimedia System Labsheet 3 answres

Sri Lanka Institute of Information Technology
B.Sc. (Hons) Degree in IT specialization in Interactive Multimedia
2016 Batch
ASSIGNMENT 2
IT 141117138
R.Abhiyugaa
Exercise 1
Task 1
a) Select five different web pages, each from a different web site. Select pages
that contain lots of colors and images, both photographs and graphics. View the
five different pages on both a Macintosh and PC screen, preferably side by side,
as well as on more than one computer on the same platform (for example, one
Mac, two Windows computers). Note the differences in how each page appears
across platforms and across screens. For each page, write a paragraph
describing how they differ in terms of color tone, saturation, and any other
characteristics that you notice.
Webpage 1:- http://www.mikiyakobayashi.com/
Color Tone
For this webpage mac pc’s color tone is white color.
When we see this webpage in Mac pc its quality is higher than other 2
windows pcs
Saturation
In mac pc’s saturation is soft and bright.
In mac pc this web page colors are easy to watch than other 2 windows pc
Mac pc’s screen is very high quality than other pc’s screen
Image Quality
In mac pc this web page image quality is higher than other 2 windows pc’s
image quality
In mac pc image is lighter and windows pc image is darker.
Webpage 2:- http://www.world-of-swiss.com/en
Color Tone
For this webpage mac pc’s color tone is silver color.
When we see this webpage in Mac pc its quality is higher than other 2
windows pcs
Saturation
In mac pc’s saturation is soft and bright.
In mac pc this web page colors are easy to watch than other 2 windows pc
Mac pc’s screen is very high quality than other pc’s screen
In mac pc this web page videos are very clear and high quality videos than
other pcs
Image Quality
In mac pc this web page image quality is higher than other 2 windows pc’s
image quality
In mac pc image is lighter and windows pc image is darker.
Webpage 3:- http://www.johos.at/#/en/0/0
Color Tone
For this webpage mac pc’s color tone is very attractive.
In MAC PC this web page color tone is mostly green colors and this web page
has so much of different colors.
When we see this webpage in Mac pc its quality is higher than other 2
windows pcs
Saturation
In mac pc’s saturation is soft and bright.
In mac pc this web page colors are easy to watch than other 2 windows pc
Mac pc’s screen is very high quality than other pc’s screen
Video Quality
In mac pc this web page videos are very attractive and high quality videos
than other windows pcs
Webpage 4:- https://www.virginamerica.com/
Color Tone
For this webpage mac pc’s color tone is very quality.
When we see this webpage in Mac pc its quality is higher than other 2
windows pcs
Saturation
In mac pc’s saturation is soft and bright.
In mac pc this web page colors are easy to watch than other 2 windows pc
Mac pc’s screen is very high quality than other pc’s screen
Video Quality
In mac pc this web page images are very attractive and high quality images
than other windows pcs
In mac pc image is lighter and windows pc image is darker.
Webpage 5:- http://www.feedmusic.com/
Color Tone
For this webpage mac pc’s color tone is more attractive.
When we see this webpage in Mac pc its quality is higher than other 2
windows pcs
Saturation
In mac pc’s saturation is soft and bright.
In mac pc this web page colors are easy to watch than other 2 windows pc
Mac pc’s screen is very high quality than other pc’s screen
Video Quality
In mac pc this web page images and videos are very attractive and high
quality images and videos than other windows pcs
In mac pc image is lighter and windows pc image is darker.
Task 2
a) Using the capture tool built into the operating system or another dedicated
tool, capture and save five different screens. Use the tools to save the entire
screen, areas of the screen, the front most window, an image with a menu
pulled down, and an image with the cursor (some capture programs may not be
able to capture all these different types of images). Save the files and submit
with your answer.
Task 3
a) Download three different images from a web site. One should be
photographic, one should be a graphic (solid colors or gradients), and one
should be a mix.
a. Convert the images to 256 colors. Use the tools available to use different
dithering patterns and palettes. Print out the files before and after reducing to
256 colors. Write the file sizes on each one. Use an image-editing program to
compare the effects of applying different palettes and compression methods to
the original images. Include sample images with your answer.
Image 1
File Size:-
Original Image
After convert to 256 color format
Image 2
File Size:-
Original Image
After convert to 256 color format
Image 3
File Size:-
Original Image
After convert to 256 color format
Task 4
a) Visit different web sites. Describe the use of colors for each in subjective
terms. Is each site vibrant? Childish? Muted? Subtle? Why? What cultural or
other factors determined the color selection? Get a screenshot of a page from
each site, and write a paragraph describing the colors and images used in each
one.
http://yourshot.nationalgeographic.com/
This web site is vibrant. Most of the time this site use black and white colors and
they use flash player to show the photo slide show. They use very attractive
images in that slide show. For the menu bar they use white color font and other
contents they use white color font. This web site photographs are very quality.
https://www.apple.com/
This web site is Subtle. Mostly they use black and white colors and they use flash
player to show the photo slide show. They use very attractive and high quality
images in that slide show. For the menu bar they use white color font and other
contents they use white color font. This web site is very attractive web site.
Task 5
a) Open an image in an image-editing program capable of identifying colors.
Select three different pixels in the image. Sample the color and write down its
value in RGB, HSB, CMYK, and web (hexadecimal) color.
Point
1
RGB
R=6
G = 133
B = 204
HSB
H = 202
S = 97
B = 80
2
R = 255
G = 253
B = 254
H = 330
S=1
B = 100
3
R=0
G=0
B = 60
H = 240
S = 100
B = 24
CMYK
C = 81
M= 39
Y=0
K=0
C=0
M= 1
Y=0
K=0
C = 97
M= 92
Y = 36
K = 60
Hexadecimal
#0685cc
#fffdfe
#00003c
Task 6
a) Visit the following URLs (or any suitable site) and write a short essay on
the usage of “Standard Image Sizes”
Every web site had different size of images.
240 x 60 pixels was a very common small images and 460 pixels are used
for large images.
Very popular image sizes
Images Type
Very Large
Large
Medium
Medium-Small
Small
Thumbnail
Square Thumb
Sizes in Pixels
800 pixels
500 or 520 pixels
460 pixels
320 pixels
240 pixels
100 pixels
75 pixels
Example Image types and sizes
Types
Video image sizes
Photo image sizes
Thumbnail image sizes
Windows Live Writer Default Image
sizes
Common web image sizes
Size in Pixels
YouTube = 425 x 355
1024 x 768 , 800 x 600,460 x 308,
320 x 240 ,240 x 160 ,220 x 148
160 x 160 , 160 x 108 ,160 x 120,
120 x 80 ,100 x 100 ,75 x 75
Small 240 x 161 (128)
Medium 640 x 428 (480)
Large 1024 x 685 (768)
1024 x 768 , 800 x 600 , 460 x 309 ,
320 x 240 , 240 x 160 ,220 x 148 ,
160 x 108 ,160 x 120