Innovations in Educational
Technology
What you can find to get the job
done here at U.T. Dallas.
Southern Association of Colleges and
Schools Recommendations:
All course syllabi must be on WWW
 Minimum syllabus contents:

–
–
–
–
–
–
Course Prerequisites
Educational Goals
Intellectual Content
Evaluation & Grading Methods
Examination Schedule
Major Assignments & Readings
Course WebPage Flowchart
Department
HomePage
Course
HomePage
Syllabus:
Information
& Contacts
Calendar
of events
Exams &
Homework
Samples
& Current
Lectures &
Resources
Resources
NETSCAPE 4 Browser
 HTML Editing

–
–
–
–

(or IE )
MS FrontPage free but uneditable code
MS Office 2000 WORD export to HTML
Quest & Designer’s Edge authorware
Or Any Text Editor: work without a net
GRAPHICS Editing
–
–
MS Office PhotoEditor
Digital Camera, Scanner & OCR ( optional )
Presentation Managers

Course Applications
–
–
–
–
–

Editable Slide Show
Audience Notes
Modest Multimedia
Transparencies
Student Projects
Microsoft PowerPoint
– Run-time Module free
– Deliverable by WWW
Networked Communications

Mandate Student Sign-On!
– 3 Accounts : INFOSERV, UNIX, RNA

Asynchronous
– ELECTRONIC MAIL
– USENET GROUP (no more Listservers)

Synchronous
– MOO, MUD (text)
– Internet Teleconferencing (whiteboards, et al.)
Electronic Mail (Infoserv)
24 Hour Office
 Focused Inquiry
 Broadcast Response
 Homework by Attachment ( MIME )
 Distance Education

– “Anytime, Anyplace”
UseNet Group Discussions





Threaded Chat
Not Email-based
Responses to All
24 hr asynchrony
Text-based
–

“binaries” by
UUcode attachment
Setup via 883-2911
assist@utdallas.edu
Authorware
Presentation & Tutorials
 Adaptive Testing and Branching
 Free runtime distribution (web or CD)
 Student Project Tutorials
 Designer’s Edge

– Prompts outline development

QUEST
Quest




University License
Sneakernet install
anywhere on
campus
Product is viewable
anywhere with free
player
www.allencomm.com
Quest Programming

Modular Design
– for projects

Creation of Frames
– like individual
webpages

Coding for events
– Visual metaphor but
still C underneath
– Not a casual
undertaking.
INSTEAD . . .
Borrow successful designs from
the semi-infinite source:
The World Wide Web
HTML Outline

< HTML >
–
< HEAD >
»
–
–
< /HEAD >
< BODY >
»
–

< TITLE > Window dressing < /TITLE >
ALL YOU EVER WANTED TO SAY
< /BODY >
< /HTML >
< TITLE > ?
< /TITLE >
Not only titles the Window
(and its bookmark!)
but also gets high points
from Keyword Searchers.
< BODY > ?
< /BODY >

Reiterate TITLE as page heading

Concise, unambiguous information

Clear progress & backtrack devices
–
Site MAP if navigation is COMPLEX

Dated and signed development

Contact facility ( MAILTO: )
HTML Navigation
<a href=“stuff”> link</a>

stuff?
–
–
“http://Full_URL”
“file.htm”
»
–
“file.htm#label”
»

if page is local
target on local page
link is clicked to
trigger a new page
(can be an image too)
HTML Contents
TEXT PARAGRAPHS
 TEXT LISTS < OL type=a >

»
<P>
< UL >
ORDERED or BULLETTED (unordered).
< TABLE >s
 MEDIA

»

IMAGES, SOUND, and VIDEOS
“HELPER” APPLICATION LINKS e.g.
–
“http://www.utdallas.edu/~parr/acet/edtech99.ppt”
HTML Formatting

As Written:

As Displayed:
Hello
Goodbye
–
HelloGoodbye
–
–
Hello< BR >
Goodbye
–
Hello
Goodbye
–
< I >ad naseum</I>
–
ad naseum
–
–
–
HTML Tables
Each cell is formatted
separately & expands
to fit its contents...
even
other tables.
even images.
HINT:
Tables take page
formatting control
back from browsers!
HTML Images

JPEG (.JPG or .JPE)
–
–
–
compressed photos
Properties will show
size in pixels.
MS PhotoEditor
File/SaveAs/More
permits quality
setting for tradeoff
with file size (page
appearance time).
HTML Images

GIF (.GIF)
–
non-photo images
»
»
»
»
»
»
»
–
< IMG
SRC=“mad_duck.gif”
ALT=“Hit any key”
ALIGN=right
WIDTH=250
HEIGHT=200
BORDER=0 >
Properties gives
width & height (in
pixels)
HTML Image Map (client-side)


<img src=“plot.gif” usemap=“#xy” ismap>
<map name=“xy”>
<area shape=rect
coords=“18,42,53,175” href=“valid_URL1”>
<area shape=default href=“valid_URL2”>
</map>
Shapes: rect, circle, poly
Origin is upper left.
Earliest defined overlap wins.
Pixel coords from MS PE cursor.
3000
2500
1000
500
0

S u m m er

1500
S p rin g

2000
F all

UG
GR
NDS
Graceful Conclusions

Provide Quick Access to Entry Point:
–

Provide instant email contact:
–
–
–

<A HREF=“index.htm”>Home Page</A>
< A HREF=“mailto:1@utdbbs.tiu.net” >
Send me email
< /A > or telephone (972) 883-2485.
Date Last modified 11/9/99 & Sign your
work: © Chris Parr (UTDallas)
Follow-On HTML Training
& webpage installation notes

Mark Mitchell
– Training Specialist in
Telecommunications
Services

Will offer hands-on
if we evidence
interest.
WWW Tutorials on Web Pages
A Beginner’s Guide to HTML
http://www.ncsa.uiuc.edu/General/
Internet/WWW/HTMLPrimer.html
 HTML Quick Reference
http://www.cc.ukans.edu/~acs/docs/
other/ HTML_quick.shtml
 Principles of Web Page Design

http://info.med.yale.edu/caim/manual/
Posting WebPages at UTD
http://www.utdallas.edu/~yourID
START RUN telnet apache OK
 Login with valid UNIX ID & password

–
–
–

mkdir public_html
chmod 755 public_html
chmod o+x $HOME
Use FTP Explorer to copy “index.html”
file to public_html directory
–
–
cd public_html
chmod 755 index.html
Fill-in-the-blanks Syllabus Template?
If there is interest, UTD will supply
an example course webpage with
replaceable text modules that you
could FILE SAVE AS and modify.
Free Microsoft Software Licenses

Licenses: $0 for home use
–
(forever)
HighEd 1365 Glenville Road 972 437-3747
Installation media (CD): $ 6-30 (trivial)
 MS Office 2000 Professional Suite
WORD, PowerPoint, EXCEL, ACCESS
 MS Windows 98 or NT workstation
 MS FrontPage, HTML site scripting
 MS Visual Studio Pro C++,J++,VisualBasic

Y2K Millennium Bug Fixes

Win 95 & 98
–

Settings/Control/
Regional/Date reset
short-form year
format to yyyy
Win 3.x & DOS
–
–
–
Before 2000 in DOS,
DATE 1/1/2000
When returning 1/4,
DATE 1/4/2000
Never DATE 1/4/00
And if all else fails . . .
Chris Parr
parr@utdallas.edu
(972) 883-2485