Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

College Project - CMS/Website

449 views

Published on

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

Published in: Technology
  • Login to see the comments

  • Be the first to like this

College Project - CMS/Website

  1. 1. learn to implement Always learn things to implement How to implement ? (Planning)
  2. 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. 3. USER INTERFACE Too much of information on one page LEADS too
  4. 4. Notice Board
  5. 5. User can easily access the information USER click more news to read that particular news And gets Redirected to a new page
  6. 6. Solved - Desktop
  7. 7. Solved - Mobile
  8. 8. Easy Navigation Total pages = 50 About us -7 HOME Contact Research-6 Program-9 Infrastructure-5 Faculty-5 TNP-7 Jobs
  9. 9. Easy Navigation Total pages = 15 About us HOME Contact Research Program Infrastructure Faculty TNP Jobs
  10. 10. Advance…
  11. 11. Responsive Design
  12. 12. Fast Page Loading Otherwise ,
  13. 13. Analysis tools.pingdom.com Chrome add-on Google PageSpeed Test
  14. 14. Analysis tools.pingdom.com Chrome add-on Google PageSpeed Test
  15. 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. 16. Content Management System (CMS)
  17. 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. 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. 19. In-Page Editing
  20. 20. CMS – 2 MinutesDeveloper Half Hour
  21. 21. Drag & Drop
  22. 22. CMS – 1 MinuteDeveloper Half Hour Developer Half Hour CMS – 1 Minute
  23. 23. Auto Generated Code
  24. 24. Editing Code & Save
  25. 25. Open House! Thanks Hemant Katyal

×