The project was developed to improved the existing website. Improvements included: 1. Responsive Design 2. Content Management System. 3. Enhanced compatibility and speed.

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

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

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

7. Notice Board

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

11. Solved - Desktop

12. Solved - Mobile

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

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

17. Advance…

19. Responsive Design

20. Fast Page Loading
Otherwise ,

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

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

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

25. Content Management System
(CMS)

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

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

28. In-Page Editing

29. CMS – 2 MinutesDeveloper Half Hour

30. Drag & Drop

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

32. Auto Generated Code

33. Editing Code & Save

34. Open House!
Thanks
Hemant Katyal