SIR and the WEB By Dave Doulton University of Southampton.

Slides:



Advertisements
Similar presentations
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?
Advertisements

Dreamweaver Forms Overview. Forms – A Little Review Most user/webpage communication is one way, like this: Most user/webpage communication is one way,
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Tutorial 6 Working with Web Forms
Computing Concepts Advanced HTML: Tables and Forms.
Python and Web Programming
USER INTERACTIONS: FORMS
Guide To UNIX Using Linux Third Edition
CP476 Internet Computing Browser and Web Server 1 Web Browsers A client software program that allows you to access and view Web pages on the Internet –Examples.
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.
CGI Programming: Part 1. What is CGI? CGI = Common Gateway Interface Provides a standardized way for web browsers to: –Call programs on a server. –Pass.
Creating Web Page Forms
Web Client/Server Communication A290/A590, Fall /09/2014.
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.
CGI Common Gateway Interface. CGI is the scheme to interface other programs to the Web Server.
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.
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?
Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
Copyright 2000 eMation SECURITY - Controlling Data Access with
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
WB_FrontPage_How To CS3505. Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building.
Python CGI programming
Introduction to Programming the WWW I CMSC Summer 2004 Lecture 6.
Southampton University Computing Services Implementing Web data access using sirweb.cgi By Dave Doulton University of Southampton.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Database-Driven Web Sites, Second Edition1 Chapter 5 WEB SERVERS.
ASP Introduction Y.-H. Chen International College Ming-Chuan University Fall, 2004.
Working with Forms. How Forms Work Forms let you build interactive Web pages that collect information from a user and process it on the Web server The.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
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.
Website Development with PHP and MySQL Saving Data.
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.
1 HTML Forms
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
CGI Common Gateway Interface. CGI is the scheme to interface other programs to the Web Server.
XHTML & Forms. PHP and the WWW PHP and HTML forms – Forms are the main way users can interact with your PHP scrip Typical usage of the form tag in HTML.
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.
Week 12 Working with Forms Objectives Understand how forms work Understand form syntax Create input objects Build forms within tables Build and.
Creating Web Page Forms. Introducing Web Forms Web forms collect information from users Web forms include different control elements including: –Input.
1 HTML Forms
HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.
Implementing and Using the SIRWEB Interface Setup of the CGI script and web procfile Connecting to your database using HTML Retrieving data using the CGI.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Website Forms / Data Acquisition.
1 HTML forms (cont.)
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.
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)
Creating Web Page Forms COE 201- Computer Proficiency.
Week 10: HTML Forms HNDIT11062 – Web Development.
HTML Forms. A form is simply an area that can contain form fields. Form fields are objects that allow the visitor to enter information - for example text.
Introduction to HTML C151 Multi-User Operating Systems.
1 HTML forms (cont.)
HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.
HTML Structure II (Form) WEEK 2.2. Contents Table Form.
9/21/04 James Gallagher Server Installation and Testing: Hands-on ● Install the CGI server with the HDF and FreeForm handlers ● Link data so the server.
Tutorial 6 Working with Web Forms
Using the HTML and CSS Validation Services
Chapter 2 Client/Server Applications
Section 17.1 Section 17.2 Add an audio file using HTML
* Lecture # 7 Instructor: Rida Noor Department of Computer Science
Chapter 27 WWW and HTTP.
Presentation transcript:

SIR and the WEB By Dave Doulton University of Southampton

Agenda Setting up the web server Using sirweb.cgi Writing HTML Using Forms Conclusion

Setting up the web server This will vary depending on web software E.g. PWS or IIS or Unix apache webserver Basically you need to set up 3 virtual directories. Set the path to SIR software Set SIRTEMP and possibly SIRDIR

Setting up the web server The directories are wwwroot a root for the web directories on MS defaults to c:\inetpub\wwwroot 2 apparent subdirectories of root cgi-bin and images

Setting up the web server Copy sirweb.cgi into the cgi-bin directory Copy red.gif from c:\program files\sir2002\images into the images directory

Setting up the web server Virtual directories Web directories are virtual directories They can be any directories and the structure does not necessarily follow actual directory structure

Setting up the web server For example C:\inetpub\wwwroot can be The root of the server C:\sir2002 can be Which appears to be a subdirectory of root

In any PQL you use the real filenames to access files. You use the virtual filenames in output that will be used by the web. Setting up the web server

The directories need the correct permissions these are set up on MS by using the pws.exe program or by setting the web sharing properties on the folder property option. Read write and execute are assigned as needed

Using sirweb.cgi Once the directories are set up and the server is running(start by using admin tools) Create a pql file in cgi-bin directory Program Write ‘hello world’

Using sirweb.cgi Open a web browser and type in ?sirapp=sysproc.cgi.runfile &RUNFILE=hello.pql Contiguously on the address line

Using sirweb.cgi You will get some output. You have run your first cgi script using SIR The sirapp option specifies a member to run The provided options most commonly used are sysproc.cgi.runfile, runmemb and go

Using sirweb.cgi Sysproc.cgi.runfile runs the pql in the file named by the RUNFILE option Note uppercase The file must be in the same directory as sirweb.cgi

Using sirweb.cgi Sysproc.cgi.runmemb runs a member specified by the MEMBER option From a procfile specified by the PROCFILE option ?PROCFILE=c:\program?PROCFILE=c:\program%20files\sir2002\sirproc.srp &MEMBER=cgi.hello

Using sirweb.cgi Sysproc.cgi.go runs a member in the cgi family of sysproc as specified by the sirmem parameter ?sirapp=sysproc.cgi.go &sirmem=descrip

Writing HTML If you change the earlier program to Program Write ‘hello’ Write ‘ world’ You will find the output is the same as before

Writing HTML Whitespace is condensed to single spaces To avoid the we need to use some HTML (HyperText Markup Language) to mark up how we want the text. The simplest thing we can do to solve our problem is to add a and to our program

Writing HTML So the program becomes Program Write ‘ ’ Write ‘hello’ Write ‘world’ Write ‘ End program

Writing HTML Did you spot the problem? ‘ ’ looks just like a global variable Which is not set so produces nothing To cure this call sysproc.tools.htmlcode before the program. This defines HTML codes to be themselves.

Writing HTML So the program is now Call sysproc.tools.htmlcode Program Write ‘ ’ Write ‘hello’ Write ‘ world’ Write ‘ ’ End program

Writing HTML So far I have just used write to produce output. However there is an attribute cgi which works better in that if you run the program in ordinary SIR it produces a file called sircgi.htm which can be viewed in a browser but behaves like write in sirweb.cgi.

Writing HTML To format the output the way you want check any book on HTML it is all available to you now.

Using Forms Instead of typing parameters in the address line one can create a file of html that includes a form which will submit the parameters for you.

Using Forms For example Enter member name

Using Forms If you change the method to post then the parameters do not appear on the address bar. If more than one field is present then a button is needed. Use for example

Using Forms There are all the usual form types available. Check box, radio box, text box drop down selection box. Also images that can be clicked returning positions clicked. See examples in the notes.

Conclusion With HTML combined with sirweb.cgi the world is yours. Your data is available formatted as you like to the whole world. Data can be input directly from anywhere in the world.

Conclusion Example PQL and HTML can be found at And