College Project - CMS/Website
-
Upload
hemant-katyal -
Category
Technology
-
view
54 -
download
0
Transcript of College Project - CMS/Website
![Page 1: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/1.jpg)
learn to implement
Always learn things to implement
How to implement ? (Planning)
![Page 2: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/2.jpg)
![Page 3: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/3.jpg)
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
![Page 4: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/4.jpg)
![Page 5: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/5.jpg)
USER INTERFACE
Too much of information on one page
LEADS too
![Page 6: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/6.jpg)
![Page 7: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/7.jpg)
Notice Board
![Page 8: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/8.jpg)
![Page 9: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/9.jpg)
User can easily access the information
USER click more news to read that particular news
And gets Redirected to a new page
![Page 10: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/10.jpg)
![Page 11: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/11.jpg)
Solved - Desktop
![Page 12: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/12.jpg)
Solved - Mobile
![Page 13: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/13.jpg)
![Page 14: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/14.jpg)
Easy Navigation
Total pages = 50
About us -7HOME
Contact
Research-6
Program-9
Infrastructure-5
Faculty-5
TNP-7
Jobs
![Page 15: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/15.jpg)
![Page 16: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/16.jpg)
Easy Navigation
Total pages = 15
About us HOME
Contact
Research
Program
Infrastructure
Faculty
TNP
Jobs
![Page 17: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/17.jpg)
Advance…
![Page 18: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/18.jpg)
![Page 19: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/19.jpg)
Responsive Design
![Page 20: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/20.jpg)
Fast Page LoadingOtherwise ,
![Page 21: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/21.jpg)
Analysistools.pingdom.com Chrome add-on
Google PageSpeed Test
![Page 22: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/22.jpg)
![Page 23: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/23.jpg)
Analysistools.pingdom.com Chrome add-on
Google PageSpeed Test
![Page 24: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/24.jpg)
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
![Page 25: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/25.jpg)
Content Management System(CMS)
![Page 26: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/26.jpg)
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
![Page 27: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/27.jpg)
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.
![Page 28: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/28.jpg)
In-Page Editing
![Page 29: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/29.jpg)
CMS – 2 MinutesDeveloper Half Hour
![Page 30: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/30.jpg)
Drag & Drop
![Page 31: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/31.jpg)
CMS – 1 MinuteDeveloper Half Hour
Developer Half Hour CMS – 1 Minute
![Page 32: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/32.jpg)
Auto Generated Code
![Page 33: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/33.jpg)
Editing Code & Save
![Page 34: College Project - CMS/Website](https://reader030.fdocuments.us/reader030/viewer/2022032620/55cec6b3bb61eb28308b474b/html5/thumbnails/34.jpg)
Open House!
ThanksHemant Katyal