代写CS1033 - Multimedia and Communications Assignment 3代做Python编程

COMPSCI 1033A 200 LEC FW25: MULTIMEDIA AND COMMUNICATION I

Major Assignment FALL 2025

Instructions

CS1033 - Multimedia and Communications

Major Assignment (Assignment 3)

Overview:

You are to create a website about something that interests you, but it must involve this term's theme of Scientific Discoveries/Events and have 5 pages. Your chosen topic should be based on real scientific discoveries or events, not fictional ones from movies or books. For example, if you are fascinated by the discovery of penicillin, your pages could be: Home, Discovery, Impact on Medicine, Alexander Fleming, and References. Alternatively, if you are interested in space exploration, you could create a website with pages like: Home, Moon Landing, Mars Rover Missions, Hubble Space Telescope, and References. If your family comes from China, it might be about discoveries from China, i.e. Home, Papermaking, Gunpowder, Compass and References. If your family comes from India, maybe it could be Home, The Number Zero, Cataract Surgery, Raman Effect and References. You could even do something about movies that describe scientific discoveries.  The choices are endless and up to you!     Each page should have at least 1 paragraph of text but you don't need much more than 1 paragraph.  If you got the text  on your page from another site, like Wikipedia, be sure to include that site on your references page (e.g. Text on Biography Page taken from wikipedia.org and make it link to Wikipedia). Also, if you had AI generate your paragraph(s), be sure to include that on your references page (e.g. Text on Home Page written by me but edited to make it read better by ChatGPT and have a link to ChatGPT).

Make sure that:

·  it is a NEW site that you built for this course this year (i.e. it can NOT be a site you designed a year ago).

·  all the pages fit well together (it makes sense how they relate).

·  there is a CLEAR THEME related to Scientific Discoveries/Events that connects all the pages so that visitors to your site can tell by looking at your home page what your site is all about.

·  you designed the layout for the pages. You did not copy and paste the layout from a friend who took the course in a previous year or is currently taking the course. YOU must do the typing and using of editor.csd.uwo.ca.  You can use other sites for inspiration but all the typing MUST be

done by you.  Keep in mind that, the act of creating this site, will help you do better on the final exam so it is worth your time to do the work yourself!

·  ask Laura or Bryan or the t.a.s for help if you get stuck. We want you to do well and have fun creating the site, we do not want you so frustrated that you feel like you can't finish the

assignment.

PLEASE NOTE: All the material needed to help you figure out how to complete this assignment can be found in:

·  To create the banner - Labs 2 and 3 (export as .jpg)

·  To create the web pages - Labs 4, 5 and 6 and any of the Week 6 Lecture Videos that start with HTML

·  To create the video and insert it into the site - Lab 9

·  To create the animation and insert it into the site - Lab 7 and 8

Click here to watch a video that goes over what we are looking for and how to mark the major assignment. The video is 35 minutes but worth watching till the very end in order to get a good mark.

NOTE: In order to create a level playing field between a l students, you may NOT use a professional or preexisting template/web builder (e.g. WIX) to build your site, you must build it using editor.csd.uwo.ca and Brackets/Notepad/TextEdit and css. Use a table to achieve your outer layout,

the same way we did the sites in labs. Do NOT use predesigned templates/tags other than the <table> tag to achieve the overal layout or a 50% penalty wil be applied. You should be building this site from scratch using the same methods as shown in the labs!

Design Criteria:

The website must include:

·  Animation: Add a component of animation (must be created with PowerPoint as taught during the lab tutorials).

  You should have a subfolder of the major folder called videoanim. You must

use PowerPoint to create the original animation and you must export it to a .mp4 file.  You must put your final exported .mp4 animation into the subfolder call videoanim.

  The animation should loop so that the peers who are marking your assignment can find it easily.

  If you want (not required) the animation to start automatically, make sure you include these attributes inside the <video> tag:

video controls="controls" autoplay loop muted ...

If you don't want the controls to show just have:

video autoplay loop muted ...

  Your animation should have your Western UserId visible in the TOP right corner (it can be a small font but it must be visible) throughout the entire animation.

  Your animation content should relate somehow to the topic of your website.

  If you use images in your animation from an outside source, you should include references to them on your references page.

  You should have a subfolder in your major folder called originals. You must store the

PowerPoint file (the .ppt or .pptx file) you created to make your animation in a subfolder of the major folder called originals.

·  A Video Clip: (Created with Shotcut (PC) , or iMovie (Mac) )

The video clip should be related to the theme of your site.  Also the video clip can NOT be a link to youtube.com, it MUST be contained within your site and should be an .mp4 file. Your .mp4 file MUST be placed in your videoanim folder  Some additional notes about the video and there is

more info below as well:

  The video should be NO LONGER than 30 seconds (minimum of 15 seconds) and the   filesize of the .mp4 file should be less than 20 MB. (You will be docked marks since the longer the video, it takes more space on our servers).

  The video must contain transitions

  Must include either a group of pictures that transition from one picture to the next OR  you could include actual video but the video must have at least one transition to another video

  The final video (the .mp4 file) must be stored in the videoanim subfolder

  The video must contain at least 2 hard captions, one being your userid and another one (hard captions that can't be turned off)

  The video must contain softsubs (closed captions) that are displayed from second 5 to

second 10.  So you will need a .vtt file inside your videoanin folder. Check out lab 9 again if you forget how to make softsubs. Remember they ONLY show up once you have

uploaded/FTP'd your files. So you can only test if they work AFTER you have uploaded your site. You cannot test this feature in locally, you MUST upload in order to test your soft captions.

  Your video should have your Western UserId visible in one of the corners of the video (it can be a very small font but it must be visible) throughout the entire video OR at least the first 3 seconds of the movie OR the last 3 seconds of the movie.

  The video may contain either images transitioning to other images or actual video that  transitions to different actual video or a combination of images and video. It is up to you as long as there are transitions and captions in your final product.

  The video MUST be created for this course, it can NOT be a video you created before this course started. You may use video clips or images you created a while ago, BUT you must incorporate those clips/images into a new video made especially for this course.

  If you use images or video or audio in your video from outside sources, you should include references for them on your references page.

  It should NOT be a YouTube video, it must be a video you created yourself and that you inserted into this webpage with controls.

  There is a bit more information about the video requirements below.

·  Sound: You must have sound as part of your video clip. If you want to use sound in any other

additional way, then go ahead and use it. You should reference any sound you have your website that you didn't create, just put something like:

Audio in my video: He lo by Adele

you don't have to have a URL to the audio, just tell who wrote the song.

Build a website with the following criteria:

1. Web pages:

   Home page plus at least FOUR additional web pages, one of which must be your

references page. So you must have a home page + three more pages + a reference page.

(i.e. each page should have 5 links/buttons on the page)

  All five pages must be contained in a folder called major. The file name major must be in lowercase.

  Your home page/start page must be called index.html. The file name index. html must be in lowercase, thus you should have a file called index.html.

  Use your creativity to layout your website with unique link categories. For example, if your site was about Movies set in England,  you might have links such to Love Actually, About A Boy, A Christmas Carol, .., , etc.

  You don't have to have a lot of text on your pages but have at least 1 paragraph of text (3- 5 sentences) on each page except for the references page.  NOTE: if you get the text and copy it directly, you MUST put a reference to the text in your references page that tells

the URL where copied the text from. If you paraphrase the text, you don't need to include it in your references page.

  You may decide on content organization and you must create the links you feel are

appropriate but make sure you link to at least one outside site in one page that is NOT your references page.

  You must create the banners and buttons (if you choose to design your own buttons) and design the layout. YOU MUST PROVIDE US WITH THE NATIVE FILES (the .af photo files) for the banner but you do NOT need to provide use with the native files you used to

create the buttons.

  You should put a reference for any images you used to create your banner and buttons in your references page if you got them from a source on the internet.

2. Table structure: Your web pages MUST use a table set up (not using DIVs instead of tables to

create the overall structure of your webpage - we did not cover divs in labs) with a fixed width of about 1000 pixels wide. You may use more than one table to help you lay out your web pages as shown in the lectures.

3. Navigational structure (i.e. links and link layout):  Remember to be consistent on each page and make sure your links are easy to navigate through your entire website not just the home page.

YOU MAY NOT USE A BUTTON BUILDING PROGRAM to make any buttons you need, you must

make all your buttons in Affinity Photo if you choose to make your own buttons.

4. References Webpage: In the References page, place the following

  The VERY first line (under your heading) of the references page must be:

"This website was created by your userid "

For example: "This website was created by jsmit72" Also, for your references page, you should:

  keep your references page well organized and neat.

  include URLs for any typed content you obtained from another site

  include references for the ALL images used on your site with URLs, if some of your images

have NO url, e.g. pictures you took yourself or your friends took, reference them similar to this:

  Image of brown dog: Taken by me

  include a short description with the name of the the composer or a link to the clip of any sound/movie clips you used that were not written/created by you

  If you took text directly from other websites, include a reference for that text, for example:

Second Paragraph on the home page was taken from the following site: www.uwo.ca

NOTE: in this case you do NOT have to use MLA or APA citations, just list the URL you got the text from.

  YOU MUST ALSO INCLUDE:

  REFERENCES TO YOUR ORIGINAL NATIVE FILES (your banner.af photo file and

animation .ppt file. NOTE: you do not need to include a reference to the  .af photo file(s) you used to create your buttons (if you created buttons)

FOLLOW THE DIRECTIONS BELOW TO GIVE US ACCESS TO YOUR NATIVE FILES:

1. Create a sub folder within the folder called major. This subfolder must be

called originals (all lowercase). Thus you will now have a link

called originals/nameofyouranimation. pptx

2. Move both of your Affinity Photo native file and PowerPoint native file (the banner .af photo file and the animation .ppt file), into the folder called originals. NOTE:

Remember that the webserver is case sensitive, so name your .af photo and .ppt

files with lowercase file names AND with NO SPACES in the filename, For example, a good file name would be homepagebanner.afphoto and a bad file name would

be HomePage Banner Copy.afphoto

3. Now, double check that you did the copy correctly by seeing if the links work to

your .af photo files and .ppt file. You check your links by opening Internet Explorer or Firefox (not Safari since sometimes it does some weird things to a webpage) and typing in the following address:

originals/filename.afphoto.

Thus, using the above example, for user jsmith34, the valid address would be: originals/homepagebanner.afphoto.

MAKE SURE THAT THERE IS A WORKING LINK FOR EACH AFPHOTO AND PPT FILE!

NOTE: if you try clicking on a .af photo or .ppt link, it will likely try to download the files, this correct and what should happen, HOWEVER, if you click on a link to your .af photo or .ppt file and the machine says "The web page cannot be found", then

your link is incorrect and you need to fix it.

4. Copy the working address that you tested in step 3 above for each .af photo file INTO YOUR REFERENCES WEBPAGE. There MUST be a link in your references page for the .af photo file used to create your banner, and the .ppt file used to  create your animation

5. NOTE: you do NOT need to supply us with links to the native file for your movie

OR with the native file for your sound (the Audacity .aud file) if you used Audacity (you might not have even used Audacity for this assignment) or the native files you used to create your buttons. Nor do you need to upload these files to the originals folder, we do not need to have access to them.

Try to keep your site creative and  professional!