Web Design, Google Sites

NSD Web Logo

Nespelem School District Web Site

How does one plan a website?

The Need

Last summer, our school pondered the possibility of applying for Google Apps in Education. A main component of this change considered an update of our school website. How did we do? What would you include?

Our Web Users

This question began the journey, “What does our site need?”

One expectation demanded that the site would include a professional design, community information, and needed elements required by the Office of the Superintendent of Public Instruction and other entities.

The Website Users

With those in mind, I spent days immersed in thoughts and scribbles, research and models, documents and images. Before I could really begin though, I considered the broad range of our website users: Administration, Community, Families, Staff, Students, Program Affiliates.

Each of these website users have different purposes for reading/using our website. What do each need? I considered the needs of each:

Web Users

From those, I continued research to develop the texts and the flow of data. Three sites eventually emerged: a public school site, a staff site, and a student site. We needed two domains, one for the district and staff (nsdeagles.org), and one for the students (my.nsdeagles.org).

The Sites

The public district site provides all the schedules (events, closures, etc.), public information (homeless, Title I, Net Safety), documents (handbooks, permission forms, disclaimers, COPPA, etc.), and  helpful links that satisfied the needs of administration, staff, programs, families, and the community. Links to class web pages and staff information also provide information for community and families. The staff site provides staff with a substitute calendar, help videos for Google Apps, and a practice area before publication. The student site links to our private areas for student activities with Google Apps (documents, spreadsheets, presentations, portfolios).

With that planned, the work began: choosing the template in school colors and a simple design, designing the navigation among the three sites and within each site, and creating the pages, documents, and images.

Our school colors are red and white, so I chose the Solitude: Cherry template. For the header, I gathered three images. I created a masked picture in Pages with the administrator’s photograph. In Illustrator I added red color to our logo, a line drawing by Tony Esquivel, former community member, and in Photoshop, I combined the three images to create our logo. The student logo was created with Illustrator and Photoshop.

NSD Website

Public Site

What is my teacher’s phone number and email? When is the next school board meeting? What are the testing schedules? What assignments do my students have? Is school open in this snow storm? What do I do if I’m homeless? What is the school’s plan? How will my students use the Internet? What permission slips are needed?  These are questions that can be answered from our district site. This site answers the questions for the community and families, and provides Title I and other program information.

Family and CommunityThe image of columns shows the sidebar information from which the public can easily find the information needed by them and required by program stipulations:

The sidebar also links to the staff site and the student site.
The Staff Site

Our administrator asked for a calendar for staff to check for substitutes, if needed. That information is not public, and many teachers want to practice their new Google App skills before publishing. Therefore, we also provide a safe and walled site for staff. Student information and staff collaboration happen in these areas. In addition, help videos have been created so staff can learn on their own or receive a refresher on technology topics such as creating a google document, creating a google site, how to login and out.

NSD Staff WebsiteOur staff also have access to Google Apps, and they can be accessed by logging in at either the public or staff site, since they are both located at nsdeagles.org. Google Apps can be shared with individuals, with students from their teachers, with groups, or to the public. Next fall we will begin professional development in Google Apps. This year, a small set of staff learned how to create sites and documents to share; these were not techies, but people in special programs with information that families may want, such as the athletic director.
Easy to use with many layouts, templates, gadgets, and page styles, Google Sites allowed us to meet the needs of all of our users.
The Student Site
Student Site
On the public site and staff site, a link clicks people to our student site, but this requires a password. This is the student area for accessing Google Apps and creating documents and portfolios.
On both the public and private site, students have access to our Internet expectations, policies, and netiquette.
The sidebar also links to teacher pages, public teacher pages, and the school website.  Everything is connected.
Writing Class Home Page
Teacher websites can be public or private. My writing teacher site is public, a start page on our computers in the classroom so students can access their assignments.Student User Needs Met
As a result of this access, both private and public, student user needs are met. Students have links to their teachers, the lesson plans, their assignment directions, help pages, resources, and all needed websites.
Planning a website takes time to meet the needs of the users and to create the documents and pages for those needs. Google Sites makes the implementation of the design easy.  Now, the professional development begins so all staff are able to create the documents and sites they need for their classrooms, students, and families.

If you need to plan a Google Site, I hope this information helps.
So, How did we do? What would you include?


Note:

Mindmap created in MindNode on iPad

Graphics created with Snagit

One thought on “Web Design, Google Sites

  1. Pingback: Digital Learning- Celebrating Our Passions- 2 « Literacy ShopTalk

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s