Project Detail (19 points)
Group project must use jQuery Mobile with mandatory header and footer sections included as specified below
Each group will use the Health JSON file sent from the professor which must be updated (see specifics below) and validated
Each group will create a unique XML file and a unique JSON file (see below for specifics) that must also be validated
Health JSON file from professor specifics:
Update your group's JSON file to to include icon/image/photo/picture/symbol names (node name will depend on specific JSON file) where indicated in JSON
Be sure to validate your JSON after adding this information.
Create a Group Member JSON file which must include the following data about each member of the group:
Create a Pharmaceutical XML file which must include the following data:
An overall node called Pharmaceutical
Include data for unique Pharmaceutical Company for your group (sent in group email with JSON file):
URL for company / Must be an attribute of Company Name
Main phone number
Longitude of company headquarters
Latitude of company headquarters
4 products (or medicines) associated with the company and for each include:
Product (or Medicine) Brand name
Product (or Medicine) Drug name(s) (may include more than one)
A brief description of what the drug is used for (if used for multiple conditions, only list one)
How administered (ex. Oral, Intravaneous, etc.)
Contraindication #1 (when should not be used)
Contraindication #2 (when should not be used)
ALL pages must include:
A header section that includes a name for your site (your choice)
A footer section that includes a navigation bar with links to each person in the group using the student picture from the Group Member JSON file created by the group as the icon. When a link is selected, display all the information about the student selected in a POPUP dialog box with ALL data about student pulled from the JSON file.
NOTE: This is the minimum that must be included in the header and footer but other information can be included.
Design your web site to include all information from your group's Health JSON file and also from your group's Pharmaceutical XML file with the header and footer as described above.
Example: include links on the main page to 2 separate pages ... one for the JSON data and one for the pharmaceutical company data
Example: build a list from JSON data with links to detail information for each selection for main page with a button to another page for pharmaceutical data
Example: Split main page to include half for a list of JSON data items with links to another page for detail information and the other half that includes pharmaceutical data
Other information (page) that must be included:
A page (or popup based on a button) that includes a Google Map with the following details:
A marker at your group's pharmaceutical company based on longitude and lattitude included in your Pharmaceutical XML file. When this marker is clicked, display an information window that includes the pharmaceutical company name and main phone number
Your group will decide how and where information will be located (landscape mode only) including formatting that follows mobile guidelines as discussed in class
Note: Your site must have multiple pages
Note: Your site is for mobile so make sure you follow all mobile best practices discussed in class such as ...
Navigation MUST be included between all pages
Avoid too much whitespace
Image sizes should applicable for a mobile device
Descriptive labels for all information