This was a project for BHI 504- Systems Design, Integration, Safety, & Security. An Online graduate level course at SUNY Oswego led by Instructor Isabelle Bichindaritz, PhD, CPHIMS.
The Proposal
To create a web domain that could provide nutrition facts about vitamins and different foods that provided them. There was a focus on Vegetables, Fruits, and Nuts for selections.
There possibilities of using Java script or other techniques in HTML to display doses recommended for each type of person. However, it was more possible to build a website. Open for changes to suit the project needs and possibilities. The possible users would be patients or people curious to know vitamins are present in the fruits, nuts, and vegetables they consume. Some people search to see what foods include the vitamins they lack after seeing a doctor or another advisor.
The website or domain was to be sorted by type of vitamin types and categories of foods. Brief and easy to read information would be given about each vitamin and food listed on the website. There was a plan for mathematical equation could be used with Javascript if applicable in order give a suggesting serving of a vitamin based weight (depending on how well the Javascript works). The display for Vitamin doses changed as the project progressed.
Originally, a disclaimer would have to made on the same webpage reminding the user that this number is suggestion and not completely accurate. A personal doctor may still have to diagnose what is healthy for each patient. The project was not to be designed for people whom are seriously ill. But the project would be available for users whom are interested in making some improvement in their health or observe useful information.
An alternative idea was a reminder application for one’s smartphone. A website was to be more useable during the time period.
User Stories
In person and through digital forms of communication (with permission), users’ stories and opinions were collected.
Examples of the stories:
• I want to be able to figure out what vitamin deficiencies I have and what foods will help provide all the nutrients I need.
• It would be good to know which vegetables and fruit will give me the most energy because I like to workout.
• As an older woman with an older husband I am concerned about Alzheimer’s and whether there are natural foods that help with memory loss.
• As a woman with high cholesterol, I would like to alternative supplements or additional foods to help lower my cholesterol. There are pills to help lower cholesterol but some have side effects or might be expensive.
• I would like to know the benefits of each vitamin.
• After hearing stories, I would like to know the details of risk when taking too much of a vitamin in general.
Artifacts
The user could navigate through different links and HTML to find information. Image of possible appearance of HTML webpages
Earlier in the year 2019, an outline diagram of HTML of webpages was made for vitamins and food categories.
At the start of the project, java-scripts were planned for the individual foods to give recommended doses. But eventually the webpages for individual vitamins provide information about doses without using the java-script.
A cascade could have been created but website created carried the same “style” theme.
Here is some paper wireframes of the website.
|
Early Paper Prototype for the Main Menu.
|
Early Paper Prototype for a Vitamin
|
Early Design for a Select Food (Tomato)
|
Early Possible Basic Outline of HTML of webpages
Layout of folders towards the end
Sorting of Folders
Some Business Rules
Before supplying the information, the “facts” would have to verify with legitimate or relevant sources. Either at the foot of the webpage or a reference page on the website, the source of the information should be acknowledged and provided. Unless the photographs are original, credits should be given to the original source. Unless the “artwork” is original, credits should be given to the original source. If available on the website, testing should be done with both “Java-script” and external source (i.e. paper or a calculator), to make sure that the calculations are close to correct when measuring numbers with vitamins and users. A “construction disclaimer” should be made on the webpage (or website) if the Java-script options are not working. User would have to be notified when website is under “construction.” The users would like to if the information to be accurate.
Examples of Diagrams
User Story Examples and Sequence Diagrams
Example 1 - The actor (or user) once on the site, has an option to select a Vitamin. The information for the vitamin will be displayed. If desirable, the actor can give his or her “gender” and receive recommendations on doses of the vitamin (a numeric float). The actor can view information of a select food of one’s choice with the select vitamin. Information on the select type of food would be displayed. The actor can also view references. The references are just to give credit to the sources providing information on the foods and vitamins.
Example 2 - The actor (or user) has an option to select a type of food when accessing the site. After selecting a type of food, the actor can view information on the food. After viewing information of the selected food, the actor has an option to select a Vitamin. The information for the vitamin will be displayed. If desirable, the actor can give his or her “gender” and receive recommendations on doses of the vitamin (float). The actor can also view references. The references are just to give credit to the sources providing information on the foods and vitamins.
An example of a possible
collaboration diagram for a selecting a vitamin.
I was responsible for creating the files and documents for the website.
Books referenced the most were “ROOTS…” and “The Vitamin & Mineral Bible.”