Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist...
Transcript of Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist...
![Page 1: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/1.jpg)
Lily Alomari ITGS IA
Criterion D: Product design—Overall structure
Navigation
![Page 2: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/2.jpg)
Lily Alomari ITGS IA
Outline
![Page 3: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/3.jpg)
Lily Alomari ITGS IA
Home page
![Page 4: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/4.jpg)
Lily Alomari ITGS IA
About Katy
![Page 5: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/5.jpg)
Lily Alomari ITGS IA
Contact Information
![Page 6: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/6.jpg)
Lily Alomari ITGS IA
Schedule
![Page 7: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/7.jpg)
Lily Alomari ITGS IA
Questions Page
![Page 8: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/8.jpg)
Lily Alomari ITGS IA
Internal Structure List of resources and techniques
Resources Details
Images Images will be sorted throughout website. There will be photos of Katy’s store and a photo of Katy.
Katy Norman’s Autobiography Date: Katy Norman will provide this an autobiography of herself and I will design the file.
Contact Information I will provide Katy’s phone number and email. This file will also provide the address of katy’s store and a map (listed with directions), which will have a link that will pull up google maps.
Guidelines for Design It Website Helpers - http://websitehelpers.com/design/ Weebly- www.weebly.com How to create a website- https://www.thesitewizard.com/gettingstarted/startwebsite.shtml
![Page 9: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/9.jpg)
Lily Alomari ITGS IA
Techniques Details
Sizing Images Uploading images and resizing them to fit in files.
Availability of e-mail link To insure customers are able to contact Katy.
Availability of google-maps link To insure map pulls up in google maps when address is clicked on.
Navigation To make sure each page works and pulls up when clicked on.
Combining text and graphics Images will have captions underneath them.
Use of Calendar To insure calendar doesn’t move or change layout, affecting specials on that day.
Use of headers Headers will be listed on the top on every page in order to switch page without going back to home page.
Posts To insure blogs stay posted and do not delete.
Test Plan
Test Item
Test Data
Part of system tested
Expected outcome
Actual Outcome
Comment Ref in product
Cover page testing – REQUIRED ELEMENT FOR CRITERION G
Web pages load from the cover on in three different
To insure link is weebly.com.
Links on cover page show up
Loads as required from three
Loads as required
Page loads quickly
![Page 10: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/10.jpg)
Lily Alomari ITGS IA
locations. correctly. different location.
Product Testing
Load page Page should load without problems.
Page loads w/o problems
Page is loaded
Clicking on images
Images should size-up when clicked on
Images size-up when clicked on.
Images are bigger after clicked on.
Email link Link should work and go directly to sending an email.
Email is correctly displayed
Email is correctly displayed
Clicking on calendar
Calendar should be up to date and correctly displayed.
Calendar is up to date everyday.
The correct date is displayed every time
Clicking on address
Address should pull-up google- maps.
Address link pulls up google-maps
Address link works.
![Page 11: Nav igatio n - LILY'S ITGS BLOG · 2018. 9. 5. · Lily Alomari ITGS IA In tern al Struc ture L ist of reso urc es an d tec hn ique s Resources D eta il s Images Ima g es wi ll b](https://reader035.fdocuments.us/reader035/viewer/2022062510/612f007b1ecc515869432ab1/html5/thumbnails/11.jpg)
Lily Alomari ITGS IA
Agreement of Client
I confirm that the requirement specification meets my needs and the designs above are appropriate for the creation of the product.
(client signature)