learn to implement

Always learn things to implement

How to implement ? (Planning)

BASIC1. Providing information to the user properly - User Interface2. User can easily access the information - Usability3. User Should be able to easily flow through the information - Easy Navigation

Learnt things - Webtech 6thsemester

Advance1. User should be able to access the information from any device – Responsive Design2. Fast page loading 3. Site Should appear on GOOGLE – SEO4. All browser compatible

USER INTERFACE

Too much of information on one page

LEADS too

Notice Board

User can easily access the information

USER click more news to read that particular news

And gets Redirected to a new page

Solved - Desktop

Solved - Mobile

Easy Navigation

Total pages = 50

About us -7HOME

Contact

Research-6

Program-9

Infrastructure-5

Faculty-5

TNP-7

Jobs

Easy Navigation

Total pages = 15

About us HOME

Contact

Research

Program

Infrastructure

Faculty

TNP

Jobs

Advance…

Responsive Design

Fast Page LoadingOtherwise ,

Analysistools.pingdom.com Chrome add-on

Google PageSpeed Test

Analysistools.pingdom.com Chrome add-on

Google PageSpeed Test

Additional Functionalities User can navigate through whole site without internet by just

one time loading .

Automate Email Enquiry .

Works on almost every device regardless of their screen sizes .

Simplified Navigation helps in SEARCH ENGINE OPTIMIZATION

Content Management System(CMS)

Features – Great CMS Easy Administration

• Responsive Design - Makes the updation of site possible from anywhere and any device.• User Interface - Use of site dependent CMS makes the editing very easy. • User Experience - Use of proper inbuilt layout makes the UX appealing.

Minimum use of Server Calling(Database) Calls the server only one time at loading or saving.

Automatically Generate Code for Editing• Generation of Html Code.• Generation of CSS.• Editing in AutoGenerated Code

Features – Great CMS Drag & Drop Layout

• Images & Content can be dragged and dropped anywhere on the page.• Copy & Paste of data from MS word, Excel, PowerPoint is possible. • Inline Editing on the pages is possible just like word and PowerPoint.

Lazy Loading of Data. Use of new technologies to make the heavy content load at last specially images.

In-Page Editing

CMS – 2 MinutesDeveloper Half Hour

Drag & Drop

CMS – 1 MinuteDeveloper Half Hour

Developer Half Hour CMS – 1 Minute

Auto Generated Code

Editing Code & Save

Open House!

ThanksHemant Katyal