Internet Forms and Database Bob Kisel Amgraf, Inc.

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

CC SQL Utilities.
The Librarian Web Page Carol Wolf CS396X. Create new controller  To create a new controller that can manage more than just books, type ruby script/generate.
Server-Side vs. Client-Side Scripting Languages
1 Chapter 12 Working With Access 2000 on the Internet.
ASP Tutorial. What is ASP? ASP (Active Server Pages) is a Microsoft technology that enables you to make dynamic and interactive web pages. –ASP usually.
B.Sc. Multimedia ComputingMedia Technologies Database Technologies.
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.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.
Python and Web Programming
Guide To UNIX Using Linux Third Edition
Chapter 14: Advanced Topics: DBMS, SQL, and ASP.NET
Chapter 7 Managing Data Sources. ASP.NET 2.0, Third Edition2.
Creating Web Page Forms
Tutorial 6 Forms Section A - Working with Forms in JavaScript.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 25 – Perl and CGI (Common Gateway Interface) Outline 25.1 Introduction 25.2 Perl 25.3 String Processing.
CST JavaScript Validating Form Data with JavaScript.
1 ‘Dynamic’ Web Pages So far, we have developed ‘static’ web-pages, e.g., cv.html, repair.html and order.html. There is often a requirement to produce.
8 Copyright © 2004, Oracle. All rights reserved. Creating LOVs and Editors.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
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.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 24 How Websites Work with Databases How Websites Work with Databases.
CSCI 6962: Server-side Design and Programming Course Introduction and Overview.
G053 - Lecture 17 Making Forms Work Mr C Johnston ICT Teacher
Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
Let’s Make An Form! Bonney Armstrong GD 444 Westwood College February 9, 2005.
Tutorial 10 Adding Spry Elements and Database Functionality Dreamweaver CS3 Tutorial 101.
MySQL + PHP.  Introduction Before you actually start building your database scripts, you must have a database to place information into and read it from.
GDT V5 Web Services. GDT V5 Web Services Doug Evans and Detlef Lexut GDT 2008 International User Conference August 10 – 13  Lake Las Vegas, Nevada GDT.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
PHP meets MySQL.
9 Chapter Nine Compiled Web Server Programs. 9 Chapter Objectives Learn about Common Gateway Interface (CGI) Create CGI programs that generate dynamic.
1 Data Bound Controls II Chapter Objectives You will be able to Use a Data Source control to get data from a SQL database and make it available.
Lesson13. JavaScript JavaScript is an interpreted language, designed to function within a web browser. It can also be used on the server.
1 Working with MS SQL Server Textbook Chapter 14.
© FPT SOFTWARE – TRAINING MATERIAL – Internal use 04e-BM/NS/HDCV/FSOFT v2/3 Working with MSSQL Server Code:G0-C# Version: 1.0 Author: Pham Trung Hai CTD.
INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.
Installing and Using MySQL and phpMyAdmin. Last Time... Installing Apache server Installing PHP Running basic PHP scripts on the server Not necessary.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
NMED 3850 A Advanced Online Design January 12, 2010 V. Mahadevan.
(Chapter 10 continued) Our examples feature MySQL as the database engine. It's open source and free. It's fully featured. And it's platform independent.
Putting it all together Dynamic Data Base Access Norman White Stern School of Business.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
Algorithm and Programming Array Dr. Ir. Riri Fitri Sari MM MSc International Class Electrical Engineering Dept University of Indonesia 15 March 2009.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Website Development with PHP and MySQL Saving Data.
PHP+MySQL Integration. Connecting to databases One of the most common tasks when working with dynamic webpages is connecting to a database which holds.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
ASP.NET The Clock Project. The ASP.NET Clock Project The ASP.NET Clock Project is the topic of Chapter 23. By completing the clock project, you will learn.
Copyright © 2010 Certification Partners, LLC -- All Rights Reserved Perl Specialist.
Histo-Labels Easy to use and fun to setup. Create and edit all label menus to fulfill your slide labeling requirements. Print to any printer installed.
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.
Server-side Programming The combination of –HTML –JavaScript –DOM is sometimes referred to as Dynamic HTML (DHTML) Web pages that include scripting are.
The Homepage My Campaign is where you can track your contacts information.
EE296 – Web-based Truth Table Program Jason Axelson Bryant Komo.
Copyright © 2003 ProsoftTraining. All rights reserved. Perl Fundamentals.
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.
 Previous lessons have focused on client-side scripts  Programs embedded in the page’s HTML code  Can also execute scripts on the server  Server-side.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.
Copyright © 2011 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 14 Web Database Programming Using PHP.
Programming Session 6 LBSC 690 Information Technology.
COM621: Advanced Interactive Web Development Lecture 10 PHP and MySQL.
Internet/Web Databases
SQL and SQL*Plus Interaction
PHP / MySQL Introduction
Presentation transcript:

Internet Forms and Database Bob Kisel Amgraf, Inc.

Internet Forms and Database Types of Databases Available for Internet Forms The Basics of Iform Database Creation The Basics of Iform Database Interaction

Types of Databases Available MySQL Open Source Database (either Unix or Win32 versions) Oracle (Unix or Win32 also) SQL Server 2000 Access 2000 (Possible but I would not recommend it.)

Access Methods We provide and recommend Perl DBI CGI scripting to interface to the database manager used. Native interface code can written that is invoked by the script interface.

Database Operations Submit Form Data to Database Load Reference Data Into Select Boxes Load Previous Form Data Load One or More Fields Based on Data Input Save Form Data Without Doing Submit

Submit Form Data All Non-Disabled Input Fields are passed to the CGI script. (Be careful of fields disabled based on other criteria, if they need to go with submitted data, enable in beforesubmit function.) All Input Fields are Subscripted, make certain script allows for this.

Load Reference Data Typically to Load Data into Select Lists Setup Criteria Invoke _initSelection JavaScript Function Arguments: (Script Path, Criteria, Display_Mode, Select List Object)

Load Reference Data Script Path: Relative or Absolute Path to Server Script on Same Server Where Page was Served From. Typically we Like to Put Them All in a “Query” Directory Since They May be Useful to Other HTML Pages and also so that if one is Similar to Another, we Copy and Edit it.

Load Reference Data Criteria is a String of Keyword=Value Pairs Separated by the “&” Character. ALL Values should passed to JavaScript “escape” function singly if there is any chance of containing Non-alphanumeric characters.

Load Reference Data Server Script Looks for Given Keywords Builds the Actual SQL Command Formats the Return Data as Index=Value JavaScript then Loads Data into Select List in Order Returned. Note: Index is a Unique Value for List. It may be a Number or Key from Database.

Load Reference Data Display Mode is: 1 – Leave a blank line at top of Select List 0 – No Blank Line at Top of List -1 – If Only One Line Returned, No Blank, else Add a Blank Line to Top

Load Previous Form Data Typically a Server Script is Required to Dynamically Modify the HTML Data for the Page. This is Done by Inserting Code into the “initialize” function of the HTML Page. This code will set the value of one or more fields.

Load Previous Form Data In the case of most forms the values of all the fields are set in the initialize function. In other cases only a Key value is set and the code in the initialize function then initializes all of the “dependent” fields based on this. You need to pick the method that works best for your system design.

Load Dependent Fields Allows you to load one or more fields based on a criteria string passed to a server CGI script. The formulation of criteria identical to loading reference data. _InitDependentFields Function (Script Path, Criteria, Object Array, Key Array, Object Count)

Load Dependent Fields Object Array and Key Array are sequenced the same. Object array is pointers to input fields to be filled in. Key array are strings that are matched to the script return data keys to identify which field gets which value.

Load Dependent Fields This is easy to setup in the JavaScript code, just difficult to type all the values in without mistake. (Not bad if only setting up to about 5 fields, bad if it is the entire form.) If you setup up your form to use an Input database, code is generated to load the field arrays for each table, but you must insert code to invoke _InitDependentFields function.

Load Dependent Fields This prevents problems with typing while allowing you to control precisely when the server script is called to load the data. Typically this is done in initialize function but may be invoked again if some selection is made to reflect a new criteria. The goal is to load data only when needed.

Save Form Data There are cases when you want to be able to save the data filled in the form without actually leaving the form. Case 1 – The form needs to be saved multiple times, varying 1 or 2 fields and you don’t want to go into and out of the form multiple times.

Save Form Data Case 2 – You open a sub-form to expand the technique for data collection, and the results of the sub-form need to be captured. Typically when the sub-form is done, it must close its own window to return control to original form, not via the “submit”.

Some of my Favorite Examples MO State Highway Patrol. Bank Form Ordering.