Assignment1

Use Quickforms Sample Application and modify it accordingly to create a new simple custom app with the name "patientRegistration" that includes:

• A login screen
• Patient registration home page
• Team members page
• Navigation control for 'Registered Patients' and 'Team Members'
• A simple patient registration form

Import patientRegistration.bak

Note: Don't forget the name of database connection in context.xml should use the same name as the app name "patientRegistration" Note: You also must change context.xml if you wish to connect to a localhost database.

Part 1: Configuration & Login

• Set up the configuration file and template that is suitable for your application.

Hints: Create the initial .html and .js files required to build the simple patient registration form.

• Create a Login screen for your Patient Registration app as shown below.

Related Tutorials

• Get Started
• Create a Login/Team members for your App

Part 2: Home Page and Team Members

• Create a Patient Registration home page that is user specific and includes:
  1. A navigation bar with options for 'Registered Patients' and 'Team Members'
  2. A button for 'New Registration form'
  3. A table that lists registered patients according to user profile (Refer to the database schema at the end of this page)
  4. A table that lists team members according to user profile-'Team Members' navigation option (Refer to the database schema at the end of this page)

User profiles are as follow:

Username	Password	Role
admin	admin	Administrator
user1	user1	User1

Note: The Home page and Team Members page must be user specific.

Hints: Use resources provided in the Quickforms library to create the form elements.

The Home Page for your application should look like this:

Patient Registration Home Page - Users View	Patient Registration Home Page - Administrator View
See a bigger version of this image	See a bigger version of this image

The Team Members page should look like this:

Team Member Page - Users View	Team Member Page - Administrator View
See a bigger version of this image	See a bigger version of this image

Related Tutorials

• Create a Basic Quickforms App
• Add Navigation to your App

Part 3: Patient Registration Form

• Create a simple patient registration form that includes:

Field	Type
First Name	Text
Last Name	Text
Date of Birth	Date
Age	Text
Gender	Select
Status	Select
Department	Select
Agree for the Term	Check box
Register	Button
Back	Button

Your Patient Registration Form should look like this:

Related Tutorials

• Create a Form

Database Schema

Related Tutorials

• Get Started
• Create a Login/Team members for your App
• Create a Basic Quickforms App
• Add Navigation to your App
• Create a Form
• [Tips: Fast start assignment 1 by copy the "sample" folder](Fast start your project by copy the "sample" folder)