Transcript email web page

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
Make a list of local businesses
Choose an interested business
Meet business representatives to discuss
Plan the web site
Implement the plan
Revise as needed
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.
2.
Identify the purpose and target audience
Determine what web pages to include


3.
4.
5.
Sketch the navigation structure
Review and revise the sketch
Determine the content for each page
Design the web pages by sketching the
page layouts
Review and revise
Web Page Design ...
(Kontos)
4
Navigation Structure
Home
Page
Action
Movies
Old
Action
Drama
Movies
New
Action
Web Page Design ...
Old
Drama
(Kontos)
New
Drama
5
Navigation Structure (sketch)
Web Page Design ...
(Kontos)
Slide 6
Web Page Layout
header
content
local
navigation
bar
footer
Web Page Design ...
(Kontos)
7
Web Page Layout
Web Page Design ...
(Kontos)
Slide 8
Navigation Bars
Web Page Design ...
(Kontos)
Slide 9
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
Design Concepts:
Appropriateness example
Bad Example
Web Page Design ...
(Kontos)
Good Example
Slide 11
STEP 1:
PLANNING
Review / Summary
1.
2.
Identify the purpose and target audience
Determine what web pages to include


3.
4.
5.
Sketch the navigation structure
Review and revise the sketch
Determine the content for each page
Design the web pages by sketching the
page layouts
Review and revise
Web Page Design ...
(Kontos)
12
STEP 2:
IMPLEMENTATION
Review / Summary
1.
2.
3.
4.
5.
Using Dreamweaver (or other tool),
define the web site and organize the
files and folders
Create the web pages and link them
together
Review the web site in a browser
Make changes or corrections
Repeat steps 3 and 4 until complete
Web Page Design ...
(Kontos)
13
Who Benefits?
 The
business
 The
student
Web Page Design ...
(Kontos)
14
Benefits if Student Projects
Involve the Community
Students:
Make new contacts
 Work with potential future employers
 Apply class knowledge to real life
 Boost resume

Businesses:
Get help to complete unfinished projects
 Get to know potential future employees

Web Page Design ...
(Kontos)
15
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,
email, Internet?

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.
Web Page Design ...
(Kontos)
18
Directions for Preparing
the Journal (cont.)

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,
email, 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.
Web Page Design ...
(Kontos)
19
Directions for Preparing
the Journal (cont.)

What experience did you gain while
working on this project?

Whatever else you think is relevant with
this project
Web Page Design ...
(Kontos)
20
FEEDBACK
Hello, George,
Everything went wonderfully well in working with
Jessica.
She made and kept appointments and was prompt in
replying to my e-mail 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
Web Page Design ...
(Kontos)
21
FEEDBACK #2
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
Web Page Design ...
(Kontos)
22
FEEDBACK #3
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.
Web Page Design ...
(Kontos)
23
FEEDBACK #3 (cont.)
• 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.
Web Page Design ...
(Kontos)
24
FEEDBACK #3 (cont.)
•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
Web Page Design ...
(Kontos)
25
Example:
Electronic Portfolio
A portfolio is a collection of work that
clearly illustrates effort, progress,
knowledge, achievement, and skills.
Web Page Design ...
(Kontos)
26
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
Web Page Design ...
(Kontos)
27
More
Examples
(if time permits)
Web Page Design ...
(Kontos)
28
Web Page Design ...
(Kontos)
29