code-institute-submissions / momig-ness-digital-room Goto Github PK

Also, the Navigating button such as “NEXT” and “PREVIOUS” is another feature on the page which I derived a code that will allow user to be able to navigate the pages to the net page or the previous page without the need to good to the the home page menu.

At the start of this momiiGness Expo! Project I was able to visualise the output of the user requirement before going into technical details of the development . I used the following resource • Pencil • Measuring rule • Eareser • Coloring pen See diagram in Link below https://documentcloud.adobe.com/link/track?uri=urn:aaid:scds:US:d6f6b408-a40b-4860-a859-3560a6721dc3

Features

In this section, I will go over the different feature of the project, • Home page The homepage consist of
o Greatness.jpg o Welcome.jpg o Link Menu for AboutMe, GalleryWall, https://8000-d9919ff5-1f2e-4541-9bf2-34e5a6bf0343.ws-eu01.gitpod.io/ • AboutMe

Consist of user story of the owner. In order to go to the next page click next button https://8000-d9919ff5-1f2e-4541-9bf2-34e5a6bf0343.ws-eu01.gitpod.io/AboutMe.html

• GalleryWall This consist of owner artwork display on the gallery Wall https://8000-d9919ff5-1f2e-4541-9bf2-34e5a6bf0343.ws-eu01.gitpod.io/GalleryWall.html

• LiveWell LiveWell page consist of JuicePlus+ image. When user click on the image or the JuicePlus+ link it will be linked with an external website of the owner’s health product. Clicking on the Next button will take the user to the “ContactMe” page however if the user want more information on the prior page “AboutMe” page the ‘Previous’ button will take the user back.

https://8000-d9919ff5-1f2e-4541-9bf2-34e5a6bf0343.ws-eu01.gitpod.io/LiveWell.html

• ContactMe Consist of feedback form with user input of Full name, email and mobile contact can be found. When user date input had being completed the submit button will be clicked to submit the for the proceed back yo the home page.

• https://8000-d9919ff5-1f2e-4541-9bf2-34e5a6bf0343.ws-eu01.gitpod.io/Contact.html

In addition, in future I plans to work more on the Gallery Wall to include link that will illustrate what the picture for.

Features Left to Implement

I was unable to include the following in my project however this will be reviewed in the future development • Blog missing • Footnote for social media link • A video column for British Sign Language

Technologies Used

• ## Technologies Used

In this section, I was able to make use the following languages to develop my site
• CSS • HTML frameworks • Bootstrap – It was use as a my starting point for my project https://getbootstrap.com/docs/4.0/getting-started/introduction/#starter-template libraries : • W3Schools – It was use to select color https://www.w3schools.com/tags/ref_colornames.asp

• HTML /CSS code validator – It was used to validate my code and to detect errors https://validator.w3.org/nu/#textarea

Testing

[file:///C:/Users/admin/Documents/mGXpo%20V1.0a.pdf] In this section, I was able to test the functionality of the momiiGness Expo! Project
manually by varying the code to actualise UX response to each page, as a result, I was able to derive some the following • Test Plan – With Project name momiiGness Expo! I was able to create o Test plan reference to be able to track the project in future o Test Condition to analyse what functionality of the Project o Test case Description and assumptions. Further, I developed Test Cases to validate and invalidate the end UX by creating the following for each pages of the momiiGness Expo! • Test Case Scenario • Test cases Steps • Expected result • Actual result In the future I will to use manual software testing tools such as Jira or HP to. For example I was able to validate and invalidate SUBMIT functionality using the following steps

1. Contact form:
   1. Go to the "Contact Me" page
   2. Verify that if user input
      • Full name • Email • Phone contact are readable on the form
   3. Submit the form to valid all the all three data input above disappears
   4. Invalidate that user input will not submit without SUBMIT command • Full name • Email • Phone contact are readable on the form The form will be static. In addition, my net phase of development will be to carry out test on different browsers and screen sizes. Also how I can improve on my project testing tools. Development of test case will help in detecting bugs, also using different test environment will minimise the same bug re-appearing again as a result of regression testing.

Deployment

According to https://softwareengineering.stackexchange.com/questions/344184/what-is-the-difference-between-software-deployment-and-software-release.

Deployment refers to getting program to a running state on a server, however it doesn't need to be the production server. One can deploy released code, or code that is not ready for release. In web development, it is common to deploy code to a test environment before testing it. Therefore in order to deploy my repo to github, the following steps were followed

Credits

Media

• The photos used in this site were obtained from my laptop

Acknowledgements

• I received inspiration for this project from my Daughter Greatness Olorunmomi who had at a younger age when through childhood sickness that left her profoundly deaf and additional need