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.

CMS & Chrome Extension Development


Published on

This presentation deals with the usage of Content Management Systems and fundamentals for development of extensions for Google Chrome.

Published in: Education, Technology
  • Be the first to comment

CMS & Chrome Extension Development

  1. 1. WEB designing/development<br />Sarang <br />III yr ,<br />Dept of CSE <br />
  2. 2. AGENDA<br /><ul><li>Use of CMS
  3. 3. Building chrome extension</li></li></ul><li>Why go in for a CMS ?<br />Current scenario – we need a website for promoting every product/business. <br />Building websites for organisations , product review websites using html is time consuming . <br />Users of a website are not exposed to coding .<br />Website are often integrated with the latest developments.<br />
  4. 4. CONTENT MANAGEMENT SYSTEM<br />Collaborative environment for designing a website (like IDE)<br />Targets large no. of people to contribute and share stored data . <br />Reduces the time involved in building a website<br />Version Control<br />
  5. 5. Introduction(contd)<br />Allows people without technical details to post in the website <br />For eg : one cannot expect an person posting a book review to know the coding of a website .<br />Allows easy SEO.<br />
  6. 6. Examples (opensource)<br />JOOMLA <br />WORDPRESS<br />DRUPAL<br />WIKI<br />
  7. 7.
  8. 8. Advantages :-<br />Availability of a large no. of :-<br />Themes<br />Widgets<br />Modules<br />Extensions/plugins<br />
  9. 9. Theme examples<br /><br /><br /><br />http://localhost:81/ssnedc/joomla_root/index.php?tp=1&template=axe_rescheek<br />
  10. 10. How do I install a CMS?<br />Download the setup file.<br />Create db using phpmyadmin<br />Change the config.php file<br />Installation is done !<br />
  11. 11. DEMO<br />Joomla (ssnlakshya)<br />Wiki cms<br /><br />Wordpress (tedxssn)<br />
  12. 12. Developing Chrome Extension<br />Demo of Chrome Extensions<br />(creating an RSS feed )<br />
  13. 13. MANIFEST FILE<br />Every chrome extension has a JSON-formatted manifest file .<br />Deals with important fields like the name and version no. , favicon .<br />(contd)<br />
  14. 14. Manifest (contd)<br />"bookmarks" = reqd if browser uses bookmarks <br />"chrome://favicon/" = <imgsrc="chrome://favicon/"><br /> location of favicon.<br />"cookies" =Required if the extension uses the chrome.cookies module.<br />(contd) <br />
  15. 15. Manifest (contd)<br />"notifications" = desktop notification for the extension<br />"tabs" Required if the extension uses the chrome.tabs or module. <br />
  16. 16. HTML files<br />Dynamic feed control<br />Create html/css file as per requirements<br />
  17. 17. Packaging<br />Manifest.json<br />Html files<br />Image files (favicon)<br />CSS Files<br />Javascript files(if necessary)<br />Create a zip file of the folder<br />Package it as crx file <br />(contd)<br />
  18. 18. Packaging (contd)<br /> chrome://extensions <br />Goto developer mode<br />Pack extension <br />Your extension & private key files are created<br />(contd screenshot)<br />
  19. 19.
  20. 20. Testing & Publishing<br />Go to developer mode in Google Chrome<br />“Load unpacked extensions”<br />Publish your extensions to Google Chrome extension Library . <br />You need to have a google developer account for publishing (developer fee of 5$)<br />