Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

CMS & Chrome Extension Development

2.320 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Bildung, Technologie
  • Als Erste(r) kommentieren

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 />http://www.proudthemes.com/demo/academica/<br />http://tedxssn.com<br />http://ssnlakshya.com<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 />http://ten.wikipedia.org/wiki/Chennai<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/http://www.google.com/"><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 chrome.windows 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 />