Your SlideShare is downloading. ×
CMS & Chrome Extension Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

CMS & Chrome Extension Development

1,930

Published on

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

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

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,930
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×