Assignment 3
Due Date: 26/5/2015 (Lecture Time)
Objectives:
After completing this assignment you will:
- Understand the basics of how text is represented.
- Understand the basics of how text is presented.
Assignment Format
1) Read and learn about the topics listed below. You are not expected to have deep knowledge in each topic. A general understanding is enough.
2) You will be assigned into a group. It is preferred that you study with your group and discuss the given topics with your group members.
3) On Tuesday 26/5/2015, you will sit for a quiz. At the beginning, you will solve the quiz alone. Next, you will be given again the same quiz and you will be asked to solve it with your group. The whole group will submit only one solution for the quiz. Your final grade will be the average between your grade in the individual quiz and the group quiz.
1) Read and learn about the topics listed below. You are not expected to have deep knowledge in each topic. A general understanding is enough.
2) You will be assigned into a group. It is preferred that you study with your group and discuss the given topics with your group members.
3) On Tuesday 26/5/2015, you will sit for a quiz. At the beginning, you will solve the quiz alone. Next, you will be given again the same quiz and you will be asked to solve it with your group. The whole group will submit only one solution for the quiz. Your final grade will be the average between your grade in the individual quiz and the group quiz.
One of the aims of this assignment is enhance your self learning skills.
Required Topics:
- Representation of Text:
- ASCII:
- How many different characters can we represent using ASCII?
- What is the size (in bits) of an ASCII character?
- Can we represent Arabic characters in ASCII?
- UniCode:
- How many different characters can we represent using unicode?
- What is the size (in bits) of a Unicode character?
- Can we represent Arabic characters in UniCode?
- UTF-8:
- How many different characters can we represent using UTF-8?
- What is the size (in bits) of a UTF-8 character?
- Can we represent Arabic characters in UTF-8?
- The RTF File Format.
- Presentation of Text:
- Fonts Vs Type Faces.
- Serif Vs Sans Serif Fonts
- Bitmapped Fonts Vs Vector Fonts:
- Know very general info about True Type Fonts and PostScript fonts Vs Bitmapped fonts.
- Understand what the following means: Kerning, AntiAliasing, Monospaced Fonts.
Assignment 2
Due Date: 11/4/2015 By Midnight
Objectives:
After completing this assignment you will:
- Be able to write programs that manipulate images.
- Have a stronger understanding of the following concepts: sprites animations, video transitions, dithering and color quantization.
Team Formation
This assignment can be done in teams of 2-3 students each. You can also choose to work individually if you wish.
This assignment can be done in teams of 2-3 students each. You can also choose to work individually if you wish.
Q1: Color Quantization
Write a program that converts any colored image (in ppm format) into a 6-bits colored image.
Q2: Ordered Dithering
Write a program that uses ordered dithering to transform grayscale images (in pgm format) from 256 colors to only black and white. You can use a 2x2 or a 3x3 dithering matrix.
Q3: Video Transitions
Write a program that simulates a "Blinds" transition as shown below.
[This sequence of images has been produced for t=0, t=10, t=20, t=30, t=40 and t=50, where Tmax = 50].
Q4: Sprites
Use the "sprites" technique to bring pacman to AlSalt!
You can use the following images: pacman-mask.ppm, pacman-sprite.ppm, salt1.ppm.
Test Images:
To test your programs, you can use any PPM/PGM image that you like. You can also use the test images provided on the Facebook group.
How to Deliver the Assignment:
- You have to submit the .cpp files and sample input/output images of your programs.
- Compress your work into one file and name it as "FirstName1_FirstName2.zip".
- A submission link will be provided here before the deadline inshaAllah.
- The maximum upload size is 10 MBs per student.
Grading Scheme:
- All questions have the same weight.
- Late submissions will loose 10% for each late day.
Integrity Policy:
Although we trust our students, plagiarism can possibly occur (intentionally or unintentionally). Therefore, it is important to note the following:
- It is your responsibility to protect your work from being copied by others. Make sure that no one has access to the code that you write.
- Any identical or very similar programs will be penalized with a zero for the whole assignment.
- Copying code from the internet will also be penalized with a zero.
Enjoy!!
Due Date: 14/3/2015 by Midnight.
Objectives:
- Explore more about some of the current multimedia projects and research topics.
- Have a hands-on experience with Multimedia authoring using markup languages.
- Practice creating simple HTML pages and simple SVG images.
Question 1:
Create an HTML page about a multimedia application or research topic. Proceed as follows:
- Choose one of the following multimedia topics/applications:
- Digital Watermarking, MMS (Multimedia Messaging Service), Medical Imaging, Tele-Surgery, Speech Recognition, Motion Capture, Morphing, Vocaloid, Reactable, Leap Motion, CAVE Automatic Virtual Environment, Augmented Reality.
- You can choose any other topic, provided that you discuss it with me ahead of time.
- Create an HTML page that describes the topic you have chosen.
- The page should have at least 200 words describing the topic.
- The page should contain at least 2 images about the topic.
- The page should use only standard HTML tags and should not be designed with an HTML editor.
- The page should have at least one link.
- The page should have at least 3 tags that were not covered in class.
[Covered tags: title, body, center, b, img, a]
- The following are a few references about HTML:
Question 2:
Create an SVG image as follows:
Create an SVG image as follows:
- The image should be centered at the top of the HTML page created in the previous question.
- The image should have at least three different animations (either on the same object or on different objects). For example, the three animations can be: a change in color, a change in motion from left to right and a change in size.
- Be creative! The image can be anything you like!
- You need to use at least 1 tag and 1 attribute that was not covered in class.
[Covered tags: circle, rect, animation]
[Covered attributes: (cx, cy, r), (width, height, x, y), (fill, stroke, stroke-width), (attributename, from, to, dur)]
- The following are a few resources about SVG:
How to Deliver the Assignment:
- Before the deadline, send your work as an email to ialbluwi.hws@gmail.com.The subject should be exactly as follows: MM-HW-YourID.
- Make sure to name your HTML page as follows: firstName_lastName.html.
- If you will upload a folder that contains images along with the HTML page, then please zip it and name it in the same way.
Grading Scheme:
- Question 1 (50%):
- Text written about the chosen topic/application (20%).
- HTML (30%).
- Question 2 (50%):
- Placement of the SVG image in the HTML document as described (4%).
- Each animation is worth (10%).
- New tags and attributes (6%)
- Creativity (10%).
- Submissions that are not named properly loose 5%.
- Late submissions loose 20% for each late day.
Integrity Policy:
Although we trust our students, plagiarism can possibly occur (intentionally or unintentionally). Therefore, it is important to note the following:
- In the HTML page, you should use your own words to describe the multimedia project.
- You can copy/paste definitions and other information from the internet, provided that:
- You clearly mention where the text has been taken from. for example, instead of saying "wikipedia" at the end of the document, give exactly a link to the wikipedia article.
- The overall amount of quoted text should not exceed 30% of the written text.
- Any two identical or very similar submissions will receive a zero.
No comments:
Post a Comment