Www.maristanimeclub.net Developed by Kelly J Howard.
-
Upload
archibald-carpenter -
Category
Documents
-
view
222 -
download
1
Transcript of Www.maristanimeclub.net Developed by Kelly J Howard.
![Page 2: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/2.jpg)
Vision of the Students
• A place to interact outside of school• A place to showcase artwork • Provide information to prospective members
and parents• Provide information to club members that can
be accessed 24/7
![Page 3: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/3.jpg)
• To enhance the overall educational experience of the club
• Provide a place for students to interact and showcase the club art work
• Informational for both students and parents• Must be safe and secure for students
Vision of the Faculty
![Page 4: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/4.jpg)
• Two lines of access• One for all visitors • Pages consist of a Home, About Us, History, Calendar and
Contact page• One for Members only (Students and Faculty)• Log in and registration function• Pages consist of a Member Profile, Account settings,
Forum, Gallery and a Chat room.• Color scheme to include school colors• Logo will be student designed
Concept Description
![Page 5: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/5.jpg)
• Design is to be age appropriate for the main user target group specified at ages 14 to 18
• Graphics used will be student made art work where ever possible
• Chat and forum environment to be developed by the school web developer.
Concept Description
![Page 6: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/6.jpg)
Navigation
Flash Based vertical navigation bar consistent on each page that allows Users to navigatethe site as they wish no matter how deep they go. Keeping to Flash based stays consistentwith The Marist Parent site.
![Page 7: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/7.jpg)
Navigation
Main navigation will be visible at all times while on the site. The member navigation will become available once the member has logged in. Possible link to Marist Parent site in banner or in the footer .
Sub menu
Possible Marist Home Link
![Page 8: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/8.jpg)
Navigation Storyboards
![Page 9: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/9.jpg)
Home Wire Frame
![Page 10: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/10.jpg)
About Us Wire Frame
![Page 11: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/11.jpg)
History Wire Frame
![Page 12: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/12.jpg)
Calendar Wire Frame
![Page 13: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/13.jpg)
Contact Us Wire Frame
![Page 14: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/14.jpg)
Account Settings Wire Frame
![Page 15: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/15.jpg)
Profile Wire Frame
![Page 16: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/16.jpg)
Gallery Wire Frame
![Page 17: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/17.jpg)
Chat Environment Wire Frame
![Page 18: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/18.jpg)
Forum Environment Wire Frame
Forum image from http://forum.audacityteam.org
![Page 19: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/19.jpg)
Log out Wire Frame
![Page 20: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/20.jpg)
Accessibility
• Descriptive text and adequate contrast for low vision and color blindness
• tab navigable site should be enough to cover the range of personas this site will encounter.
• Screen readers and magnifiers most likely to be used.
![Page 21: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/21.jpg)
Test Plan
• 1.) W3C Validation Services- These tools will be used to validate and check markup, CSS, links and mobile friendliness for errors by the industry standards.
• 2.) Web Developer 1.1.9- will be used to test layouts in multiple screen sizes, as well as various tools to debug and optimize the site. It has a wide range of tools for SEO, CSS, forms, images, cookies and other tools to optimize layouts and pages.
• • 3.)WebSitePulse- will be used to check for website response time and the results display
the times for DNS lookup, connect, download the first byte and download the complete HTML of the tested website.
• 4.)browsershots.org- will be used to test browser compatibility. It shows load time as well as a screen shoot of how the site looks in that browser. Tests multiple browsers at the same time.
• 5.) test server- a test server will be used to test the site live before launch to check for missed bugs and errors, give the client a live final approval and to perform user end testing. User end testing will be performed with a group a users to look for usability and unexpected problems that may need to be resolved before launch.
![Page 22: Www.maristanimeclub.net Developed by Kelly J Howard.](https://reader035.fdocuments.us/reader035/viewer/2022062321/56649ef25503460f94c04698/html5/thumbnails/22.jpg)
References
• Marist concept logo provided by the clubs president Autumn Regan-Steinberg
• Forum Image taken from http://forum.audacityteam.org