Web App Development Interaction Project
Problem: The Capeside High School National Honor Society is looking for a new website. This site needs to provide basic information about the program, service opportunities for current members and information on applying for prospective members.
Assignment:
Use the Bootstrap framework, JQuery Library and the content provided to build a site for the CHS NHS. The site should work equally well on cell phones, tablets and desktops.
As far as colors are concerned, Capeside is a fictitious high school, so any color scheme can be used. Other requirements include:
1. Bootstrap Elements:
a. A nav bar with links and logo
b. A comprehensive form for applications
c. A modal
d. A table
e. A card
f. A color theme or overwritten styles
g. Use of the grid for responsive design
2. Use of JQuery interactions to make the content more accessible and keep the site cleaner with less clutter. Also ,use AJAX includes to make the site easier to maintain.
3. A login form on the front page that checks the username and password against an xml file of users. A user can be a member or an admin. If the user has the correct information, they should be taken to a page called members.html or admin.html, respectively.
a. On admin.html, you should show a fake list of members and a fake list of events (they should be loaded from xml files).
b. The members.html file should show the current members information and list of upcoming events (from the same xml file as the admin page).
c. An admin should be able to add an event (using a form to take event name, location, date/time, sponsor name and sponsor email). When the form is completed, the event should be added to the end of the list without refreshing the page.
d. An admin should also be able to delete a student (for when they graduate). When deleted, they should disappear from the list. Note: You are not hiding them, you are removing them from the DOM.
4. On the Application, the Activity List and References should be dynamic. In other words, a reference requires a name and email, so, provide two reference lines by default. Then, provide the students with a button or icon to click to add another. When clicking, a new blank reference form should appear below the other two. Do the same with activities.
If a form is described to the users in the content, that description is for you to build the form. Forms should be well organized and user friendly. A well designed and organized data collection method is the start of an effective application. While we can’t process any of the forms, we can set up the interaction on the client side. This way, as we learn more techniques and code, we will be able to add to our application and make it work the way we want.
Content:
About:
The National Honor Society (NHS) is the nation's premier organization established to recognize outstanding high school students. More than just an honor roll, NHS serves to honor those students who have demonstrated excellence in the areas of Scholarship, Leadership, Service, and Character. These characteristics have been associated with membership in the organization since its beginning in 1921.
Chapter membership not only recognizes students for their accomplishments, but challenges them to develop further through active involvement in school activities and community service.
NHS membership is a privilege bestowed upon students by the Faculty of the school, and not considered a right inherent to any student. Membership is granted only to those students selected by the Faculty Council on the condition of their having met the standards for selection based upon: scholarship, leadership, character and service.
Officers:
President: Dawson Leery Vice President: Joey Potter Secretary: Pacey Witter Treasurer: Jen Lindley
DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma
Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t
Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th
1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of
1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
30 | 31 | 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 1 | 2 | 3 |
