Part 5 Advanced topics in CGI/Perl Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley | APS 2006.

Slides:



Advertisements
Similar presentations
1. XP 2 * The Web is a collection of files that reside on computers, called Web servers. * Web servers are connected to each other through the Internet.
Advertisements

PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
The Web Wizards Guide to HTML Chapter One World Wide Web Basics.
Internet Research Methods in Psychology R. Chris Fraley University of Illinois at Urbana-Champaign Seminar - PSYC 593 CF.
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?
Creating basic HTML web pages R. Chris Fraley |
Part 6 Meta-topics: Ethics, sampling, and consent Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley.
11 Getting Started with ASP.NET Beginning ASP.NET 4.0 in C# 2010 Chapters 5 and 6.
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Gathering Requirements What do users want?. Information Gathering Techniques Surveys Interviews Focus Groups.
Internet Basics The World Wide Web. Page 1 Web Basics The World Wide Web The Web is a collection of files organized as a giant hypertext Many of these.
CS 898N – Advanced World Wide Web Technologies Lecture 6: PERL and CGI Chin-Chih Chang
XP Tutorial 9 New Perspectives on JavaScript, Comprehensive1 Working with Cookies Managing Data in a Web Site Using JavaScript Cookies.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
What Is A Web Page? An Introduction to the Internet.
Online Surveys A Look at Cardiff-TeleForm Denise H. Wells Planning and Research Central Piedmont Community College.
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
1 Spidering the Web in Python CSC 161: The Art of Programming Prof. Henry Kautz 11/23/2009.
Reading Data in Web Pages tMyn1 Reading Data in Web Pages A very common application of PHP is to have an HTML form gather information from a website's.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Creating basic HTML web questionnaires R. Chris Fraley – Psych 437.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 24 How Websites Work with Databases How Websites Work with Databases.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
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.
INE1020 Introduction to Internet Engineering Tutorial 8 All about Lab 6.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
JavaScript, Fourth Edition
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
2 1 Sending Data Using a Hyperlink CGI/Perl Programming By Diane Zak.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first four.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
ITEC 1001 Tutorial 1 Browser and Basics. Web browser software & Web pages The Web is a collection of files that reside on computers, called Web.
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.
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
Variables and ConstantstMyn1 Variables and Constants PHP stands for: ”PHP: Hypertext Preprocessor”, and it is a server-side programming language. Special.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
Concepts  messages are passed through the internet by using a protocol called simple mail transfer protocol.  The incoming messages are.
7 1 User-Defined Functions CGI/Perl Programming By Diane Zak.
Introduction to JavaScript CS101 Introduction to Computing.
The Module Road Map Assignment 1 Road Map We will look at… Internet / World Wide Web Aspects of their operation The role of clients and servers ASPX.
HTLM Forms CS3505. Form Handling in Browser html User Files out form WEbBROWSErWEbBROWSEr User read response submit Get URL?input html Get file html script.
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.
ECMM6018 Enterprise Networking for Electronic Commerce Tutorial 7
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Form Processing Week Four. Form Processing Concepts The principal tool used to process Web forms stored on UNIX servers is a CGI (Common Gateway Interface)
Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley University of Illinois at Urbana-Champaign.
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
Brief Look InTo JavaScript Dr. Thomas Hicks Computer Science Department Trinity University.
How to create a web page using word …
Part 3 Creating basic HTML web pages
Part 2 Setting up a web server the easy way
A Web-Based Tool for Gathering Ordinal Rankings
Part 2 Setting up a web server the easy way
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Part 3 Creating basic HTML web pages
Creating Forms on a Web Page
For this assignment, copy and past the XHTML to a notepad file with the .html extension. Then add the code I ask for to complete the problems.
CSCI N207 Data Analysis Using Spreadsheet
Introduction to JavaScript
An Introduction to the Internet
Presentation transcript:

Part 5 Advanced topics in CGI/Perl Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley | APS 2006

Using Perl/CGI to deliver the original page AND process the data One of the nice things about Perl is that you can simply paste your HTML code into the print " " ; statements to deliver HTML code to the user. This suggests that, in addition to using a Perl script to provide your user with feedback, you can use the script to administer the questionnaire itself.

Using Perl/CGI to deliver the original page AND process the data Why might you want to do this? By using a Perl/CGI script to control the flow of information, you can randomize the order of questions, randomly assign people to conditions, or implement complex branching structures.

An illustration: self-esteem2.pl A discussion of self-esteem2.pl. This script accomplishes everything that the combination of self-esteem.htm (an HTML file) and self-esteem-savedata.pl (a CGI/Perl) file did, but does it all in the context of a single CGI script. Try it here: The code for self-esteem2.pl can be viewed (and downloaded) as a text file at the following location: esteem2.pl (Save it on your own computer, modify it as needed, and then transfer it to the cgi-bin directory of your Netfirms account.)

Randomizing the items: self-esteem3.pl A discussion of self-esteem3.pl. (You can try the script at ) This script randomizes the order in which the self-esteem questions are presented. This general method can be used for randomly assigning people to conditions in a within-subjects design. The code for self-esteem3.pl can be viewed (and downloaded) as a text file at the following location: (Save it on your own computer, modify it as needed, and then transfer it to the cgi-bin directory of your Netfirms account.)

Random assignment to conditions The basic randomization code that we used to randomize the order of items can also be used to randomize the conditions to which a person is assigned in a web-based experiment.

Random assignment to conditions To illustrate, consider the following example:

You can participate in this brief experiment at the following web site: Moreover, you can download the code from here: design.net/APS2005/files/experiment1.pl (Save it on your own computer, modify it as needed, and then transfer it to the cgi-bin directory of your Netfirms account.)

Discussion of the code for experiment1.pl

Another way to implement random assignment Another way to implement random assignment is to create an introductory Perl/CGI page that provides the informed consent information and randomly determines which web page the user will be directed to when he or she clicks the button to begin the study. To see an example of this, visit the following URL: bin/experiment2.plhttp://aps2005.netfirms.com/cgi- bin/experiment2.pl (The code can be copied from this URL: design.net/APS2005/files/experiment2.pl) design.net/APS2005/files/experiment2.pl

Another way to implement random assignment Why is this valuable? If you don’t want to get too caught up in the programming aspect of Perl/CGI, you can simply create separate web pages for each condition of your study and allow a single Perl script to determine which one the user will get to see. [a discussion of the experiment2.pl code]

Presenting items/stimuli on separate pages In many cases you may wish to present items/stimuli on separate pages. This presents a minor problem. Namely, the relationship between the subject’s computer and the web server is said to be “stateless.” There is no on-going relationship between the two.

Presenting items on separate pages One way around this problem is to use “hidden tags” to pass along previously collected information from one page to the next. This happens behind the scenes, so the subject’s experience is a continuous one, despite the fact that the true relationship between the subject and the server is not.

self-esteem4.pl You can participate in a demonstration at the following web site: esteem4.plhttp:// esteem4.pl Moreover, you can download the code from here: esteem4.pl (Save it on your own computer, modify it as needed, and then transfer it to the cgi-bin directory of your Netfirms account.)