Introduction

In this tutorial, you will learn how to plan a simple Rich UI page and create the page by using the EGL editor.
You will start by drawing sketches and progress through all of the stages of developing a simple interface page. In addition to planning ways to lay out the design, you will create a "family tree" that shows the hierarchy of the elements on the page. You will then implement two versions of the design.

Learning objectives

In this tutorial, you will learn how to complete these tasks:

Time required

This tutorial should take approximately 60 minutes to finish. If you explore other concepts related to this tutorial, it might take longer to complete.

Skill level

Introductory

Audience

This tutorial is designed for people who know the basic concepts of programming, but are unfamiliar with EGL. It is intended for people who work with Rich UI and generate JavaScript.

System requirements

To complete this tutorial, you must have the following tools and components installed on your computer:

Prerequisites

You do not need any previous experience with EGL to take this tutorial.

Expected results

You will create a simple logon screen that displays a message when you click the Submit button.
The screen shows prompts and entry fields for a user name and password, as well as a Submit button.

Feedback