Eyad Alshareef 1 Introduction To Form Builder Part A

Eyad Alshareef 1

Introduction To Introduction To Form Builder Form Builder

Part APart A

2Eyad Alshareef

FormsForms

Application with a graphical user Application with a graphical user interface that looks like a paper forminterface that looks like a paper form

Used to insert, update, delete and Used to insert, update, delete and view database dataview database data

3Eyad Alshareef

Primary Form UsesPrimary Form Uses

Viewing/retrieving recordsViewing/retrieving records Inserting/updating/deleting Inserting/updating/deleting

recordsrecords Counting the number of records a Counting the number of records a

query will retrievequery will retrieve

4Eyad Alshareef

Data Block FormsData Block Forms

Form associated with a specific Form associated with a specific Oracle database table (object)Oracle database table (object)

System automatically creates: System automatically creates: Text fields associated with table Text fields associated with table

fieldsfields Programs for inserting, modifying, Programs for inserting, modifying,

deleting, and viewing data recordsdeleting, and viewing data records

5Eyad Alshareef

Data Block FormsData Block Forms

ORACLE 10g forms are displayed ORACLE 10g forms are displayed on web browser as a on web browser as a web pageweb page. .

They are displayed in Forms They are displayed in Forms Services Window.Services Window.

The form specification is The form specification is translated into translated into Java AppletJava Applet..

They are Dynamic Web Pages.They are Dynamic Web Pages.

6Eyad Alshareef

Displaying Forms in a Displaying Forms in a Web BrowserWeb Browser

Developer10Developer10g g displays forms as Web displays forms as Web pages pages In Web browserIn Web browser Form appears in Forms Services Form appears in Forms Services

window within browser windowwindow within browser window Forms Services application displays Forms Services application displays

menus and toolbarmenus and toolbar Provide general functions for all form Provide general functions for all form

applicationsapplications

7Eyad Alshareef

Architecture of the Architecture of the World Wide WebWorld Wide Web

Web browsers (IE, Mozilla, Foxfire)Web browsers (IE, Mozilla, Foxfire) Web serversWeb servers Web pageWeb page

Static (always displays the same information Static (always displays the same information ))

Dynamic (the content varies based on user Dynamic (the content varies based on user inputs or data retrieved from external inputs or data retrieved from external resources )resources )

Forms Builder form Forms Builder form Dynamic Web page Dynamic Web page Derives content from Oracle 10Derives content from Oracle 10g g databasedatabase

8Eyad Alshareef

How Forms Builder How Forms Builder Displays a Form in a Displays a Form in a

BrowserBrowser Java appletJava applet

Self-contained Java program that runs Self-contained Java program that runs in a web browser generic java runtime in a web browser generic java runtime environment environment

OC4J InstanceOC4J Instance Translates compiled .fmx file into Java Translates compiled .fmx file into Java

applet applet Downloads Java applet to Web browserDownloads Java applet to Web browser

9Eyad Alshareef

Using a Data Block FormUsing a Data Block Form

Block Block Group of related form itemsGroup of related form items

Data block Data block Corresponds to specific database tableCorresponds to specific database table Contains objects that display values from Contains objects that display values from

table’s data fieldstable’s data fields Text itemsText items Form menu Form menu

Contains selections to manipulate formContains selections to manipulate form

Eyad Alshareef 10

Using a form to Using a form to view table record view table record

11Eyad Alshareef

Form ModesForm Modes

NormalNormal You can view records and sequentially You can view records and sequentially

step through recordsstep through records Enter QueryEnter Query

You can enter search parameters in You can enter search parameters in form fields and then retrieve the form fields and then retrieve the associated recordsassociated records

To place the form in Enter Query mode, To place the form in Enter Query mode, click the Enter Query button click the Enter Query button

12Eyad Alshareef

Forms Services WindowForms Services Window Form menu contains selections that Form menu contains selections that

allow you to manipulate the formallow you to manipulate the form Has a toolbar with buttons to insert, Has a toolbar with buttons to insert,

view, modify, and delete recordsview, modify, and delete records At bottom of the window are lines At bottom of the window are lines

that display information about form that display information about form statusstatus

13Eyad Alshareef

Forms Services WindowForms Services Window

14Eyad Alshareef

Inserting New RecordsInserting New Records

In Normal mode, click the Insert In Normal mode, click the Insert Record button to insert a new Record button to insert a new blank recordblank record

Type the data values in the form Type the data values in the form fieldsfields

Click the Save button to save the Click the Save button to save the values in the databasevalues in the database

15Eyad Alshareef

Retrieving RecordsRetrieving Records

Click the Enter Query buttonClick the Enter Query button to to place the form in Enter Query modeplace the form in Enter Query mode

Type a search conditionType a search condition Click the Execute Query button Click the Execute Query button

to retrieve selected records to retrieve selected records If you click , do not enter a search If you click , do not enter a search

condition, and then click , all table condition, and then click , all table records will be retrieved records will be retrieved

16Eyad Alshareef

Form Search TypesForm Search Types

Exact search: only retrieves records Exact search: only retrieves records that exactly match the entered that exactly match the entered search conditionsearch condition

Restricted search: retrieves records Restricted search: retrieves records that fall within a range of valuesthat fall within a range of values

17Eyad Alshareef

Restricted Search Restricted Search OperatorsOperators

_: wildcard replacing a single _: wildcard replacing a single charactercharacter

%: wildcard replacing multiple %: wildcard replacing multiple characterscharacters

>, <: greater than, less than>, <: greater than, less than >=, <=: greater than or equal to, >=, <=: greater than or equal to,

less than or equal toless than or equal to <> or !=: not equal to <> or !=: not equal to

18Eyad Alshareef

Scrolling Through Scrolling Through Retrieved RecordsRetrieved Records

To view the next record, click the To view the next record, click the Next Record buttonNext Record button

To view the previous record, click To view the previous record, click the Previous Record buttonthe Previous Record button

19Eyad Alshareef

Updating and Deleting Updating and Deleting RecordsRecords

Retrieve the record to be Retrieve the record to be updated or deletedupdated or deleted To update, change the data value To update, change the data value

and click the Save buttonand click the Save button To delete, click the Remove Record To delete, click the Remove Record

buttonbutton

20Eyad Alshareef

Closing a Form and Closing a Form and Committing ChangesCommitting Changes

To close a form:To close a form: Click Exit buttonClick Exit button Click Action on the form menu and then Click Action on the form menu and then

click Exitclick Exit Close browser windowClose browser window

If unsaved changes exist, dialog box If unsaved changes exist, dialog box will prompt to save changeswill prompt to save changes

Eyad Alshareef 21

Creating Data Creating Data Block FormBlock Form

22Eyad Alshareef

Start Oracle Form Start Oracle Form BuilderBuilder

23Eyad Alshareef

Start OC4J InstanceStart OC4J Instance

24Eyad Alshareef

Creating a new formCreating a new form

Create a new moduleCreate a new module Create a data blockCreate a data block Create a layoutCreate a layout

25Eyad Alshareef

Data Block Form File Data Block Form File TypesTypes

.fmb.fmb Form design file, used by form Form design file, used by form

programmer in Form Builderprogrammer in Form Builder .fmx .fmx

Form executable file, run by form Form executable file, run by form usersusers

26Eyad Alshareef

Creating a Data Block Creating a Data Block FormForm

When creating a form for a When creating a form for a table, Forms Builder table, Forms Builder automatically creates:automatically creates:LabelsLabelsText entry fieldsText entry fields Insert, update and delete and Insert, update and delete and

select queriesselect queries

27Eyad Alshareef

The Object NavigatorThe Object Navigator

28Eyad Alshareef

The Object NavigatorThe Object Navigator

Displays Forms Builder objects and Displays Forms Builder objects and underlying components underlying components As hierarchical treeAs hierarchical tree

Forms Builder toolbar displays Forms Builder toolbar displays buttonsbuttons

Form moduleForm module Object nodeObject node

+ indicates lower-level objects+ indicates lower-level objects - indicates node expanded fully- indicates node expanded fully

29Eyad Alshareef

Form ComponentsForm Components

Form module: form Form module: form applicationapplication

Form windowForm window Title bar on topTitle bar on top Horizontal and vertical Horizontal and vertical

scrollbarsscrollbars Can be resized, maximized, Can be resized, maximized,

minimizedminimized

30Eyad Alshareef

Form ComponentsForm Components CanvasCanvas

Surface that Surface that displaysdisplays form items form items BlockBlock

Object that Object that containscontains form items form items Form items Form items

Command buttons, radio (option) buttons, Command buttons, radio (option) buttons, text itemstext items

Items in the same block can appear on Items in the same block can appear on different canvasesdifferent canvases

31Eyad Alshareef

Form ComponentsForm Components

Name

Cash

Check

Credit Card

Window

Canvas

Block of items

32Eyad Alshareef

Creating a New Data Creating a New Data Block FormBlock Form

Create a new form moduleCreate a new form module Create a new data block using:Create a new data block using:

Data block wizardData block wizard Manual processManual process

Using Data Block Wizard:Using Data Block Wizard: Select table nameSelect table name Move editable fields from Available Columns Move editable fields from Available Columns

list to Database Items listlist to Database Items list Use Layout Wizard to create form layoutUse Layout Wizard to create form layout

33Eyad Alshareef

Layout EditorLayout Editor

Use to customize form Use to customize form displaydisplay

Can add images and static Can add images and static text to enhance form text to enhance form appearanceappearance

34Eyad Alshareef

Layout EditorLayout Editor

35Eyad Alshareef

Creating a Data Block Creating a Data Block FormForm

Steps:Steps:1. Create the data block using the 1. Create the data block using the

Data Block WizardData Block Wizard

2. Create the form layout using the 2. Create the form layout using the Layout WizardLayout Wizard

36Eyad Alshareef

Data Block WizardData Block Wizard

Welcome pageWelcome page Type pageType page

Select table or view on which to base the Select table or view on which to base the block sourceblock source

Table pageTable page Select table associated with formSelect table associated with form Enforce Integrity Constraint Check BoxEnforce Integrity Constraint Check Box

Finish pageFinish page Option to use the Layout Wizard to Option to use the Layout Wizard to

automate creating the layoutautomate creating the layout

37Eyad Alshareef

Layout WizardLayout Wizard

Canvas pageCanvas page Select the canvas where the block is displayedSelect the canvas where the block is displayed

Data Block pageData Block page Select the fields that are displayed on the layoutSelect the fields that are displayed on the layout

Items pageItems page Specify the column labels, heights and widthsSpecify the column labels, heights and widths

Style pageStyle page Specify to create a form- or tabular-style layoutSpecify to create a form- or tabular-style layout

38Eyad Alshareef

Layout StylesLayout Styles

Form styleForm style One record appears on the form at One record appears on the form at

a timea time Tabular styleTabular style

Multiple records display on the Multiple records display on the form in a tableform in a table

39Eyad Alshareef

Create a new form based on Create a new form based on MODULE1MODULE1

Go to File/New/Form – a new module Go to File/New/Form – a new module is added to your object navigator is added to your object navigator windowwindow

Click on MODULE2 and rename it Click on MODULE2 and rename it into STUDENTinto STUDENT

40Eyad Alshareef

Create a data block based on Create a data block based on a tablea table

Right click on the STUDENT module and Right click on the STUDENT module and select Data Block Wizardselect Data Block Wizard

Click next on the Data Block Wizard Click next on the Data Block Wizard welcome pagewelcome page

41Eyad Alshareef

Creating a data block Creating a data block (cont’s)(cont’s) Select Table/view optionSelect Table/view option

Select a table by clicking on Browse Select a table by clicking on Browse buttonbutton

42Eyad Alshareef

Selecting a table (cont’d)Selecting a table (cont’d) When you click browse, you will be When you click browse, you will be

prompted to log inprompted to log in Login into your usual account and select Login into your usual account and select

table STUDENT from the displayed listtable STUDENT from the displayed list

43Eyad Alshareef

Select database itemsSelect database items Move all the attributes into selected Move all the attributes into selected

attributes pane using arrow buttonsattributes pane using arrow buttons

44Eyad Alshareef

Name your data blockName your data block

45Eyad Alshareef

Select the “… then call the Select the “… then call the Layout wizard” optionLayout wizard” option

46Eyad Alshareef

Creating a layoutCreating a layout Layout wizard allows you to create a form Layout wizard allows you to create a form

layoutlayout Click next on the welcome page and select Click next on the welcome page and select

content canvas typecontent canvas type

47Eyad Alshareef

Select items to be Select items to be displayeddisplayed

Select items to be displayed Select items to be displayed Modify the labels (prompts) and Modify the labels (prompts) and

widths of corresponding text boxes if widths of corresponding text boxes if necessarynecessary

48Eyad Alshareef

Select a layoutSelect a layout

Select form layoutSelect form layout Name the frameName the frame Select the number of students to be Select the number of students to be

displayeddisplayed

49Eyad Alshareef

Complete and view the Complete and view the formform

Complete and view the form designComplete and view the form design

50Eyad Alshareef

Form Builder Wizards Form Builder Wizards Are Re-entrantAre Re-entrant

You can select a block or layout, then re-You can select a block or layout, then re-enter it and modify its properties using the enter it and modify its properties using the Wizard Wizard

A Wizard is in re-entrant mode when its A Wizard is in re-entrant mode when its pages appear as tabspages appear as tabs

51Eyad Alshareef

Creating a Form to Creating a Form to Display Multiple RecordsDisplay Multiple Records

Tabular layoutTabular layout Display multiple records on same formDisplay multiple records on same form Select Tabular on Style page of Layout Select Tabular on Style page of Layout

WizardWizard

52Eyad Alshareef

Creating a Form to Creating a Form to Display Multiple RecordsDisplay Multiple Records

Use tabular layout to edit multiple table records at the same timeUse tabular layout to edit multiple table records at the same time