Student-Community Collaborations George Kontos, Ed.D. Associate Professor Business Division Western Kentucky University (University College Commonwealth School)

How to do a Student-Community Website Project? Research local businesses Research local businesses Make a list of local businesses Make a list of local businesses Choose an interested business Choose an interested business Meet business representatives to discuss Meet business representatives to discuss Plan the web site Plan the web site Implement the plan Implement the plan Revise as needed Revise as needed Complete project to the business’ satisfaction Complete project to the business’ satisfaction Web Page Design... (Kontos)2

Two Steps are Essential in Developing the Web Site: 1. Planning 2. Implementation Web Page Design... (Kontos)3

STEP 1: PLANNING 1. Identify the purpose and target audience 2. Determine what web pages to include Sketch the navigation structure Sketch the navigation structure Review and revise the sketch Review and revise the sketch 3. Determine the content for each page 4. Design the web pages by sketching the page layouts 5. Review and revise Web Page Design... (Kontos)4

5 Home Page Action Movies Drama Movies New Action Old Action New Drama Old Drama Navigation Structure

Web Page Design... (Kontos) Slide 6 Navigation Structure (sketch)

Web Page Design... (Kontos)7 header local navigation bar content footer Web Page Layout

Web Page Design... (Kontos) Slide 8 Web Page Layout

Web Page Design... (Kontos) Slide 9 Navigation Bars

The Four Concepts of Design 1. Appropriateness Match purpose and target audience 2. Placement Follow standards based on user expectations 3. Consistency Use consistent visual cues 4. Usability Make it easy on the user to navigate through Web Page Design... (Kontos)10

Web Page Design... (Kontos) Slide 11 Design Concepts: Appropriateness example Bad ExampleGood Example

STEP 1: PLANNING 1. Identify the purpose and target audience 2. Determine what web pages to include Sketch the navigation structure Sketch the navigation structure Review and revise the sketch Review and revise the sketch 3. Determine the content for each page 4. Design the web pages by sketching the page layouts 5. Review and revise Web Page Design... (Kontos)12 Review / Summary

STEP 2: IMPLEMENTATION 1. Using Dreamweaver (or other tool), define the web site and organize the files and folders 2. Create the web pages and link them together 3. Review the web site in a browser 4. Make changes or corrections 5. Repeat steps 3 and 4 until complete Web Page Design... (Kontos)13 Review / Summary

Who Benefits? The business The business The student The student Web Page Design... (Kontos)14

Web Page Design... (Kontos)15 Benefits if Student Projects Involve the Community Students: Make new contacts Make new contacts Work with potential future employers Work with potential future employers Apply class knowledge to real life Apply class knowledge to real life Boost resume Boost resumeBusinesses: Get help to complete unfinished projects Get help to complete unfinished projects Get to know potential future employees Get to know potential future employees

Reasons why a local business would welcome help in having their web site created Lack of :  knowledge to create an effective web site  resources needed to create it  money to finance creating it  time to devote in its design and implementation Web Page Design... (Kontos)16

Closing Comments: To Enhance the Project’s Effectiveness, Assessment should also be conducted on any level other than the end-product itself (the website) Students should journal throughout the course of the project and document what they have learned through the process Web Page Design... (Kontos)17

Directions for Preparing the Journal How did you search for businesses that might be interested in developing a web page for them? Did you use the phone book? Contacts, phone, , Internet? How did you search for businesses that might be interested in developing a web page for them? Did you use the phone book? Contacts, phone, , Internet? Write the name and other contact info of the one business that you actually selected. Write the name and other contact info of the one business that you actually selected. Write the date that you made the initial contact with this business. Write the date that you made the initial contact with this business. Web Page Design... (Kontos)18

Write a brief summary of what was discussed at each of the meetings that you had with this business, including date for each meeting. Were the meetings conducted by phone, , or how? Write a brief summary of what was discussed at each of the meetings that you had with this business, including date for each meeting. Were the meetings conducted by phone, , or how? Other info such as what you learned through the process about this business in general and about their needs for having you develop a website for them. Other info such as what you learned through the process about this business in general and about their needs for having you develop a website for them. Web Page Design... (Kontos)19 Directions for Preparing the Journal (cont.)

What experience did you gain while working on this project? What experience did you gain while working on this project? Whatever else you think is relevant with this project Whatever else you think is relevant with this project Web Page Design... (Kontos)20 Directions for Preparing the Journal (cont.)

Web Page Design... (Kontos)21 Hello, George, Everything went wonderfully well in working with Jessica. She made and kept appointments and was prompt in replying to my and phone messages. She was always business-like and pleasant to work with. Jessica worked with your outline and that helped us both to be very clear and specific about what needed to be on the website. She made good suggestions and took direction very well and was a pleasure to work with. Sincerely, Paula FEEDBACK

Web Page Design... (Kontos)22 Mr. Kontos, Melna was very easy to work with and created a great site for our office. We have needed a useful and user-friendly website for quite some time so I am very pleased that she created this for us. Thank you, Dina FEEDBACK #2

Web Page Design... (Kontos)23 George, It has been a pleasure working with Annette on this project. I appreciate having had the opportunity for this website to have been part of the learning process in one of your classes. Could you please tell me how you worked together? We worked on an ongoing basis to come up with what the website would look like. I then gave her additional ideas to help with development. She seems to have a very creative mind when developing the website and an understanding of what the end user would want to see. FEEDBACK #3

Web Page Design... (Kontos)24 I am interested in how any meetings you might have had went? We formally met 6 to 8 times to formally review and work on the project. How happy have you been working with this student? I am very happy with the work she has done. It looks great and will be a very useful website for consumers and businesses here in Bowling Green KY. FEEDBACK #3 (cont.)

Web Page Design... (Kontos)25 How useful the web site might be? As noted above, the website will be very useful. I think it will be a hit here in Bowling Green and it will be very easy for consumers to use and want to use. Thanks - and I look forward to working with your school and classes whenever the opportunity arises or is needed in the future. JD FEEDBACK #3 (cont.)

Web Page Design... (Kontos)26 Example: Electronic Portfolio A portfolio is a collection of work that clearly illustrates effort, progress, knowledge, achievement, and skills.

Web Page Design... (Kontos)27 Example: A Corporate Presence Website A corporate presence website presents information about a company’s products or services NOTE: Some of the web page examples (such as this one) in the presentation were borrowed from a Lawrenceville Press Dreamweaver textbook by Malfas/ Marelli/Brown that I used while teaching my Dreamweaver classes

More Examples (if time permits) Web Page Design... (Kontos)28

Web Page Design... (Kontos)29