1.
learn to implement
Always learn things to implement
How to implement ? (Planning)

2.
BASIC
1. Providing information to the user properly - User Interface
2. User can easily access the information - Usability
3. User Should be able to easily flow through the information - Easy Navigation
Learnt things - Webtech 6thsemester
Advance
1. User should be able to access the information from any device – Responsive Design
2. Fast page loading
3. Site Should appear on GOOGLE – SEO
4. All browser compatible

3.
USER INTERFACE
Too much of information on one page
LEADS too

4.
Notice Board

5.
User can easily access the information
USER click more news to read that particular news
And gets
Redirected to a new page

6.
Solved - Desktop

7.
Solved - Mobile

8.
Easy Navigation
Total pages = 50
About us -7
HOME
Contact
Research-6
Program-9
Infrastructure-5
Faculty-5
TNP-7
Jobs

9.
Easy Navigation
Total pages = 15
About us
HOME
Contact
Research
Program
Infrastructure
Faculty
TNP
Jobs

10.
Advance…

11.
Responsive Design

12.
Fast Page Loading
Otherwise ,

13.
Analysis
tools.pingdom.com Chrome add-on
Google PageSpeed Test

14.
Analysis
tools.pingdom.com Chrome add-on
Google PageSpeed Test

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

16.
Content Management System
(CMS)

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

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

19.
In-Page Editing

20.
CMS – 2 MinutesDeveloper Half Hour

21.
Drag & Drop

22.
CMS – 1 MinuteDeveloper Half Hour
Developer Half Hour CMS – 1 Minute

23.
Auto Generated Code

24.
Editing Code & Save

25.
Open House!
Thanks
Hemant Katyal