3.Designing

=**﻿Designing **= = = =**//Briefly discuss the designing phase in relation to the website (4 marks)//**=

The designing phase of the system development cycle draws together the elements that need to be included in the final product.
====When designing any product, design can become a long, time consuming element. A lot of thought into details must be included in the development in order to re﻿ach the final product. Therefore, it is essential to plan all the aspects that need to be included in the website before jumping into the final design. ====

An important aspect of a website are the links from one page to another, they must be simple, easy to use and accessible.
====Brainstorming items to create the multiple links available in the website, will consist of research into many school websites, observing the information available and what access the students, staff, parents and general public have access to. ====

The following websites for schools have been used for research:

 * ====@http://www.bcrandwick.catholic.edu.au/ ====

@http://web1.sthsydneyh.schools.nsw.edu.au/
|| ====@http://www.domremy.catholic.edu.au/ ====

@http://www.newingtoncollege.nsw.edu.au/
||

· Photos
====Once research has been completed the designing begins, providing a basic format for the website, including a structure of pages, links and an overall format of the website. Using www.wix.com, users are able to adapt an existing format provided; however for the purpose of the task for students to design their own website with unique features, a blank canvas ideal. This allows the students to create their own design, including the features that they require, providing a different product to others. It also permits freedom of design and flexibility to suit the needs outlined by the school and as result of the research. ====

=//**Use system design tools to better understand the system and explain the operations of the new system (5 marks) **//=

__**Storyboard **__
====To develop a story board is to lay out the essential elements that are required to produce the product, in order of development. Creating a storyboard is essential in this instance allows the participant development (Powers, 2000), stage to occur with a lot more ease and simplicity, as the structure and all elements required are formally laid out. ====



__**Data Dictionary **__

 * = ====**<span style="font-family: Arial,Helvetica,sans-serif;">Data Item **==== ||= ====**<span style="font-family: Arial,Helvetica,sans-serif;">Description **==== ||= ====**<span style="font-family: Arial,Helvetica,sans-serif;">Examples **==== ||
 * ====<span style="font-family: Arial,Helvetica,sans-serif;">Website ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">The website used to host the product ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">http://www.wix.com ==== ||
 * ====<span style="font-family: Arial,Helvetica,sans-serif;">Internet address ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Address at which product has been stored. ie: the prototype website ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">@http://www.wix.com/kellyannwatts/watervillehs ==== ||
 * ====<span style="font-family: Arial,Helvetica,sans-serif;">Each page of Website ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Home ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Stores basic information about the school ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Includes message from principal, upcoming events and a brief overview. ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">About ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Describes a few aspects of the school ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Current ‘about’ aspects of the school and a school history. ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Calendar ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Events occurring in school community ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Events of term 4 in calendar form ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Contact ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Contact information for the school ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Contact details for the school: email, address, mailing address, location and enquiry form ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Year Groups ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">For each year group, providing information for the community about each year group ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Overview of the current year group students and what is expected of that year group. Also link to subjects and classes (homework, syllabus, curriculum). The following is an example for Year 10 Food Technology http://watervillehs.wikispaces.com/10DesignTech ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Enrolment ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Provides enrolment information for parents to enroll their children. ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Contact details to obtain an enrolment form and the enrolment process. ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Job Opportunities ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Information about many upcoming positions available at the school. ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Email to send resume and CV ==== ||
 * * ====<span style="font-family: Arial,Helvetica,sans-serif;">Photos ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Photos of the school community for recent events ==== || ====<span style="font-family: Arial,Helvetica,sans-serif;">Photos from the athletics carnival. ==== ||

<span style="font-family: Arial,Helvetica,sans-serif;">- each page links to one another.


====<span style="font-family: Arial,Helvetica,sans-serif;">This image demonstrates the links of the side bar. Starting at ‘Home’ as the main page, each page links to one another. From the diagram, the side bar can be developed. The side bar is visable on each page of the website, allowing easy and constant access to the other pages. ==== ====<span style="font-family: Arial,Helvetica,sans-serif;">From the development of this diagram, as well as from the research and <span style="font-family: 'Arial','sans-serif'; font-size: 11pt; line-height: 115%;">survey, to make the website easier for students with disabilities to view, a constant side bar on each page is relevant to ensure it can be usable for all. The following side bar has been created: ====



====<span style="font-family: Arial,Helvetica,sans-serif;">This image demonstrates the links of the side bar. Starting at ‘Home’ as the main page, each page links to one another. The school's logo is also used as a 'home' page link. ====

<span style="font-family: Arial,Helvetica,sans-serif;">HSC Syllabus documents
====<span style="font-family: Arial,Helvetica,sans-serif;">Wikis- Additional wikis have been created to show by example the use for subjects and classes by teachers to distribute homework and assessment information to students. ====

<span style="font-family: Arial,Helvetica,sans-serif; margin: 0in 0in 10pt;">The following data flow diagram shows the process to get to the wiki via the home page.


=//**<span style="font-family: Arial,Helvetica,sans-serif;">Develop a solution to the problem (15 marks) **//=