AD 110 College of Southern Idaho User Interface Design Capstone

Description

Project 3:

Project Description:

undefined

Create a web page named weather.html that mimics the following displayed page, except:

undefined

â–¸ Use a picture different from the one shown.

undefined

â–¸ Use cities different from those shown, continents can be the same or different).

undefined

Near the top of the web page, Africa, Australia, and South America are links to their associated areas below the picture. The links have their underlines turned off. When the user’s mouse hovers over one of the links, the background color turns to silver. To implement that effect, use CSS, not JavaScript. In the web page, the user is hovering over the South America link, and that’s why its background is silver and there’s a South America URL at the bottom of the page (the URL appears by default).

undefined

Note:

undefined

â–¸ You must include at least three continents. For each continent, you must include at least two links to city weather pages.

undefined

â–¸ Your city weather links must link to working web pages (use a search engine to find such pages).

undefined

â–¸ You must use CSS table properties (not a table element) to position the continent and city names.

undefined

Project 3in Moodle

PROJECT 4:

Project Description:

Statistics Calculator

Create a web page named

statistics.html

and an accompanying external JavaScript file named

statistics.js

that calculates the mean, variance, and standard deviation for a user-entered list of numbers. Here’s what your web page should look like after it first loads and the user enters a list of numbers:

The three buttons should calculate mean, variance, and standard deviation for the user-entered list of numbers, with the result appearing below the buttons. You should perform input validation, making sure that the user enters numbers separated by one or more spaces.

To retrieve numbers from the text control, use the split string method as follows:

array-of-numbers = text-control.value.split(” “);

The split method call parses the text control’s value, saves each space-separated substring as an element in an array, and returns the array.

It’s up to you to display output in an aesthetically pleasing manner. If there’s invalid input, display an error message below the buttons using red text. You must store the array in a NumberList class, and you must implement mean, variance, and stdDeviation methods

Submit yourcomplete summaryto

Project 4in Moodle

.

AD110: USER INTERFACE DESIGN: Capstone Project Part 3
Using an Image Map for a Small City’s Core Area and Website Navigation with a Generic Home Page
Capstone Project Overview
This course includes an extended example of iterative construction of a website. This website’s theme is a proposed
electric-power “microgrid” for the core of a particular small city—Lawrence, Kansas. A microgrid is a small version
of a large electrical power network. In normal operation, it provides valued electrical services to local users and
the outside world. If disconnected from the outside world, it employs locally generated solar power and previously
stored energy to continue providing critical electrical services to local users.
This ongoing case study generates 10 distinct web pages: Electric Power History, Lawrence Hydropower, Area
Description, Microgrid Possibilities, Typical Property, Local Energy, Collector Performance, Electric Power Services,
Downtown Properties, and Solar Shadowing. For the most part, each of these web pages is developed completely
within the case study section at the end of just one chapter. But in some instances, a web page is iteratively
enhanced over two or more chapters. For example, the Electric Power History and Lawrence Hydropower web
pages are developed separately at the ends of Chapters 1 and 2, respectively, and then enhanced together at the
end of Chapter 3. Also, the Area Description web page is developed at the end of Chapter 3, enhanced at the end
of Chapter 7, and enhanced again at the end of Chapter 9.
Page 1 of 3
Capstone Project 3 Assignment:
Complete Case-Study sections in Chapters 6 and 7.
Chapter 6: (pp 255 – 264)
Local Energy and Home Page with Website Navigation localEnergy.html will illustrate external hypertext
navigation and image display. index.html will implement a primitive home page with website navigation.
Chapter 7: (pp 298 – 305)
Using an Image Map for a Small City’s Core Area and Website Navigation with a Generic Home Page An
enhancement of Section 3.21’s areaDescription.html will illustrate mapped images. A minimal index.html will
embed other web pages in a home page’s iframe.
Submit your files to Capstone Project Part 3 in Moodle.
Page 2 of 3
FOR INSTRUCTOR USE ONLY
Grading Rubric
Grading accepts a start value of 100. Points will be deducted for failure to fully complete or meet the stated requirements.
Grading: 90-100 = Represents work of superior quality (A); 80-89 = Represents work of good to very good quality (B); 70-79 =
Represents adequate command of class content (C); 69 and below = Represents work that shows a need for development or
improvement (F); 0 = Represents plagiarized work (F).
AD110: USER INTERFACE DESIGN (NCP-WEB)
Student:
Instructor:
Date:
Capstone Project Part 3
Possible
Points
20
35
Description of requirements
Submitted HTML and CSS files to Moodle
Complete Chapter 6 Case study section
Complete Chapter 7 Case study section
Project submitted by due date.
TOTAL
YOUR SCORE: ________
Instructor Comments:
Page 3 of 3
35
10
100
Your
Points
AD110 USER INTERFACE DESIGN: Capstone Project Part 4
Using an Image Map for a Small City’s Core Area and Website Navigation with a Generic Home Page
Capstone Project Overview
This course includes an extended example of iterative construction of a website. This website’s theme is a proposed
electric-power “microgrid” for the core of a particular small city—Lawrence, Kansas. A microgrid is a small version
of a large electrical power network. In normal operation, it provides valued electrical services to local users and
the outside world. If disconnected from the outside world, it employs locally generated solar power and previously
stored energy to continue providing critical electrical services to local users.
This ongoing case study generates 10 distinct web pages: Electric Power History, Lawrence Hydropower, Area
Description, Microgrid Possibilities, Typical Property, Local Energy, Collector Performance, Electric Power Services,
Downtown Properties, and Solar Shadowing. For the most part, each of these web pages is developed completely
within the case study section at the end of just one chapter. But in some instances, a web page is iteratively
enhanced over two or more chapters. For example, the Electric Power History and Lawrence Hydropower web
pages are developed separately at the ends of Chapters 1 and 2, respectively, and then enhanced together at the
end of Chapter 3. Also, the Area Description web page is developed at the end of Chapter 3, enhanced at the end
of Chapter 7, and enhanced again at the end of Chapter 9.
Page 1 of 3
Capstone Project 4 Assignment:
Complete Case-Study sections in Chapters 9 – 12:
Chapter 9: (pp 410 – 415)
Dynamic Positioning and Collector Performance Web Page A further enhanced areaDescription.html will
reposition images as window size changes. collectorPerformance.html will illustrate local JavaScript reading input
from a form’s input and select elements and adding rows of data to a table.
Chapter 10: (pp 483 – 490)
Collector Performance Details and Nonredundant Website Navigation JavaScript functions will employ if
statements, Math functions, and window properties to compute data for the table in the previous chapter’s case
study. JavaScript in an external file will improve the website navigation employed in Chapter 6’s case study.
Chapter 11: (pp 554 – 561)
Downtown Properties Data Processing properties.html will illustrate use of arrays and objects to maintain a
sorted database.
Chapter 12: (pp 610 – 623)
Solar Shadowing Dynamics solarShadowing.html will illustrate painting of computed geometric shapes on a
canvas.
Submit your files to Capstone Project 4 in Moodle.
Page 2 of 3
FOR INSTRUCTOR USE ONLY
Grading Rubric
Grading accepts a start value of 100. Points will be deducted for failure to fully complete or meet the stated requirements.
Grading: 90-100 = Represents work of superior quality (A); 80-89 = Represents work of good to very good quality (B); 70-79 =
Represents adequate command of class content (C); 69 and below = Represents work that shows a need for development or
improvement (F); 0 = Represents plagiarized work (F).
AD110: USER INTERFACE DESIGN (NCP-WEB)
Student:
Instructor:
Date:
Capstone Project 4
Possible
Points
10
20
Description of requirements
Submitted HTML and CSS files to Moodle
Complete Chapter 9 Case study section
Complete Chapter 10 Case study section
Complete Chapter 11 Case study section
Complete Chapter 12 Case study section
Project submitted by due date.
TOTAL
YOUR SCORE: ________
Instructor Comments:
Page 3 of 3
20
20
20
10
100
Your
Points
AD110: USER INTERFACE DESIGN: Project 3
World Weather
Project Description:
Create a web page named weather.html that mimics the following displayed page, except:
â–¸ Use a picture different from the one shown.
â–¸ Use cities different from those shown, continents can be the same or different).
Near the top of the web page, Africa, Australia, and South America are links to their associated areas below the
picture. The links have their underlines turned off. When the user’s mouse hovers over one of the links, the
background color turns to silver. To implement that effect, use CSS, not JavaScript. In the web page, the user is
hovering over the South America link, and that’s why its background is silver and there’s a South America URL at
the bottom of the page (the URL appears by default).
Note:
â–¸ You must include at least three continents. For each continent, you must include at least two links to
city weather pages.
â–¸ Your city weather links must link to working web pages (use a search engine to find such pages).
â–¸ You must use CSS table properties (not a table element) to position the continent and city names.
Submit your complete summary to Project 3 in Moodle.
FOR INSTRUCTOR USE ONLY
Grading Rubric
Grading accepts a start value of 100. Points will be deducted for failure to fully complete or meet the stated requirements.
Grading: 90-100 = Represents work of superior quality (A); 80-89 = Represents work of good to very good quality (B); 70-79 =
Represents adequate command of class content (C); 69 and below = Represents work that shows a need for development or
improvement (F); 0 = Represents plagiarized work (F).
AD110: USER INTERFACE DESIGN (NCP-WEB)
Student:
Instructor:
Date:
Project 3
Description of requirements
Create a web page named weather.html
Use a picture different from the one shown
Use cities different from those shown, continents can be the same or
different)
You must include at least three continents. For each continent, you must
include at least two links to city weather pages.
Your city weather links must link to working web pages (use a search engine
to find such pages)
You must use CSS table properties (not a table element) to position the
continent and city names
Project submitted by due date.
TOTAL
YOUR SCORE: ________
Instructor Comments:
Possible
Points
20
10
10
15
15
20
10
100
Your
Points
AD110: USER INTERFACE DESIGN: Project 4
Project Description:
Statistics Calculator
Create a web page named statistics.html and an accompanying external JavaScript file named statistics.js that
calculates the mean, variance, and standard deviation for a user-entered list of numbers. Here’s what your web
page should look like after it first loads and the user enters a list of numbers:
The three buttons should calculate mean, variance, and standard deviation for the user-entered list of numbers,
with the result appearing below the buttons. You should perform input validation, making sure that the user enters
numbers separated by one or more spaces.
To retrieve numbers from the text control, use the split string method as follows:
array-of-numbers = text-control.value.split(” “);
The split method call parses the text control’s value, saves each space-separated substring as an element in an
array, and returns the array.
It’s up to you to display output in an aesthetically pleasing manner. If there’s invalid input, display an error message
below the buttons using red text. You must store the array in a NumberList class, and you must implement mean,
variance, and stdDeviation methods
Submit your complete summary to Project 4 in Moodle.
FOR INSTRUCTOR USE ONLY
Grading Rubric
Grading accepts a start value of 100. Points will be deducted for failure to fully complete or meet the stated requirements.
Grading: 90-100 = Represents work of superior quality (A); 80-89 = Represents work of good to very good quality (B); 70-79 =
Represents adequate command of class content (C); 69 and below = Represents work that shows a need for development or
improvement (F); 0 = Represents plagiarized work (F).
AD110: USER INTERFACE DESIGN (NCP-WEB)
Student:
Instructor:
Date:
Project 4
Description of requirements
Create a web page named statistics.html and an accompanying external
JavaScript file named statistics.js
To retrieve numbers from the text control, use the split string method
If there’s invalid input, display an error message below the buttons using
red text.
You must store the array in a NumberList class
You must implement mean, variance, and stdDeviation methods
Project submitted by due date.
TOTAL
YOUR SCORE: ________
Instructor Comments:
Possible
Points
20
15
15
20
20
10
100
Your
Points

Purchase answer to see full
attachment