Transcript Electronic Web Portfolios - North Iowa Area Community College

Electronic Web Portfolios
Developed By:
Rebecca Anthony
John Achrazoglou
Copyright 1999
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
0
Importance of technology skills
“The expanding use of Internet
technologies by businesses has
resulted in a growing demand for
skilled professionals to develop and
support World Wide Web
applications.”
Source: “Occupational employment projections to 2006,” Monthly
Labor Review
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
1
Electronic portfolios increase
marketability by:
•
•
Showcasing skills while simultaneously
demonstrating technical abilities.
Using global marketing tools. Provide URL
(Internet address) to selected employers
through résumés (on-line or paper), email,
or traditional correspondence and contacts.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
2
Tools for building portfolios
•
•
•
HTML (Hypertext Markup Language) or, Web page
editors (e.g. Microsoft FrontPage®, Claris
HomePage®)
Graphic editing programs to enhance pictures in
portfolio (e.g. Adobe PhotoShop®, Illustrator®)
Access to multimedia equipment: audio editors,
digital/video cameras, page or slide scanners
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
3
Tools for building portfolios
•
•
Method to upload materials to Web servers.
(“FTP” or “Fetch” utility programs or through HTML
editor)
Knowledge of Java, JavaScript, or CGI for
sophisticated Web interactions.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
4
Target materials to audience
•
•
•
•
Employers want “job-related” materials.
Select professional items targeted for
specific employers. Know professional
standards in career area.
Choose items and artifacts that clearly
identify success in past performance.
Promote skills relevant to viewer.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
5
Key content items for electronic
portfolios
•
•
•
•
Proof of knowledge/specific training
(academic/career/practical area)
Examples of team work-leadership
(committee, group or individual)
Summaries of related experiences
(internship, field experiences, jobs)
Evidence of presentation-communication skills
(writing, speaking, organizing)
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
6
Do not include:
•
•
•
•
•
•
Photographs of friends, family, pets
Personal details - age, race, religion, marital
status, dependents, significant other
Images of licenses, certificates, transcripts
Political or religious affiliations
Tasteless or insensitive material
Copyrighted material
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
7
Electronic portfolios start with a
“Digital Backpack”
•
•
•
Collect materials on high capacity drives
(hard drive, Zip) and save in digital
backpack for future use.
From backpack materials, choose best
items to present to employers.
As career begins, take portfolio items and
build a professional toolbox.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
8
Design rules of thumb
•
•
•
•
•
•
Outline
Density
Alignment
Color
Consistency
Layout
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
9
Outline
• Create visual map, outline, or flow chart
•
for portfolio.
Plan ahead - create Web pages by
visualizing content and graphics on paper,
then move ideas to the screen.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
10
Density
• Space visually connects or disconnects
material on a Web page.
• Carefully use space to organize and
present key points.
• High density levels of information are hard
to read and discourage viewers. Fewer
words and more space is advantageous.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
11
Alignment
• Align materials in center, left, or right side.
•
Choose one alignment and stick with it.
In general, put important information in the
middle of the page. Keep related items in
close proximity to each other.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
12
Color
• Colors enhance message.
• For impact, choose reds and blues.
• For large areas of text, choose soothing
colors - brown, black, or burgundy.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
13
Color
• Use contrasting colors for text and
backgrounds.
• Use light colored letters on a dark
background or dark letters on a light
background.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
14
Consistency
• Repetition unifies the Web portfolio.
• On each Web page use the same
layout/format, fonts, colors,
backgrounds, basic graphics, and
navigational buttons.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
15
Layout
Increase readability by limiting the use of:
• italics
• font variations
• CAPTITALIZATION
• Blinking text
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
16
Layout
•
•
•
Design to fit 15” (or larger) monitors.
Produce many short Web pages rather
than a few long complex ones; avoid
prolonged downloads and unnecessary
scrolling by the user.
Navigational buttons should appear in
same location on each Web page, usually
somewhere on the perimeter of the page.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
17
Layout
•
•
Avoid using frames if possible; use HTML
tables to place materials side-by-side.
Frames may not be supported by some
Web browsers and may not work well with
software used by people with visual
disabilities.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
18
Other tips
•
•
Users with visual disabilities may rely on
text readers to speak text out loud.
Include text versions of your portfolio or
have text descriptions under buttons,
graphical navigational aids, etc.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
19
Guidelines for graphics
• Use graphics on Web pages labeled as .jpeg,
.jpg or .gif. These graphic formats are widely
supported and perform well on the Web.
• Overuse of detailed graphics may result in
poor downloading performance.
• Use lower to medium resolution graphics
with fewer colors in place of detailed high
resolution images.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
20
Email and hyperlinks in portfolio
•
•
•
Include email address to accommodate
quick and easy communication.
Add links to other Web sites only if they
enhance your portfolio.
Check links to other Web pages regularly.
Internet addresses can change or be
disconnected.
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
21
Where can I learn more?
•
•
•
•
Courses from local college, community
college or technical training center
Tutorials on the World Wide Web
Manuals, documentation, on-line help that
comes with software packages
Textbooks and learning guides from
bookstores
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
22
The End
Copyright Rebecca Anthony &
John Achrazoglou, 1999.
23