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.

Phoenix GTUG - Chrome OS and Web Store


Published on

Slides used for presentation on Chrome OS and Web Store at the Phoenix Google Technology User's Group (PHX GTUG)

Published in: Technology
  • Be the first to like this

Phoenix GTUG - Chrome OS and Web Store

  1. 1. January 19, 2011 @monteslu Chrome OS and Web Store
  2. 2. What is Chrome OS? <ul><li>Google's Chrome based Operating System that is shipping on netbooks this year. </li></ul><ul><li>Chrome OS is built on the Chromium OS open source project. </li></ul>
  3. 3. Chrome OS   vs  Chromium OS <ul><ul><li>Share the same codebase </li></ul></ul><ul><ul><li>Chrome OS has enhancements for verified boot & easy recovery. </li></ul></ul><ul><ul><li>Chromium OS does not have auto-updates. </li></ul></ul><ul><ul><li>Chrome OS is supported by Google an its partners. </li></ul></ul><ul><ul><li>Chromium OS is supported by the open source community. </li></ul></ul>
  4. 4. Why it's fast <ul><li>  </li></ul>
  5. 5. More Chrome OS... <ul><li>  </li></ul>System settings are handled in browser. All user data is saved in &quot;The Cloud&quot;.  CR-48 is the netbook/notebook/laptop thing to ship with the Chrome OS to beta testers. demo...
  6. 6. What is the Chrome Web Store ? <ul><li>It's an open market place where users can browse and purchase items and install them in their browser. </li></ul><ul><li>Items include: </li></ul><ul><ul><li>Themes </li></ul></ul><ul><ul><li>Extensions </li></ul></ul><ul><ul><li>Webapps </li></ul></ul><ul><li>Each of these are comprised of a manifest.json and other resources in a zip or crx file. </li></ul>
  7. 7. Themes <ul><li>An extension that changes the way the browser looks. They're packaged like regular extensions, but they don't contain JavaScript or HTML code. </li></ul><ul><li>{   &quot;version&quot;: &quot;2.6&quot;,    </li></ul><ul><li>     &quot;name&quot;: &quot;camo theme&quot;,   </li></ul><ul><li>      &quot;theme&quot;: {    </li></ul><ul><li>          &quot; images &quot; : {       &quot;theme_frame&quot; :         &quot;images/theme_frame_camo.png&quot;,   </li></ul><ul><li>                                   &quot;theme_frame_overlay&quot; : &quot;images/theme_frame_stripe.png&quot;,       </li></ul><ul><li>                                   more stuff...     </li></ul><ul><li>          },     </li></ul><ul><li>          &quot; colors &quot; : {       &quot;frame&quot; : [71, 105, 91],   </li></ul><ul><li>                                     &quot;toolbar&quot; : [207, 221, 192],       </li></ul><ul><li>                                      &quot;ntp_text&quot; : [20, 40, 0],        </li></ul><ul><li>                                       more stuff...      </li></ul><ul><li>           },     </li></ul><ul><li>          &quot; tints &quot; : {          &quot;buttons&quot; : [0.33, 0.5, 0.47]     }, </li></ul><ul><li>          &quot; properties &quot; : {       &quot;ntp_background_alignment&quot; : &quot;bottom&quot;     }  </li></ul><ul><li>       } </li></ul><ul><li>} </li></ul>
  8. 8. Extensions <ul><ul><li>Browser Actions </li></ul></ul><ul><ul><ul><li>  Add icons to the toolbar </li></ul></ul></ul><ul><ul><li>Desktop Notifications </li></ul></ul><ul><ul><ul><li>Notify users of important events </li></ul></ul></ul><ul><ul><li>Options Pages </li></ul></ul><ul><ul><ul><li>Let users customize your extension </li></ul></ul></ul><ul><ul><li>Override Pages </li></ul></ul><ul><ul><ul><li>Implement your own version of standard browser pages such as the New Tab page </li></ul></ul></ul><ul><ul><li>  Page Actions </li></ul></ul><ul><ul><ul><li>Add temporary icons inside the address bar </li></ul></ul></ul><ul><ul><li>Themes </li></ul></ul><ul><ul><ul><li>  Change overall browser appearance </li></ul></ul></ul>
  9. 9. Web apps! <ul><ul><li>Packaged Apps </li></ul></ul><ul><ul><ul><li>Can be fully contained in .crx file and run without an internet connection. </li></ul></ul></ul><ul><ul><ul><li>Can also make requests to external resources via Javascript  </li></ul></ul></ul><ul><ul><li>Hosted Apps </li></ul></ul><ul><ul><ul><li>Provides a link to an application hosted on an external server.  </li></ul></ul></ul>
  10. 10. Packaged Apps <ul><li>{ </li></ul><ul><li>   &quot;name&quot;: &quot;Simple Whiteboard&quot;, </li></ul><ul><li>   &quot;description&quot;: &quot;Simple drawing application that can be used offline.&quot;, </li></ul><ul><li>   &quot;version&quot;: &quot;0.1&quot;, </li></ul><ul><li>   &quot;app&quot;: { </li></ul><ul><li>     &quot;launch&quot;: { </li></ul><ul><li>       &quot;local_path&quot;: &quot;index.html&quot; </li></ul><ul><li>     } </li></ul><ul><li>   }, </li></ul><ul><li>   &quot;icons&quot;: { </li></ul><ul><li>     &quot;128&quot;: &quot;128.png&quot;, </li></ul><ul><li>&quot;16&quot;:  &quot;16.png&quot; </li></ul><ul><li>   }, </li></ul><ul><li>   &quot;permissions&quot;: [ </li></ul><ul><li>     &quot;unlimitedStorage&quot; </li></ul><ul><li>   ] </li></ul><ul><li>} </li></ul><ul><li>demo... </li></ul>
  11. 11. Hosted Apps <ul><li>   { </li></ul><ul><li>    &quot;name&quot;: &quot;Google Mail&quot;, </li></ul><ul><li>   &quot;description&quot;: &quot;Read your gmail&quot;, </li></ul><ul><li>   &quot;version&quot;: &quot;1&quot;, </li></ul><ul><li>   &quot;app&quot;: { </li></ul><ul><li>     &quot;urls&quot;: [ </li></ul><ul><li>       &quot;*://;, </li></ul><ul><li>       &quot;*://; </li></ul><ul><li>     ], </li></ul><ul><li>     &quot;launch&quot;: { </li></ul><ul><li>       &quot;web_url&quot;: &quot;; </li></ul><ul><li>     } </li></ul><ul><li>   }, </li></ul><ul><li>   &quot;icons&quot;: { </li></ul><ul><li>     &quot;128&quot;: &quot;icon_128.png&quot; </li></ul><ul><li>   }, </li></ul><ul><li>   &quot;permissions&quot;: [ </li></ul><ul><li>     &quot;unlimitedStorage&quot;, </li></ul><ul><li>     &quot;notifications&quot; </li></ul><ul><li>   ] </li></ul><ul><li>} </li></ul><ul><li>demo... </li></ul>
  12. 12. Draw it Live  Collaborative Whiteboard <ul><ul><li>AppEngine in Java </li></ul></ul><ul><ul><li>Channel API </li></ul></ul><ul><ul><li>BigTable - JDO </li></ul></ul><ul><ul><li>Dojo 1.5 client </li></ul></ul>
  13. 13. Authentication <ul><ul><li>    Uses OpenId for authentication. </li></ul></ul><ul><ul><li>  Can skip authorization screen for verified site. </li></ul></ul><ul><li>demo... </li></ul>
  14. 14. Selling Apps <ul><ul><li>For each hosted app you publish, you can choose from any of the following payment options: </li></ul></ul><ul><ul><li>Free </li></ul></ul><ul><ul><li>One-time payment  with the Chrome Web Store Payments </li></ul></ul><ul><ul><li>Monthly or yearly subscription  with Chrome Web Store Payments </li></ul></ul><ul><ul><li>Free trial  with b or c </li></ul></ul><ul><ul><li>Custom payment solution </li></ul></ul><ul><ul><li>Uses OAuth to communicate with Google licensing service. </li></ul></ul><ul><ul><ul><li> Service responds with a JSON or XML message indicating the user's access level is FULL,FREE_TRIAL, or NONE </li></ul></ul></ul><ul><ul><li>Google gets $0.30 for a sale plus 5% </li></ul></ul>
  15. 15. Enough Talk... <ul><li>More Beer! </li></ul>