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

3. 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

4. July 15, 2003 Teaching With The Internet ©PgP2003 3 2.1 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 ppaulson@winona.edu 507.457.5581

5. July 15, 2003 Teaching With The Internet ©PgP2003 4 2.1 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’

6. July 15, 2003 Teaching With The Internet ©PgP2003 5 2.1 Today’s Topics Creating an Internet enabled course Remember url: http://course1.winona.edu/ppaulson/TeachWithInternet

7. July 15, 2003 Teaching With The Internet ©PgP2003 6 2.1 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!

8. July 15, 2003 Teaching With The Internet ©PgP2003 7 2.1 Creating Internet Enabled Class Converting curriculum to web-based format Developing web based curriculum Deciding on the right blend of services

9. July 15, 2003 Teaching With The Internet ©PgP2003 8 2.1 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

10. July 15, 2003 Teaching With The Internet ©PgP2003 9 2.1 Course1 Web Site Name of WSU teacher’s web server Will be used in a generic sense to represent any course web server

11. July 15, 2003 Teaching With The Internet ©PgP2003 10 2.1 Course1 Web Site Teacher’s course materials –Folder for each course –Folders for miscellaneous info

12. July 15, 2003 Teaching With The Internet ©PgP2003 11 2.1 Course1 Web Site Example

13. July 15, 2003 Teaching With The Internet ©PgP2003 12 2.1 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…

14. July 15, 2003 Teaching With The Internet ©PgP2003 13 2.1 Course1 Uses Some items easier to implement than others Dividing line is static versus dynamic content

15. July 15, 2003 Teaching With The Internet ©PgP2003 14 2.1 Static Content One way communication Display information for students Can be done by teacher and/or student

16. July 15, 2003 Teaching With The Internet ©PgP2003 15 2.1 Static Content Requires Html files, similar to Word Documents Does not change unless ‘webmaster’ changes or adds content

17. July 15, 2003 Teaching With The Internet ©PgP2003 16 2.1 Dynamic Content Two way communication Display information Gather information –Homework answers –Test answers –Quiz answers –Attendance –Course survey data –Time stamp info

18. July 15, 2003 Teaching With The Internet ©PgP2003 17 2.1 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

19. July 15, 2003 Teaching With The Internet ©PgP2003 18 2.1 Roadmap For Next Steps Order based on my experience Static steps 1 and 2 develop basic skills

20. July 15, 2003 Teaching With The Internet ©PgP2003 19 2.1 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

21. July 15, 2003 Teaching With The Internet ©PgP2003 20 2.1 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’

22. July 15, 2003 Teaching With The Internet ©PgP2003 21 2.1 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

23. July 15, 2003 Teaching With The Internet ©PgP2003 22 2.1 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?

24. July 15, 2003 Teaching With The Internet ©PgP2003 23 2.1 Step 1-Course1 Example Using IE browse to http://course1.winona.edu/ppaulson 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

25. July 15, 2003 Teaching With The Internet ©PgP2003 24 2.1 Step 1-Basic Pages Syllabus containing course schedule, assignments, tests, presentations, notes, examples –syllabus.htm Link 6, sample-Save with IEsyllabus.htm Course information containing special notes, information on classroom, office hours, book; course-specific links –CourseInfo.htm Link 7, sample-Save with IECourseInfo.htm

26. July 15, 2003 Teaching With The Internet ©PgP2003 25 2.1 Step 1-Basic Pages Class policy with course description, teacher expectations, information on exams, quizzes and grading –grading.htm, Link 8, sample-Save with IEgrading.htm Add other pages as required Feel free to browse my web site –Also have copies of prior web sites on CD

27. July 15, 2003 Teaching With The Internet ©PgP2003 26 2.1 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

28. July 15, 2003 Teaching With The Internet ©PgP2003 27 2.1 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

29. July 15, 2003 Teaching With The Internet ©PgP2003 28 2.1 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 13StudentWebs.htm Grade homework by visiting each url Feedback can be paper based or email based Can use BlackBoard for grading

30. July 15, 2003 Teaching With The Internet ©PgP2003 29 2.1 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

31. July 15, 2003 Teaching With The Internet ©PgP2003 30 2.1 Step 3-URL Form

32. July 15, 2003 Teaching With The Internet ©PgP2003 31 2.1 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

33. July 15, 2003 Teaching With The Internet ©PgP2003 32 2.1 Step 3-Examine Form HTML Switch to HTML View (bottom left corner) Go to line 15 FrontPage shortcoming-line numbers only show up in status bar at lower left Code invokes ASP script when Submit button is pressed

34. July 15, 2003 Teaching With The Internet ©PgP2003 33 2.1 Step 3-Obtain ASP File Go to ‘Teaching with the Internet Seminar’, Link 14, ‘ASP Script-ProcessURL’

35. July 15, 2003 Teaching With The Internet ©PgP2003 34 2.1 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

36. July 15, 2003 Teaching With The Internet ©PgP2003 35 2.1 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’…

37. July 15, 2003 Teaching With The Internet ©PgP2003 36 2.1 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

38. July 15, 2003 Teaching With The Internet ©PgP2003 37 2.1 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

39. July 15, 2003 Teaching With The Internet ©PgP2003 38 2.1 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

40. July 15, 2003 Teaching With The Internet ©PgP2003 39 2.1 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

41. July 15, 2003 Teaching With The Internet ©PgP2003 40 2.1 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

42. July 15, 2003 Teaching With The Internet ©PgP2003 41 2.1 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"

43. July 15, 2003 Teaching With The Internet ©PgP2003 42 2.1 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

44. July 15, 2003 Teaching With The Internet ©PgP2003 43 2.1 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

45. July 15, 2003 Teaching With The Internet ©PgP2003 44 2.1 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

46. July 15, 2003 Teaching With The Internet ©PgP2003 45 2.1 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

47. July 15, 2003 Teaching With The Internet ©PgP2003 46 2.1 Step 3-Signature File Setup Microsoft Outlook signature files –Tools>Options>’Mail Format’ tab, Signature section –Choose existing signature –Create signatures

48. July 15, 2003 Teaching With The Internet ©PgP2003 47 2.1 Step 3-Choose eMail Signatures Press ‘Signatures…’ button –Select existing or.. –Press ‘New…’ and…

49. July 15, 2003 Teaching With The Internet ©PgP2003 48 2.1 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

50. July 15, 2003 Teaching With The Internet ©PgP2003 49 2.1 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’

51. July 15, 2003 Teaching With The Internet ©PgP2003 50 2.1 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 –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)

52. July 15, 2003 Teaching With The Internet ©PgP2003 51 2.1 Step 3-Grading Tip Dual monitors simplify grading! Online grading requires –Web browser BlackBoard Student web site –eMail program –Sample homework answer…

53. July 15, 2003 Teaching With The Internet ©PgP2003 52 2.1 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

54. July 15, 2003 Teaching With The Internet ©PgP2003 53 2.1 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

55. July 15, 2003 Teaching With The Internet ©PgP2003 54 2.1 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

56. July 15, 2003 Teaching With The Internet ©PgP2003 55 2.1 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’

57. July 15, 2003 Teaching With The Internet ©PgP2003 56 2.1 Step 4-Dynamic HW-Confirmed Note server time-stamp

58. July 15, 2003 Teaching With The Internet ©PgP2003 57 2.1 Step 4-Dynamic HW Table Requires table in web server database WebURLs.mdb –tblHW –Already downloaded from Link number 15 See Slide 38

59. July 15, 2003 Teaching With The Internet ©PgP2003 58 2.1 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"

60. July 15, 2003 Teaching With The Internet ©PgP2003 59 2.1 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…

61. July 15, 2003 Teaching With The Internet ©PgP2003 60 2.1 Step 4-Dynamic HW-Reports

62. July 15, 2003 Teaching With The Internet ©PgP2003 61 2.1 Step 5-HW Submission Check Try it out at my Course1 siteCourse1 site http://course1.winona.edu/ppaulson/StudentHW/HWInquiry/HWInquiryForm.htm Lastname: Mehroke Pin: rana

63. July 15, 2003 Teaching With The Internet ©PgP2003 62 2.1 Step 5-HW Submission Check 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’

64. July 15, 2003 Teaching With The Internet ©PgP2003 63 2.1 Step 5-HW Submission Check 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"

65. July 15, 2003 Teaching With The Internet ©PgP2003 64 2.1 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

66. July 15, 2003 Teaching With The Internet ©PgP2003 65 2.1 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

67. July 15, 2003 Teaching With The Internet ©PgP2003 66 2.1 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

68. July 15, 2003 Teaching With The Internet ©PgP2003 67 2.1 Step 8-Another Seminar… Other ideas are possible Video on the web Any suggestions?

69. July 15, 2003 Teaching With The Internet ©PgP2003 68 2.1 What Is Next? Features driven by user feedback What would make teaching –More efficient? –More interesting? –More meaningful? For both you and your students…

70. July 15, 2003 Teaching With The Internet ©PgP2003 69 2.1 Fall 2003 Adopters? Anyone interested in trying this out for the Fall semester?

71. July 15, 2003 Teaching With The Internet ©PgP2003 70 2.1 The End Please provide feedback What do you think? –Too complex? –Too simple? –Suggestions for improvement? What other features would you like?

72. July 15, 2003 Teaching With The Internet ©PgP2003 71 2.1 Really The End Thank You