3.4 Understanding AnyCo IT Department Websheet

This section describes the packaged application, Sample Websheet - AnyCo IT Department. Sample Websheet - AnyCo IT Department highlights the features and capabilities of Websheets.

3.4.1 Installing and Running AnyCo IT Department

To install and run Sample Websheet - AnyCo IT Department:

  1. Access the Packaged App Gallery. See "Viewing the Packaged App Gallery."

  2. Locate the Sample Websheet - AnyCo IT Department.

    Tip:

    Use the Search field at the top of the page to narrow the display.

    A summary page appears.

  3. Click Install Application.

  4. Select an Authentication scheme and click Next.

  5. Click Install Application.

    A success message appears.

  6. To run the application, click the Run icon.

  7. Enter the appropriate login credentials:

    1. Username - Enter your workspace username.

    2. Password - Enter your workspace password.

    3. Click Sign In.

The home page displays in a new window.

3.4.2 About Websheet Navigation

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.

Description of websheet_nav1.png follows
Description of the illustration ''websheet_nav1.png''

3.4.2.1 Using Breadcrumbs to Navigate Between Websheet Pages

A breadcrumb displays at the top of every Websheet page. Clicking the Home breadcrumb displays a menu of links to all the top level pages in the Websheet.

Description of websheet_bread.png follows
Description of the illustration ''websheet_bread.png''

3.4.3 Understanding AnyCo IT Department

Sample Websheet - 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.

3.4.3.1 Understanding Navigation

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.

Description of websheet_nav.png follows
Description of the illustration ''websheet_nav.png''

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.

Description of websheet_nav2.png follows
Description of the illustration ''websheet_nav2.png''

3.4.3.2 Home Page

Description of websheet_home.png follows
Description of the illustration ''websheet_home.png''

The Sample Websheet - AnyCo IT Department home page contains four sections:

  • Page navigation tree

  • AnyCo IT Department

  • Projects Summary

  • Systems Summary

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.

Description of websheet_proj_sum.png follows
Description of the illustration ''websheet_proj_sum.png''

Systems Summary is a report of hardware, software, and cloud services. The bottom of the section includes links to Systems Management report and to the Systems page.

Description of websheet_sys_sum.png follows
Description of the illustration ''websheet_sys_sum.png''

3.4.3.3 Projects Page

Description of websheet_table.png follows
Description of the illustration ''websheet_table.png''

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.

3.4.3.4 Project Review Page

Description of websheet_proj_review.png follows
Description of the illustration ''websheet_proj_review.png''

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.

3.4.3.5 Systems Page

Description of websheet_sys_nav.png follows
Description of the illustration ''websheet_sys_nav.png''

The Systems page contains the following sections:

  • Systems (navigation)

  • System Overview

  • Systems Maintenance

  • Purchasing Projections

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 and 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.

3.4.3.6 Planned Purchase Review

Description of websheet_plan_pur.png follows
Description of the illustration ''websheet_plan_pur.png''

The Planned Purchase Review page contains two sections:

  • Vendor Analysis

  • 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.

3.4.3.7 Systems Budget Review

Description of websheet_bud_alloc.png follows
Description of the illustration ''websheet_bud_alloc.png''

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.

3.4.4 Modifying Websheet Content

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.

3.4.4.1 Why Modify Sample Websheet Application?

Analyzing the deconstruction of 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 "Managing Packaged Applications in a Full Development Environment."

Tip:

Oracle Application Express includes two types of packaged applications: sample and productivity applications. By default, sample applications are fully editable. In contrast, you must unlock a productivity application before you can edit it. Unlocking a productivity packaged application makes it ineligible for future upgrades or support by Oracle Support.

The section that follows offers a high-level discussion of editing a Websheet.

3.4.4.2 Updating a Websheet Section

To update a Websheet section:

  1. Run the Websheet as described in "About Packaged Applications."

  2. Click the Edit icon that displays in the upper right of the section.

    Description of websheet_edit_sect.png follows
    Description of the illustration ''websheet_edit_sect.png''

    The Edit Section page appears. How you edit a specific section depends upon the section type.

  3. Edit the fields provided.

  4. To change the formatting, click the Expand Toolbar icon in the upper right corner.

    Description of websheet_toolbar2.png follows
    Description of the illustration ''websheet_toolbar2.png''

    The Toolbar appears. When you pass your cursor over an icon, a descriptive tooltip displays.

  5. To hide the toolbar, click the Collapse Toolbar icon.

    Description of websheet_toolbar3.png follows
    Description of the illustration ''websheet_toolbar3.png''

  6. To save your changes, click Apply Changes.