|Oracle® Application Express Application Builder User's Guide
Part Number E21674-05
|PDF · Mobi · ePub|
This section describes the sample Websheet application, AnyCo IT Department. AnyCo IT Department highlights the features and capabilities of Websheets.
See Also:"About Websheet Applications" to learn more about creating Websheet applications.
To run AnyCo IT Department:
Log in to Oracle Application Express.
The Workspace home page.
Click the Application Builder icon.
The Application Builder home page appears.
Click AnyCo IT Department.
Click the Run icon.
Enter the following credentials:
Username - Enter your workspace username.
Password - Enter your workspace password.
When run, the home page appears.
Every Websheet contains common navigation elements that enable you to quickly move within a page or between pages. Each Websheet page is divided into sections. You can hide and unhide a page section by clicking the arrow to the left of the Section title. In the following example, Systems Overview is hidden.
A breadcrumb displays at the top of every Websheet page. Positioning the mouse over the Home breadcrumb displays a submenu of links to all the pages in the Websheet.
See Also:"Viewing the Page Directory"
AnyCo IT Department demonstrates the following functionality:
Examples of ways to share text, data, and images using a Websheet pages
Hierarchical navigation between page sections and pages
Formatted text that include easily formatted links
Display of tabular data by creating Data Grids and displaying the content as reports, interactive report, or charts.
The following sections describe specific functionality available on each page.
The hierarchical tree displays at the top of the Home page enables you to navigate between Websheet pages. Click the arrow to the left of the Home breadcrumb to expand or collapse the tree. To learn more about adding navigation, see "About Navigation Sections".
To view subsections (or children) within a section, click the arrow to the left of a section name. Click Expand All to view all pages and page subsections and Reset to return the tree to the default display. To link to another page, select the page name.
The AnyCo IT Department Home page contains four sections:
AnyCo IT Department
AnyCo IT Department is a text section that includes links to other pages and an embedded image.
Projects Summary is a data grid that displays as 3D chart. Passing the cursor over a bar changes the color and displays a dollar amount.
Systems Summary is a report of hardware, software, and cloud services. The bottom of the section includes links to Systems Management report as well as to the Systems page.
See Also:"Using SQL and SQLVALUE Syntax"
The Project contains one section, Projects Breakdown. The Projects Breakdown section includes a link to the Project Review page and an updatable report of major IT projects.To edit a specific project, click the Edit Row icon. To add another projects, click the Add Row icon.
See Also:"Using SQL and SQLVALUE Syntax"
The Project Review page contains two sections, Budget Review and Task Analysis. Both sections are data grids that display as different types of 3-D charts.
See Also:"About Chart Sections"
The Systems page contains three sections:
System is a navigation section that includes links to the sections, Systems Overview, Systems Maintenance, and Purchasing Projections.
System Overview is a text section that includes an embedded image as well as links to other pages.
System Maintenance is a data grid that displays as a 3D horizontal chart. Passing the cursor over a bar changes the color and displays a dollar amount.
Purchasing Projections features a report of planned purchases as well as a link to the Planned Purchases Review page. To add entries, click Add Row.
The Planned Purchase Review page contains two sections:
Total Planned Purchases
Vendor Analysis is report of vendors.
Total Planned Purchases is a data grid that displays as 3D horizontal chart. Passing the cursor over a bar changes the color and displays a dollar amount.
The Systems Budget Review page contains two sections:
Annual Budget Allocation
Remaining Budget for the Year
Annual Budget Allocation is a report budget categories. To update report item, click the Edit Row icon.
Remaining Budget for the Year is a data grid that displays as 3D pie chart. Passing the cursor over a pie section displays the dollar amount. Selecting a section, removes it slightly from the pie.
The sections that follow describe interface elements common of all Websheets.
Four menus display at the top of the each Websheet:
Many of the create and edit options within these menus are duplicated on the Control Panel that displays on the right side of the page. To learn more, see "About Websheet Applications".
The Search Websheet field displays in the upper right of each Websheet page.
Use Search Websheet to perform case insensitive searches of application content. To learn more, see "About Websheet Search".
The Control Panel displays on the right side of each Websheet page and includes commands available in the Create, Edit, and View menus at the top of the page. To hide or display the Control Panel, click the arrow to the right of the region title.
The Websheet Control Panel contains the following options:
New Sections. See "About Adding and Editing Page Sections".
Edit Sections. See "About Adding and Editing Page Sections".
New Page. See "Adding a New Page".
New Page as a Copy. See "Copying an Existing Page".
Edit Page. See "Editing Page Details".
Page Directory. See "Viewing the Page Directory".
New Data Grid. See "Creating a Data Grid".
The Files region displays below the Control Panel. The Files region displays files currently upload to the current page. To hide or display the Control Panel, click the arrow to the right of the region title.
See Also:"Managing Uploaded Files and Images"
Use the Tags region to enter tags that identify the current page and facilitate searching. To hide or display the Tags region, click the arrow to the right of the region title.
See Also:"Adding Tags"
The Notes region displays notes associated with current page. To hide or display the Notes region, click the arrow to the right of the region title.
See Also:"Adding Notes"
Once you understand the type of functionality available in AnyCo IT Department, the next step is to learn more about the construction of each page. Analyzing an deconstructing an application is an efficient way to speed up the learning process. If you break something, you can quickly delete the demonstration application and install it again. See "Updating a Previously Installed Sample Websheet Application".
The section that follows offers a high-level discussion of editing a Websheet. To learn more, see "About Websheet Applications".
To update a Websheet section:
Run the Websheet as described in "Running AnyCo IT Department".
Click the Edit icon that displays in the upper right of the section.
The Edit Section page appears. How you edit a specific section depends upon the section type.
Edit the fields provided.
To change the formatting, click the Expand Toolbar icon in the upper right corner.
The Toolbar appears. When you pass your cursor over an icon, a descriptive tooltip displays.
To hide the toolbar, click the Collapse Toolbar icon.
To save your changes, click Apply Changes.
See Also:"About Adding and Editing Page Sections" to learn more about editing Websheets