Teaching With The Internet- Teacher’s View July 15th, 2003 Patrick G. Paulson WSU Business Administration Assistant Professor of MIS

Teaching With The Internet-Teacher’s View

July 15th, 2003

Patrick G. Paulson

WSU Business Administration

Assistant Professor of MIS

July 15, 2003 Teaching With The Internet ©PgP2003 2 2.1

Welcome Back

• Thanks for committing your time

• In return I would appreciate feedback

• Last minute changes are in blue


Research Notice

• If you would like to collaborate on researching how these methods could be used to enhance education in your field please let me know

[email protected]

507.457.5581


Summary Of Yesterday

• Created student homework web site• Saved homework• Completed homework• Hyperlinked homework• Published homework• Viewed web site• Submitted web site url form• Became a ‘webmaster’


Today’s Topics

• Creating an Internet enabled course

• Remember url:http://course1.winona.edu/ppaulson/TeachWithInternet


Technology Caveat

• Seminar concentrates on Microsoft products– FrontPage, Internet Explorer, Windows Explorer

• Other methods can be used– Apple, Dreamweaver, Safari, Finder

– Linux, php, Mozilla,

– Cold Fusion. mySQL, Apache, Perl, cgi scripts…

• Platform and software combinations are huge!


Creating Internet Enabled Class

• Converting curriculum to web-based format

• Developing web based curriculum

• Deciding on the right blend of services


Nuts And Bolts

• Need a web site on course1 containing– syllabus with assignments and due dates

– course material

• Students must create and maintain their web sites• Students must submit homework web site urls• Teacher must decide how much Internet

interaction is appropriate for each course


Course1 Web Site

• Name of WSU teacher’s web server

• Will be used in a generic sense to represent any course web server


Course1 Web Site

• Teacher’s course materials– Folder for each course– Folders for miscellaneous info


Course1 Web Site Example


Course1 Uses

• Communicate class policy• Communicate announcements• Helpful information for students• Online exams/quizzes• Online course evaluations• Collect homework answers with time stamp info• Whatever you can imagine…


Course1 Uses

• Some items easier to implement than others

• Dividing line is static versus dynamic content


Static Content

• One way communication

• Display information for students

• Can be done by teacher and/or student


Static Content Requires

• Html files, similar to Word Documents

• Does not change unless ‘webmaster’ changes or adds content


Dynamic Content

• Two way communication• Display information• Gather information

– Homework answers– Test answers– Quiz answers– Attendance– Course survey data– Time stamp info


Dynamic Content Requires

• Html files with forms

• Client side-Java Script

• Server side-VB Script

• Database management system– Gather data– Create reports

• Other technologies available


Roadmap For Next Steps

• Order based on my experience

• Static steps 1 and 2 develop basic skills


Roadmap For Next Steps

• Step 3-transition to ‘Dynamic’ web sites, introduce concepts that form basis of remaining steps. Start by collecting student web urls

• Step 4-collect and view homework in database, with server time-stamping homework

• Step 5-students check homework submission timestamp

• Step 6-online testing• Step 7-online eAttendance


Prepare For Next Steps

• Open FrontPage• Create new empty web at:

– D:\Data\My Webs\Course1

• Open Internet Explorer– Browse to Teaching With The Internet Page– Select link number 5, ‘File>Save As…’– Navigate to: ‘D:\Data\My Webs\Course1\’– Save in: ‘default.htm’


Prepare For Next Steps

• Go back to FrontPage, Refresh (F5)

• Open Course1\default.htm

• Modify file to fill in your information– Do not have to complete now– You will have a copy of the web sites you are

creating on your laptop. For non-WSU people we can burn a CD of your web sites


Step 1-Static Course1

• Course materials web based instead of paper based

• Easy to update or correct materials

• Develop from scratch or copy existing

• Best to develop your own style

• Students can submit homework on paper

• eLearning center course?


Step 1-Course1 Example

• Using IE browse to http://course1.winona.edu/ppaulson– Same url each semester– Courses change– Layout has been changing– Use as model, create your own or modify the

one just downloaded to your Course1 web site

http://course1.winona.edu/ppaulson


Step 1-Basic Pages

• Syllabus containing course schedule, assignments, tests, presentations, notes, examples– syllabus.htm Link 6, sample-Save with IE

• Course information containing special notes, information on classroom, office hours, book; course-specific links– CourseInfo.htm Link 7, sample-Save with IE

http://course1.winona.edu/ppaulson/DIS312/default.htm

http://course1.winona.edu/ppaulson/DIS312/default.htm

http://course1.winona.edu/ppaulson/DIS312/CourseInfo.htm

http://course1.winona.edu/ppaulson/DIS312/CourseInfo.htm


Step 1-Basic Pages

• Class policy with course description, teacher expectations, information on exams, quizzes and grading– grading.htm, Link 8, sample-Save with IE

• Add other pages as required

• Feel free to browse my web site– Also have copies of prior web sites on CD

http://course1.winona.edu/ppaulson/DIS312/grading.htm

http://course1.winona.edu/ppaulson/DIS312/grading.htm


Step 1-Web Site Strategy

• My strategy-continually refine syllabus, course information and policy pages

• Maintain ‘model pages’ which incorporate latest changes for next semester’s web site


Step 2-Static Studentwebs

• Day 1 seminar topic• Students create Studentwebs homework

web site• Download assignments from Teacher’s

Course1 web site• Complete assignment using FrontPage• Publish assignment to Studentwebs

homework web site


Step 2-Static Studentwebs

• Teacher collects student web site urls

• Teacher creates html page with table containing these urls-time consuming!– StudentWebs.htm, Links 9 through 13

• Grade homework by visiting each url

• Feedback can be paper based or email based

• Can use BlackBoard for grading

http://course1.winona.edu/ppaulson/TeachWithInternet/Course1/TeachWithInternet/Course1/StaticWebHW/StudentWebs.htm




Step 3-Dynamic Course1

• Provides eMail assignment feedback

• Adds collection of students homework web site urls– HTML form collects data from student– See day 1, slide 119


Step 3-URL Form


Step 3-Retrieve Form

• Go to ‘Teaching with the Internet Seminar’, Link 4, ‘Url submission form’

• File>Save As… – Navigate to: ‘Course1/HW/’

– Save to: ‘StudentWebURL.htm’

• Open FrontPage Course1 web site and examine this file– Controls-Drop-Down Box, Text Box, Push Button


Step 3-Examine Form HTML

• Switch to HTML View (bottom left corner)

• Go to line 15<form name="frmCourseEvaluation" method="post" action="ProcessURL.asp">

• FrontPage shortcoming-line numbers only show up in status bar at lower left

• Code invokes ASP script when Submit button is pressed


Step 3-Obtain ASP File

• Go to ‘Teaching with the Internet Seminar’, Link 14, ‘ASP Script-ProcessURL’


Step 3-Save ASP File

• Navigate to: ‘Course1/HW/’

• Save to: ‘ProcessURL.asp’– Note that file is on web site as ProcessURL.txt– Security settings will not allow you to

download .asp files, but you can get .txt files– .asp file is just a text file– .asp extension tells Course1 web server to

execute the code contained in the .asp file


Step 3-Examine ASP Code

• Open File ‘ProcessURL.asp’– Language is VBScript, run on Internet

Information Services (IIS) server– Examine code

• ‘//’ are comments• Script gathers data, sends to database• Need to modify database location in line 31 to use

this for your purposes• Need Access database, table ‘tblStudentWebs’…


Step 3-Code Notes

• ‘ProcessURL.asp’ notes– This file is used at semester start to gather urls– Internet users need to have ‘modify’ rights to

database, see IIS server administrator• Security Issues


Step 3-Database Needed

• Web server database-WebURLs.mdb– Database stores student web site information

for easy retrieval– Access can be used, SQL Server is better– WebURLs.mdb, tblStudentWebs


Step 3-Retrieve Database

• Go to ‘Teaching with the Internet Seminar’, Link 15, ‘WebURLs database’, Click url

• File Download box appears

• Choose Save

• Place in HW folder


Step 3-Examine Database

• Use Windows Explorer to find database– In D:\Data\My Webs\Course1\HW– Double click to open in Access– Select Table Objects


Step 3-Database Notes

• tblStudentWebs will collect student homework web site urls submitted from the URL submission form (Link 4)

• tblHW and tblExams will be used later


Step 3-Course Listing

• HTML file needed to create course list– Go to ‘Teaching with the Internet Seminar’,

Link 16, ‘Teacher’s course list’, Click url– Navigate to: ‘Course1/HW/’– Save File to: ‘sql.htm’ – Open in FrontPage, View HTML– Each button invokes a script that generates list

of students in a course• Such as: action="34201sql.asp"


Step 3-Dynamic Student Listing

• ASP script for teacher to view student urls– Script Creates web page listing student’s web site by

course with student’s name sorted alphabetically• Needed by instructor every time they need to access

student’s web sites

– Go to ‘Teaching with the Internet Seminar’, Link 17, ‘Dynamic student list-example’, Click url

• You will see example of my summer classes


Step 3-Saving Student Listing

– Go to ‘Teaching with the Internet Seminar’, Link 18, ‘Dynamic student list-code’, Click url

• This is asp script saved as text file

– Navigate to: ‘Course1/HW/’– Save File to: ‘StudentList.asp’– Open in FrontPage, View HTML and ASP code

• Publish the web site


Step 3-Grading Student HW

• Requires email program like Outlook– New email with subject line filled in when you

click email link on student hw template file


Step 3-Signature Files

• Use Homework Feedback Signature Files– Reduces typing– Creates grading record– Go to ‘Teaching with the Internet Seminar’,

Link 19, ‘HW signature file, Click url– Navigate to: ‘Course1/HW/’– Save to: ‘DIS312HW1.txt’ and get creative– Normally store these in non web site folder


Step 3-Signature File Setup

• Microsoft Outlook signature files– Tools>Options>’Mail Format’ tab, Signature section

– Choose existing signature

– Create signatures


Step 3-Choose eMail Signatures

• Press ‘Signatures…’ button– Select existing or..– Press ‘New…’ and…


Step 3-Create eMail Signatures

• Select ‘Use this file as a template:’– ‘Browse…’ to signature

file for current homework– Select DIS312HW1.txt– Create signature files at

start of semester


Step 3-Enhanced Feedback

• Go to ‘Teaching with the Internet Seminar’, Link 20, ‘HW with extra feedback-sample’– Click url– Press ‘Feedback’ email hyperlink– Not only ‘To’ and ‘Subject’ completed, but also

‘CC’ and ‘BCC’


Step 3-Enhanced Feedback

• Go to ‘Teaching with the Internet Seminar’, Link 21, ‘HW with extra feedback-code’– Click url– This is format for anchor tag <a href…</a>– Handy if you want to cc someone else when

grading a student’s homework• Parent’s• Setup special email account for all hw (invoke rules)


Step 3-Grading Tip

• Dual monitors simplify grading!

• Online grading requires– Web browser

• BlackBoard

• Student web site

– eMail program– Sample homework answer…


Step 4-Dynamic HW Collection

• With web database in place from step 3 adding more dynamic content is relatively easy

• In this section, we will show how to have students submit homework to web database– Allows time-stamping of homework

assignments


Step 4-Dynamic HW Collection

• Requires teacher’s homework assignments to contain form controls-text boxes, lists, radio buttons, submit buttons…– HTML forms are used– Create generic form with maximum number of

questions anticipated during semester• I use 12 questions maximum

– Can create one and use as template– Assignmentxx.htm


Step 4-Dynamic HW-Form

• Using IE go to ‘Teaching with the Internet Seminar’, Link 22, ‘HW HTML form’– Click link, navigate to: ‘HW/’

– Save to: ‘Assignmentxx.htm’

– Examine assignment, notice• Blue background-indicates form fields that student completes

before submitting homework– Identifies student

– Allows sorting of homework with database

• Blue text-indicates answer goes to database


Step 4-Dynamic HW-Example

• View ‘Assignmentxx.htm’ in FrontPage Preview– Complete form

• First Name, Last Name, Pin…

– Complete answers• Exercise 5.8…

– Type in whatever you want

– Return to top of page and press ‘Submit’


Step 4-Dynamic HW-Confirmed

• Note server time-stamp


Step 4-Dynamic HW Table

• Requires table in web server database WebURLs.mdb– tblHW– Already downloaded from Link number 15

• See Slide 38


Step 4-Dynamic HW-Script

• Requires asp script to collect homework answers and send to web server database

• Go to ‘Teaching with the Internet Seminar’, Link 23, ‘ASP Script-ProcessHW’– Click link and save ‘HW/ProcessHW.asp– NOTE: LINE 64 MUST BE MODIFIED!objConn.Open "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &

server.mappath("/username/studenthw") & "\" & "Weburls.mdb"


Step 4-Dynamic HW-Enhanced

• Requires new database on laptop for enhanced grading features (homework reports by assignment number, listing indicating if assignment was late…)– Homework.mdb– I can provide a copy if you need it…


Step 4-Dynamic HW-Reports


Step 5-HW Submission Check

• Try it out at my Course1 sitehttp://course1.winona.edu/ppaulson/StudentHW/HWInquiry/HWInquiryForm.htm

• Lastname: Mehroke

• Pin: rana

http://course1.winona.edu/ppaulson/StudentHW/HWInquiry/HWInquiryForm.htm

http://course1.winona.edu/ppaulson/StudentHW/HWInquiry/HWInquiryForm.htm



• Requires HTML form for student to enter last name and PIN– Go to ‘Teaching with the Internet Seminar’,

Link 24, ‘HW inquiry form’– Click link– Navigate to: ‘HW/’– Save to: ‘HWInquiryForm.htm’



• Requires asp script to process request to web server database

• Go to ‘Teaching with the Internet Seminar’, Link 25, ‘ASP Script-HWInquiry-code’– Click link and save ‘HW/HWInquiry.asp– Modify Line 27 for your configuration!objConn.Open "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &

server.mappath("/USERNAME/studenthw") & "\" & "WebURLs.mdb"


Step 6-Online Testing

• Requires HTML form similar to homework assignment containing test or quiz questions– See PracticeExam.htm on my Course1 site

• Requires new table in web server database– tblExams, you already have, Link 15

• Allows you to track when students submitted test– Penalty for late submission


Step 6-Online Testing Options

• Create different versions of exam by scrambling questions

• Obfuscate test url to make it difficult to find

• Can require username / password submission before exam is available


Step 7-Dynamic eAttendance

• Requires HTML form

• Requires new table in web server database

• Requires method to make sure student is in class when submitting attendance form– ‘Word of the day’?– Capture IP address?

• Future project, I have not yet completed


Step 8-Another Seminar…

• Other ideas are possible

• Video on the web

• Any suggestions?


What Is Next?

• Features driven by user feedback

• What would make teaching – More efficient?– More interesting?– More meaningful?

• For both you and your students…


Fall 2003 Adopters?

• Anyone interested in trying this out for the Fall semester?


The End

• Please provide feedback

• What do you think?– Too complex?– Too simple?– Suggestions for improvement?

• What other features would you like?


Really The End

Thank You