Prepare for your exams
Get points
Guidelines and tips
Sell on Docsity
Docsity AI

Prepare for your exams

Study with the several resources on Docsity

Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips

Sell on Docsity

Docsity AI

Log in Sign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search for your university

Find the specific documents for your university's exams

Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents

20 Points

For each uploaded document

Answer questions

5 Points

For each given answer (max 1 per day)

All the ways to get free points

Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

Javascript Coding Exercise for EME6209: Multimedia Instructional Systems II, Schemes and Mind Maps of Javascript programming

Ho Chi Minh City University of Agriculture and Forestry (HCMUAF)Javascript programming

Instructions and specifications for a Javascript coding exercise as part of the EME6209: Multimedia Instructional Systems II course. The exercise involves adding functionality to an existing HTML site using Javascript, including creating pop-up windows and rollover effects for links.

Typology: Schemes and Mind Maps

2021/2022

Uploaded on 08/05/2022

nguyen_99 🇻🇳

4.2

(80)

1K documents

1 / 7

This page cannot be seen from the preview

Don't miss anything!

Javascript*Coding*Exercise*

Overview*

As#part#of#EME6209:*Multimedia*Instructional*Systems*II,#you#have#been#learning#about#Javascript.#The#

Javascript*Coding*Exercises#are#opportunities#for#you#to#check#your#understanding#of#this#content.#This#

activity#also#contributes#up#to#60*points#to#your#final#course#grade.#

Assignment*Purpose*

The#purpose#of#this#assignment#is#to#check#your#understanding#of#the#materials#covered#in#the#HTML#and#

Javascript#self?instructional#materials.#It#is#also#an#opportunity#for#you#to#gain#additional#practice#in#using#

HTML#and#Javascript.*

Materials*you*need*for*this*Activity*

This#activity#will#originate#from#the#website#created#in#the#HTML*Coding*Exercises#activity.#Thus,#all#

directions#for#the#Javascript#Coding#Exercise#are#to#be#applied#to#your#HTML*Coding*Exercises#site.##

In#addition,#you#are#being#provided#2#web#files#that#contain#all#the#required#elements#for#the#Javascript#

Coding#Exercises#(pop?up#windows).##The#2#web#files#include:#

• model.htm#

• exemplifies.htm#

File*Structure*

As#mentioned#previously,#you#will#be#using#your#HTML#Coding#Exercise#files#previously#created#to#

complete#the#Javascript#Coding#Exercise.#You#will#simply#upload#any#additional#files#to#the#‘html?

exercises’#folder#you#have#on#your#‘rhartshorne.com’#site.#I#would#recommend#working#on#a#local#folder#

(on#your#Desktop,#flash#drive,#etc.)#and#then#replacing#the#folder#currently#on#your#‘rhartshorne.com’#

site#with#the#local#folder#in#which#the#Javascript#Coding#Exercises#were#completed.##

Once*completed,*place*the*URL*for*your*Index*page*in*the*space*provided*at*the*end*of*this*

assignment*description.**

Notes*

You#may#use#any*web*editor#to#complete#these#activities.*Also,*you*may*use*any*Javascript*Web*

Resources*to*complete*these*activities*(even*Javascript*code*generator*sites),#as#the#purpose#of#this#

activity#is#not#for#you#to#memorize#Javascript,#but#to#be#able#to#effectively#and#appropriately#integrate#

Javascript#coding#and#functionality#into#your#web#sites.#*

Discover Schemes and Mind Maps of Javascript programming Ho Chi Minh City University of Agriculture and Forestry (HCMUAF)

Partial preview of the text

Download Javascript Coding Exercise for EME6209: Multimedia Instructional Systems II and more Schemes and Mind Maps Javascript programming in PDF only on Docsity!

Javascript Coding Exercise

Overview As part of EME6209: Multimedia Instructional Systems II , you have been learning about Javascript. The Javascript Coding Exercises are opportunities for you to check your understanding of this content. This activity also contributes up to 60 points to your final course grade. Assignment Purpose The purpose of this assignment is to check your understanding of the materials covered in the HTML and Javascript self-‐instructional materials. It is also an opportunity for you to gain additional practice in using HTML and Javascript. Materials you need for this Activity This activity will originate from the website created in the HTML Coding Exercises activity. Thus, all directions for the Javascript Coding Exercise are to be applied to your HTML Coding Exercises site. In addition, you are being provided 2 web files that contain all the required elements for the Javascript Coding Exercises (pop-‐up windows). The 2 web files include:

model.htm
exemplifies.htm File Structure As mentioned previously, you will be using your HTML Coding Exercise files previously created to complete the Javascript Coding Exercise. You will simply upload any additional files to the ‘html-‐ exercises’ folder you have on your ‘rhartshorne.com’ site. I would recommend working on a local folder (on your Desktop, flash drive, etc.) and then replacing the folder currently on your ‘rhartshorne.com’ site with the local folder in which the Javascript Coding Exercises were completed. Once completed, place the URL for your Index page in the space provided at the end of this assignment description. Notes You may use any web editor to complete these activities. Also, you may use any Javascript Web Resources to complete these activities (even Javascript code generator sites ), as the purpose of this activity is not for you to memorize Javascript, but to be able to effectively and appropriately integrate Javascript coding and functionality into your web sites.

Changes for ALL pages

1. Rollover for ALL hyperlinks on the entire site (navigation menu, footer links—including e-‐mail link, etc.) a. Whenever a hyperlink is moused over, the color should change from the current color (#000099) to midnight blue (#191970)

Index page Notes and Specifications (see Figure 1)

The text “model,” when clicked, should open the ‘model.htm’ file with the following specifications (pop-‐up window): a. No toolbar or scrollbar b. Located 300 pixels from the left and 50 pixels from the top of the browser window c. Width of 300, height of 200 d. No status bar or menu bar e. Not resizable
The text “embodies,” when clicked, should open the ‘embodies.htm’ file with the following specifications: a. No toolbar or scrollbar b. Located 700 pixels from the left and 175 pixels from the top of the browser window c. Width of 300, height of 200 d. No status bar or menu bar e. Not resizable

Examples & Non-‐Examples Notes and Page Specifications (see Figure 3)

For the Vernier row (top image in the main content table), complete the following: a. Create a Javascript Alert pop-‐up (see Figure 2) that says, “ Great. This is a nice example of a simulation .” when the ‘ Yes, this is a simulation ’ text is clicked. b. Create a Javascript Alert pop-‐up that says, “ Incorrect. This tool possesses many of the characteristics of a simulation methodology. ” when the ‘No, this is not a simulation ’ text is clicked.
For the Mindgame row (bottom image in the main content table), complete the following: a. Create a Javascript Alert pop-‐up that says, “ Incorrect. This tool possesses many characteristics of other methodologies, but not simulations. ” when the ‘ Yes, this is a simulation ’ text is clicked. b. Create a Javascript Alert pop-‐up that says, “ Great. This tool possesses many characteristics of other methodologies, but not simulations. ” when the ‘No, this is not a simulation ’ text is clicked. Figure 2. Example of a Javascript Alert Pop-‐Up window
All of the links mentioned in 1 & 2, when moused over, should change from the current color (# 000099 ) to midnight blue (#191970)—i.e. rollover effect.

Figure 3. Examples & Non-‐Examples Page Notes

Figure 5. Your Thoughts & Comments Page Notes