Sample app

1. Sample App
 Registration form
 Login Form
 Display Registered Records
Ajaigururaj.R

2. Registration

3. Screen Shot for Login Page

4. Screen Shot - List the Records

5. Screenshot to Edit the Record

6. Tech Tips
HTML
CSS
Javascript
Ajax
PHP
Mysql

7. HTML
 Div Tag
 Form Tag
 Text Box
 List Box
 Check Box
 Radio Button
 Submit Button

8. CSS
 Create External CSS
 Use Class and id to define your
color, size, width, height, font-
family, background – image, Font-
size, Font-
weight, position, margin, padding and
etc…

9. JS
 Write javascript functions to validate
the form.
 Validate email, Name must not be a
numeric, phone and pin number
shoud be numeric.
 Mandatory field should be validated.
 Use Ajax Wherever applicable in the
form to make asynchronous
communication

10. PHP
 Write php program to get the values from the form.
 Write php code to get db connections
(mysql)
 Insert the form values into the DB
 Retrieve the data from DB and display in the record
list as per screenshot.
 Use array, session, cookie.
 Create functions to insert, select, update, delete.

11. MYSQL
 Create a Database in phpmyadmin
 Create necessary tables and make
the relationship using primary key
and foreign key.
 Write a query to
insert, select, Update, and delete
records.

12. Project Specification by
Thiru - Project Manager
Kannabiran – Project Lead