Generators 101 Form Mail LAMP Bubbles & Blanks End of Course Surveys Form Mail LAMP Bubbles & Blanks End of Course Surveys.

Slides:



Advertisements
Similar presentations
Jump to Contents Instructor Tutorial essignments.com Paperless assignment submission system.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Homework 1 Hints. Homework Tips (General) Go through and do the ENTIRE homework in the same time period – You will use all of the material from chap 1.
JavaScript Forms Form Validation Cookies CGI Programs.
Creating Web Page Forms. Objectives Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format a.
Tutorial 6 Working with Web Forms
Forms Review. 2 Using Forms tag  Contains the form elements on a web page  Container tag tag  Configures a variety of form elements including text.
Python and Web Programming
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
WebCT CE-6 Assignment Tool. Assignment Tool and Assignment Drop Box Use “Assignment” button under Course Tools (your must be in “Build” mode) to: –Modify.
File Upload Instructions and Information The File Upload utility is used for transferring files too large to send through the system. How it Works:
CLEW Basics Lorie Stolarchuk Learning Technology Trainer Centre for Teaching and Learning 1.
Using Microsoft Outlook: Basics. Objectives Guided Tour of Outlook –Identification –Views Basics –Contacts –Folders –Web Access Q&A.
How To Batch Register Your Students
The 12 screens to follow contain a number of Tool descriptions, some instructions on their use, and in some cases a Task or two. If you dedicate one hour.
Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
4-Sep-15 HTML Forms Mrs. Goins Web Design Class. Parts of a Web Form A Form is an area that can contain Form Control/Elements. Each piece of information.
XP Tutorial 6New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Creating Web Page Forms Designing a Product Registration Form Tutorial.
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
Forms and Form Controls Chapter What is a Form?
Department of Information Technology e-Michigan Web Development 0 HTML Form Creation in the Vignette Content Management Application.
Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.
Project Four Forms Discuss form processing Describe the difference between client-side and server-side form processing Add a horizontal rule to a Web page.
Let’s Make An Form! Bonney Armstrong GD 444 Westwood College February 9, 2005.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
Introduction to the WebBoard Terry Dennis. The WebBoard - Our Connection The WebBoard URL is
CSC350: Learning Management Systems COMSATS Institute of Information Technology (Virtual Campus)
Creating a Web Site to Gather Data and Conduct Research.
Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.
Nancy Severe-Barnett Program Coordinator, SCIS
MKTG 476 FRONTPAGE II Lars Perner, Instructor 1 FrontPage II File structure and references File structure and references Editing standard HTML files Editing.
Log on to the site using your User ID and Password and select journal and click “Log In” Click here to create a new account Click here to check the system.
SCHOOLOGY. Click on Sign Up Choose Instructor Fill Out Form / Register o Use SCHOOL address Fill in Country / State / and type.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Creating Web Page Forms. Introducing Web Forms Web forms collect information from users Web forms include different control elements including: –Input.
Microsoft FrontPage 2003 Illustrated Complete Creating a Form.
1 Building FORMS In When a visitor enters information into a web form displayed in a web browser and clicks the submit button, the information is sent.
Part 4 Processing and saving data with CGI/Perl Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley.
Student Quick Start Guide Prepared by: Information Services Division Perpustakaan Sultan Abdul Samad Universiti Putra Malaysia
Learning to use the Interactive Online Classroom Classroom Activities.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
Starting BBEdit or Notepad and Opening the HTML File Start BBEdit or Notepad Select Open from the File Menu Open survey1.htm from the Public Folder.
©SoftMooreSlide 1 Introduction to HTML: Forms ©SoftMooreSlide 2 Forms Forms provide a simple mechanism for collecting user data and submitting it to.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Do Now: Describe the steps used to access the comments tool in MS Word. ( review your notes for the answer) Ex: Step 1. Select the text or item you want.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Edmodo Professional Development. Schedule Review Today’s Schedule Session I Introduction to Edmodo **Break** Session II:
How To Make Easysite Forms By Joshua Crawley Contact:
1 The University of Hong Kong Information Technology Services Introduction to Moodle (for teaching technical support staff) Angela Siu
Ashima Wadhwa Java Script And Forms. Introduction Forms: –One of the most common Web page elements used with JavaScript –Typical forms you may encounter.
XP Tutorial 6New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.
Tutorial 6 Working with Web Forms
Journal of Mountain Science (JMS)
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
JavaScript Form Validation
Programming in JavaScript
Programming in JavaScript
Programming in JavaScript
Journal of Mountain Science (JMS)
Presentation transcript:

Generators 101 Form Mail LAMP Bubbles & Blanks End of Course Surveys Form Mail LAMP Bubbles & Blanks End of Course Surveys

Form Mail Allows for short answer/short essay types of questions only. Does not allow you to specify a custom numbering scheme. Allows for short answer/short essay types of questions only. Does not allow you to specify a custom numbering scheme.

Form Mail Has no answers text file associated with it. As a result, it does not check responses for completion on submitting and does not contain data for correct responses. Has no answers text file associated with it. As a result, it does not check responses for completion on submitting and does not contain data for correct responses.

Form Mail Has printable Web confirmation. confirmation is only sent from the INDLRN listserv. Posts to formmail.cgi, outside of your course- specific space: Has printable Web confirmation. confirmation is only sent from the INDLRN listserv. Posts to formmail.cgi, outside of your course- specific space:

Form Mail SHTML file is named by LIF number supplied. Ex: If I enter the lesson number as 88 and the LIF as 21, the file will be named LIF21.shtml. SHTML file is named by LIF number supplied. Ex: If I enter the lesson number as 88 and the LIF as 21, the file will be named LIF21.shtml.

Form Mail Hidden Inputs in Form Mail SHTML Files: Hidden Inputs in Form Mail SHTML Files: This value will be used for the subject. The initial value is the course name and number followed by the LIF number that you entered into the generator.

Form Mail Hidden Inputs in Form Mail SHTML Files: Hidden Inputs in Form Mail SHTML Files: The value is where the user will be redirected upon completion, based on the course name and number you entered into the generator.

Form Mail Hidden Inputs in Form Mail SHTML Files: Hidden Inputs in Form Mail SHTML Files: This puts the words “Return to Home page” on the page it spits back to the student and that is then linked to the course home page for the student to click on.

Form Mail Hidden Inputs in Form Mail SHTML Files: Hidden Inputs in Form Mail SHTML Files: This value indicates that the inputs named “realname” and “ ” must be completed by the user. Do not rename these inputs!

Form Mail Hidden Inputs in Form Mail SHTML Files: Hidden Inputs in Form Mail SHTML Files: The value can be substituted with any desired . A value must be given for the file to work.

LAMP Quizzes Allow for multiple choice, short answer, and essay questions. Do not let you specify how items will be numbered. However, you can specify a random order for questions using CASE or by specifying that option in the actual LAMP text files. Allow for multiple choice, short answer, and essay questions. Do not let you specify how items will be numbered. However, you can specify a random order for questions using CASE or by specifying that option in the actual LAMP text files.

LAMP Quizzes Answers text files are created and stored in the same course folder where the quiz pages will be stored. Multiple choice responses in LAMP quizzes can be checked when submitted. Answers text files are created and stored in the same course folder where the quiz pages will be stored. Multiple choice responses in LAMP quizzes can be checked when submitted.

LAMP Quizzes Have printable Web confirmation. No confirmation is sent, unless the results are passed on to an INDLRN account. Post to respondLAMP.cgi, outside of your course-specific space: Have printable Web confirmation. No confirmation is sent, unless the results are passed on to an INDLRN account. Post to respondLAMP.cgi, outside of your course-specific space:

LAMP Quizzes Each time the quiz is accessed, a CGI script uses these TXT files to rewrite the HTML quiz files to that directory. This is why the TXT files should not be deleted even after HTML files are created! Each time the quiz is accessed, a CGI script uses these TXT files to rewrite the HTML quiz files to that directory. This is why the TXT files should not be deleted even after HTML files are created!

LAMP Quizzes LAMP TXT Files: Each one-line question is preceded by a line identifying the question type (Ex: :TYPE:MC, S, or P) and the line “:QUESTION”. LAMP TXT Files: Each one-line question is preceded by a line identifying the question type (Ex: :TYPE:MC, S, or P) and the line “:QUESTION”.

LAMP Quizzes LAMP TXT Files: For multiple choice questions, each answer line is preceded by the line “:ANSWER#:X”, where # is the answer number and X is 100 or 0, depending on whether or not the answer is correct. LAMP TXT Files: For multiple choice questions, each answer line is preceded by the line “:ANSWER#:X”, where # is the answer number and X is 100 or 0, depending on whether or not the answer is correct.

LAMP Quizzes LAMP TXT Files: Each item ends with the line “:POINTS” and a line with the number of points assigned to the question. A blank line then separates each question from the next one. LAMP TXT Files: Each item ends with the line “:POINTS” and a line with the number of points assigned to the question. A blank line then separates each question from the next one.

LAMP Quizzes LAMP TXT Files: The last four lines are preceded by the # symbol. The first of these includes the course name and assignment information; the last one, the submission . LAMP TXT Files: The last four lines are preceded by the # symbol. The first of these includes the course name and assignment information; the last one, the submission .

LAMP Quizzes LAMP TXT Files: Because some text editors use characters & line breaks that are not recognizable by the CGI script, some strange characters may appear on the quiz HTML page. For this reason, we recommend you have an IT or TT edit these files for you. LAMP TXT Files: Because some text editors use characters & line breaks that are not recognizable by the CGI script, some strange characters may appear on the quiz HTML page. For this reason, we recommend you have an IT or TT edit these files for you.

LAMP Quizzes Because the HTML files are regenerated from the text files each time they are requested, you should not edit LAMP- generated HTML files to fix an error.

Bubbles & Blanks Has four types of questions: multiple choice, short answer, essay, and file attachments. Allows you to specify attachments as optional, and you can number the questions however you like (ex: 1, 2a, 2b, 2c, 3.1, 3.5, 4i, 4ii, 5). Has four types of questions: multiple choice, short answer, essay, and file attachments. Allows you to specify attachments as optional, and you can number the questions however you like (ex: 1, 2a, 2b, 2c, 3.1, 3.5, 4i, 4ii, 5).

Bubbles & Blanks Each B&B quiz has its own answers text file associated with it, which is located in the lifdata folder of the course cgi-bin directory. (webct/server/cgi- bin/courses/[coursename]/lifdata/) As a result, B&B checks responses for completion and corrects multiple choice questions. Each B&B quiz has its own answers text file associated with it, which is located in the lifdata folder of the course cgi-bin directory. (webct/server/cgi- bin/courses/[coursename]/lifdata/) As a result, B&B checks responses for completion and corrects multiple choice questions.

Bubbles & Blanks Sends copies of submissions to student and recipient. Runs a return check javascript (number indicates number of questions to check) to make sure all required items are completed. Then, it posts to bbprocess.cgi in the course’s cgi-bin student folder: Sends copies of submissions to student and recipient. Runs a return check javascript (number indicates number of questions to check) to make sure all required items are completed. Then, it posts to bbprocess.cgi in the course’s cgi-bin student folder:

Bubbles & Blanks The SHTML file is named by LIF number supplied. Ex: If I enter the LIF as 99, the file will be named LIF99.shtml. This file will depend on the LIF99.txt file in the course cgi-bin directory’s lifdata folder. The SHTML file is named by LIF number supplied. Ex: If I enter the LIF as 99, the file will be named LIF99.shtml. This file will depend on the LIF99.txt file in the course cgi-bin directory’s lifdata folder.

Bubbles & Blanks Hidden Inputs in B&B SHTML Files: Hidden Inputs in B&B SHTML Files: This value will be used to locate the answers text file in the course cgi-bin directory’s lifdata folder. In this example, the page will look for LIF04.txt, not LIF4.txt.

Bubbles & Blanks Hidden Inputs in B&B SHTML Files: Hidden Inputs in B&B SHTML Files: These values, along with the lifNum, will become part of the subject of the submission.

Bubbles & Blanks Hidden Inputs in B&B SHTML Files: Hidden Inputs in B&B SHTML Files: The value can be substituted with any desired . A value must be given for the file to work.

Bubbles & Blanks B&B TXT Files: Since questions may be numbered any way you like, the TXT file contains the numbering you specified. B&B TXT Files: Since questions may be numbered any way you like, the TXT file contains the numbering you specified.

Bubbles & Blanks B&B TXT Files (Multiple Choice Questions): For multiple choice questions, the line includes the question number and the letter of the correct response, separated by a triple colon (:::) separator. B&B TXT Files (Multiple Choice Questions): For multiple choice questions, the line includes the question number and the letter of the correct response, separated by a triple colon (:::) separator.

Bubbles & Blanks B&B TXT Files (Short Answer/Essay Questions): For short answer and essay questions, the line includes the question number and the value “none”, separated by a triple colon. B&B TXT Files (Short Answer/Essay Questions): For short answer and essay questions, the line includes the question number and the value “none”, separated by a triple colon.

Bubbles & Blanks B&B TXT Files (File Attachment Questions): For file attachment questions, the line will include the question number, the triple colon separator, and the word attach... B&B TXT Files (File Attachment Questions): For file attachment questions, the line will include the question number, the triple colon separator, and the word attach...

Bubbles & Blanks B&B TXT Files (File Attachment Questions): … followed by another triple colon separator, and the the text that will be used to rename the uploaded file. B&B TXT Files (File Attachment Questions): … followed by another triple colon separator, and the the text that will be used to rename the uploaded file. In this example, a student submission would be named by the student’s user ID followed by “Bbanswer”, as in “lnm105BBanswer.doc”.

Bubbles & Blanks B&B TXT Files (File Attachment Questions): After the file name, there is another triple colon and a list of accepted file types (or the word “any”). Another triple colon follows with the words “required” or “optional” to indicate whether or not the upload is required. B&B TXT Files (File Attachment Questions): After the file name, there is another triple colon and a list of accepted file types (or the word “any”). Another triple colon follows with the words “required” or “optional” to indicate whether or not the upload is required.

Bubbles & Blanks Because some text editors use characters & line breaks that are not recognizable by the CGI script, some strange characters may appear on the quiz HTML page. For this reason, we recommend you recreate the entire quiz in the B&B generator or you have an IT edit these files for you. Because some text editors use characters & line breaks that are not recognizable by the CGI script, some strange characters may appear on the quiz HTML page. For this reason, we recommend you recreate the entire quiz in the B&B generator or you have an IT edit these files for you.

End Surveys End of Course Surveys depend upon the eoc_survey.shtml file in your course directory, eocheader.html and eocform.html files in a common cgi-bin directory on our server, and a database outside of our control. You only have access to the eoc_survey.shtml folder. End of Course Surveys depend upon the eoc_survey.shtml file in your course directory, eocheader.html and eocform.html files in a common cgi-bin directory on our server, and a database outside of our control. You only have access to the eoc_survey.shtml folder.

End Surveys The eoc_survey.shtml file has the following components: a directive to include eocheader.html several hidden inputs (with or without a drop- down list of instructors) a directive to include eocform.html The eoc_survey.shtml file has the following components: a directive to include eocheader.html several hidden inputs (with or without a drop- down list of instructors) a directive to include eocform.html

End Surveys The eocheader.html file provides the title and instructions.

End Surveys Hidden Inputs in eoc_survey.shtml: Hidden Inputs in eoc_survey.shtml: The five-letter course name (“NIKKI”), four-digit course number (“0101”), one-letter suffix (“ “), and four-character version number (“01WB”) form the course title and number value.

End Surveys Hidden Inputs in eoc_survey.shtml: Hidden Inputs in eoc_survey.shtml: The value will be CR or NC, depending upon whether or not the course is a credit course.

End Surveys Hidden Inputs in eoc_survey.shtml: Hidden Inputs in eoc_survey.shtml: This value will be a two-letter college code. (AA, AG, BA, CM, etc.)

End Surveys Hidden Inputs in eoc_survey.shtml: Hidden Inputs in eoc_survey.shtml: The value is the four-digit ID of the instructor. This hidden input only exists if you have indicated that there is only one instructor. Otherwise …

End Surveys (Please select your instructor) Nikki Masssaro Kauffman Laura Kauffman (Please select your instructor) Nikki Masssaro Kauffman Laura Kauffman … a drop-down list appears for courses with multiple instructors.

End Surveys The eocform.html file provides the body of the survey.

End Surveys End-of-Course surveys post to an area outside of your course-specific space: End-of-Course surveys post to an area outside of your course-specific space:

End Surveys Another Reason Why CASE Rocks: CASE will be auto-generating the End-of- Course Surveys--WOOHOO!!! Another Reason Why CASE Rocks: CASE will be auto-generating the End-of- Course Surveys--WOOHOO!!!

Quick Reference Form MailLAMPB & B Types of Questions short answer, short essay multiple choice, short answer, short essay multiple choice, short answer, short essay, attachments Special Numbering & Ordering noneno special numbering, optional random order special numbering, no random order option Submission & Response Checking nonechecks for completion before submitting, checks MC responses for recipient

Quick Reference Form MailLAMPB & B Student Confirmation & Feedback Web-printable confirmation only, no feedback Web-printable confirmation only, feedback as self- check quiz confirmation, feedback on MC responses only Where to Edit.shtml file only.txt file* (in course lifs or selfcheckquiz folder) CASE settings.txt file* (in cgi- bin/course/lifdata folder).shtml file *Edit this file at your own risk!!!

Quick Reference Why is this form mail quiz not working? Check hidden input named “required” for this value: “realname, ”. Make sure hidden input named “recipient” exists and has a valid address. Make sure there is an input named “ ”, to get sender’s address. Why is this form mail quiz not working? Check hidden input named “required” for this value: “realname, ”. Make sure hidden input named “recipient” exists and has a valid address. Make sure there is an input named “ ”, to get sender’s address.

Quick Reference Why is this LAMP quiz not working? Check your text file in BBEdit or TextWrangler for errors in syntax, line breaks, and special characters. (See LAMP section for help). Make sure last line of test file is the # symbol followed byba valid address. Check Assignment settings in CASE: Assignment Type, LAMP, data File Name, # questions, etc. (Assignment Type determines folder location of.txt and.shtml files.) Why is this LAMP quiz not working? Check your text file in BBEdit or TextWrangler for errors in syntax, line breaks, and special characters. (See LAMP section for help). Make sure last line of test file is the # symbol followed byba valid address. Check Assignment settings in CASE: Assignment Type, LAMP, data File Name, # questions, etc. (Assignment Type determines folder location of.txt and.shtml files.)

Quick Reference Why is this Bubbles & Blanks quiz not working? Check your text file in BBEdit or TexWrangler for errors in syntax, line breaks, and special characters. Check “lifNum” and “recipient” hidden inputs. Make sure there are inputs named “studName” & “emAddress” to supply script with sender’s . Check form onSubmit=“return check(#)”. Check MIME types for attachments: bin/nikki/MIME/simpleMIMEs.html. bin/nikki/MIME/simpleMIMEs.html Why is this Bubbles & Blanks quiz not working? Check your text file in BBEdit or TexWrangler for errors in syntax, line breaks, and special characters. Check “lifNum” and “recipient” hidden inputs. Make sure there are inputs named “studName” & “emAddress” to supply script with sender’s . Check form onSubmit=“return check(#)”. Check MIME types for attachments: bin/nikki/MIME/simpleMIMEs.html. bin/nikki/MIME/simpleMIMEs.html