IT125 Web Programming Spring Semester 2017

Mini-Projects

Date This Page Last Updated:  09/29/2017

Mini-Project (MP)

Mini-Project Name/Text Resources

Requirements/Grading Criteria

Due Date

MP1

Basic Site   

Chapter 2

Setup server space for course work products (in class) 20%

Create JavaJam homepage and menu page in accordance with Website Case Study instructions (started in class)     

* Homepage (Task 2) (20%)     

* Menu page (Task 3) (20%) Modifications (demonstrated in class)      

* change fonts to a sans serif font (5%)      

* add a textured background to both pages  (5%)      

* center main table and make 900px wide  for all pages (5%)      

* add link to validator on menu page (and validate) (5%)      

* add Honor Code statement to home page w/ sans serif 8pt  (5%)

Upload site to your server site correctly using FileZilla or WinSCP FTP (w/good organization and no duplicates) (15%)

2/3/2017

MP2

CSS & Visual 

Chapters 3 & 4

Setup server space for course work products (in class) 10%

Create personal coursework homepage using Expression Web and Frames Pages

New work will be contained in mp2 directory (folder) with two separate folders, "javajam3" and "javajam4" for Chapter 3 and Chapter 4 tasks, respectively. MP2 link from frames page will go to a new index.html within mp2 directory with Interactive Buttons (accomplished in class) (10%)

* Create External Style Sheet (javajam.css) (Chapter 3, Task 2) (10%)

* Modify homepage (index.html) (Chapter 3,Task 3) (10%)

* Modify menu page (menu.html) (Chapter 3,Task 4) (10%)

* Modify pages (index.html, menui.html, jimjam.css) to center (Chapter 3,Task 5) (10%)

* Modify homepage (index.html) (Chapter 4,Task 2) (10%)  (images)

* Modify menu page (menu.html) (Chapter 4,Task 3) (10%)

* Create music page (music.html) (Chapter 4, Task 4) (10%)

* Modify css page (javajam.css) (Chapter 4,Task 5) (10%)

2/17/2017

MP3

Layout/Tables 

Chapters 6-8

New work will be contained in mp3 directory (folder) with three (3) separate folders, "javajam6", "javajam7", "javajam8" for Chapters 6, 7, 8 tasks, respectively. MP3 link from frames page will go to a new index.html within mp3 directory with Interactive Buttons (accomplished in class) Use javajam4 pages as your starting point -- copy and paste into the mp3 "javajam6" folder. Link to a “Fresh Start” javajam4 (modify for your personal information). (10%)

 

* Modify javajam.css & add comments on each group of changed instructions (Chapter 6, Task 2) (15%)

* Modify Home page & add comments on each group of changed instructions  (Chapter 6, Task 3) (5%)

* Modify Menu page & add comments on each group of changed instructions  (Chapter 6, Task 4) (5%)

* Modify Music page & add comments on each group of changed instructions  (Chapter 6, Task 5) (5%)

 

* Modify Home page & add comments on each group of changed instructions (Chapter 7, Task 2) (15%)

* Modify Menu page & add comments on each group of changed instructions (Chapter 7, Task 3) (5%)

* Modify Music page & add comments on each group of changed instructions (Chapter 7, Task 4) (5%)

* Modify Desktop CSS page & add comments on each group of changed instructions (Chapter 7, Task 5) (5%)

* Configure Tablet CSS page & add comments on each group of changed instructions (Chapter 7, Task 6) (10%)

* Configure smartphone.css page & add comments on each group of changed instructions (Chapter 7, Task 7) (10%)

 

* Configure CSS page & add comments on each group of changed instructions (Chapter 8, Task 2) (5%)

* Modify Menu page & add comments on each group of changed instructions (Chapter 8, Task 3) (5%)

3/24/2017

MP4

Forms/Multimedia/

e-Commerce/Meta Tags  Chapters 9-11

New work will be contained in mp4 directory (folder) with three (3) separate folders, "javajam9", "javajam10", "javajam11" for Chapters 9, 10, 11 tasks, respectively. MP4 link from frames page will go to a new index.html within mp4 directory with Interactive Buttons.

Use javajam8 pages as your starting point -- copy and paste into the mp4 "javajam9" folder. (10%) "Fresh Start” javajam8

 

* Configure the CSS & add comments on each group of changed instructions (Chapter 9, Task 2) (10%)

* Create the Jobs page & add comments on each group of changed instructions (Chapter 9, Task 3) (10%)

* Configure HTML5 Forms Controls & add comments on each group of changed instructions (Chapter 9, Task 4) (10%)

 

* Create an index.html page within javajam10 folder with the heading "Final Project Proposal Site" and

    include the following three (3) buttons: Project Home Page, Website Plan, Proposal PowerPoint(10%)

* Create a prototype Final Project homepage (10%)

* Prepare a Plan for Project, Website Layout (homepage only), and Testing (MS Word document) Use template.

    (Chapters 5 & 10, Web Project, Part 2) (10%)

* Create a 2-slide PowerPoint Project Presentation Outline(5%)

 

* Create a audio folder within javajam11, download, extract files at this link: javajam11starter.zip, and place in audio folder.

   (Chapter 11, Task 1) (5%)

* Configure the CSS & add comments on each group of changed instructions (Chapter 11, Task 2) (10%)

* Update the Music page & add comments on each group of changed instructions (Chapter 11, Task 3) (10%)

4/7/2017

MP5

Web Presence & JavaScript

 

 

Chapter 12-14

New work will be contained in mp5 directory (folder) with three (3) separate folders, "javajam12", "javajam13", "javajam14" for Chapters 12, 13, 14 tasks, respectively. MP5 link from frames page will go to a new index.html within mp5 directory with Interactive Buttons pointing to the index.html page in javajam12, javajam13, and javajam14, respectively. (done in class).

 

Chapter 12 Tasks -- Use javajam11 as your starting point -- copy and paste javajam11 contents into the mp5 "javajam12" folder

(done in class).

 

* Create Update Navigation on each page add comments on each group of changed instructions (Chapter 12, Task 2) (5%)

* Configure the CSS & add comments on each group of changed instructions (Chapter 12, Task 3) (5%)

* Create a New Gear page (Chapter 12, Task 4) (20%)

 

Chapter 13 Tasks -- Use javajam12 as your starting point -- copy and paste javajam12 contents into the mp5 "javajam13" folder (done in class).

 

* Add meta tags with description and comments to all pages (Chapter 13, Task 3) (5%)

* Setup a Google Analytics account and create and place code for home page tracking (index.html only) (Chapter 13, new task) (10%)

* Setup Inline frame for video on index.html page only replaceing all the instructions between <div>...</div> tags with

     You Tube video located during class. (Chapter13, new task) (10%)

* Find and setup  Quick Response Code for home page tracking (jobs.html only) (Chapter13, new task) (5%)

 

Chapter 14 Tasks -- Use javajam13 as your starting point -- copy and paste javajam13 contents into the mp5 "javajam14" folder

(done in class).

 

* Create an new navigation page for JavaScript within javajam14 with Interactive Buttons labeled JQuery and JavaScript Only (done in class)

* Add a date to the homepage: Option 1: Using JavaScript  (10%); Option 2: JavaScript & JQuery (10%)

* Display Alert message on Music page: Option 1: Using JavaScript (10%); Option 2: JavaScript & JQuery (10%)

4/28/2017