index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Google Apps</title>
  6. <meta name="description" content="HTML Presentation">
  7. <meta name="author" content="David A. Windham">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  11. <link rel="stylesheet" href="css/reveal.min.css">
  12. <link rel="stylesheet" href="css/daw.css" id="theme">
  13. <link rel="stylesheet" href="css/zenburn.css">
  14. <script>
  15. document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
  16. </script>
  17. <!--[if lt IE 9]>
  18. <script src="js/html5shiv.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body>
  22. <div class="reveal">
  23. <div class="slides">
  24. <section>
  25. <section data-background="#000000">
  26. <h1>Google Apps</h1>
  27. <h4 style="color:#777">Special Education Edition</h4>
  28. <h3 style="color:#777">Instructional Services Center</h3>
  29. <h4 style="color:#777">Greenwood School District 50</h4>
  30. <br />
  31. <p><small><a href="http://davidawindham.com">David A. Windham</a> / <a href="http://twitter.com/windhamd_gwd">@windhamdavid</a></small></p>
  32. <p><small>David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</small></p>
  33. </section>
  34. </section>
  35. <section>
  36. <section data-transition="slide" data-background="#008F0B" data-background-transition="slide">
  37. <h2 class="light">What are Google Apps?</h2>
  38. <p class="light">
  39. They are a suite of web applications made available as cloud hosted software as service that can be administered for a group of users at a particular domain name
  40. </p>
  41. <aside class="notes">
  42. Notes ('s' speaker, 'b' break, 'esc' zoom out).
  43. </aside>
  44. </section>
  45. <section data-background="img/apps-all.png">
  46. <div class="bg-block">
  47. <h4 style="bg-block">AdSense, Alerts, Analytics, Blogger, Books, Calendar, Chrome Sync, Contacts, Custom Search, Docs, FeedBurner, Finance, Friend Connect, Fusion Tables, Gmail, Google+, Groups, Location History, Maps, Merchant Center, Moderator, News, Orkut, Picasa, Play Music, Profile, Sites, Talk, Task, Voice, Wallet / Checkout, Web History, Webmaster Tools, &amp; YouTube
  48. </h4>
  49. </div>
  50. </section>
  51. <section>
  52. <img src="img/gapps.png">
  53. </section>
  54. <section>
  55. And countless other third party applications via the Apps Marketplace
  56. https://www.google.com/enterprise/marketplace/
  57. </section>
  58. </section>
  59. <section>
  60. <section data-transition="fade" data-background="#0865A6">
  61. <img src="img/apps.png"class="noborder"/>
  62. <h2 class="light">Google Apps We Use</h2>
  63. <p class="fragment light fade-out"><span class="highlight">I'm only going to cover three</span></p>
  64. </section>
  65. <section data-transition="fade" data-background="#0865A6">
  66. <img src="img/apps2.png"class="noborder"/>
  67. <h2 class="light">Mail, Calendar, &amp; Drive</h2>
  68. <p class="fragment light"><span class="highlight">Just some tips and tricks</span></p>
  69. </section>
  70. <section>
  71. <h4>Documentation</h4>
  72. <p>http://learn.googleapps.com/</p>
  73. </section>
  74. <section>
  75. <h4>Google Suppport</h4>
  76. <p>https://support.google.com/</p>
  77. </section>
  78. </section>
  79. <section>
  80. <section data-transition="linear" data-background="#70089C" data-background-transition="slide">
  81. <img src="img/search.png" width="128" class="noborder"/>
  82. <h2 class="light">Search</h2>
  83. </section>
  84. <section>
  85. <h2>Search is your Friend</h2>
  86. </section>
  87. <section>
  88. <p>Search Tips from Google - http://www.google.com/intl/ALL/insidesearch/tipstricks/all.html
  89. Advanced Search - http://www.google.com/advanced_search</p>
  90. <p>Don’t forget the most powerful of all Google tools: Search.</p>
  91. </section>
  92. <section>
  93. <p>Search - operators - subject:IEP is:starred from:windhamd@gwd50.com -work deadline OR “due date” is:unread</p>
  94. </section>
  95. </section>
  96. <section>
  97. <section data-transition="linear" data-background="#9C2500" data-background-transition="slide">
  98. <img src="img/mail.png" class="noborder"/>
  99. <h2 class="light">Mail</h2>
  100. </section>
  101. <section>
  102. <p>Search</p>
  103. </section>
  104. <section>
  105. <p>Settings</p>
  106. </section>
  107. <section>
  108. <p>Categories</p>
  109. </section>
  110. <section>
  111. <p>Labels</p>
  112. </section>
  113. <section>
  114. <p>Filters</p>
  115. </section>
  116. <section>
  117. <p>Chat</p>
  118. </section>
  119. <section>
  120. <p>Autoresponders</p>
  121. </section>
  122. <section>
  123. <p>Groups</p>
  124. </section>
  125. <section data-transition="zoom">
  126. <p>ProTip: Meaningful Subject Lines to make archiving and searching easy for others. </p>
  127. </section>
  128. </section>
  129. <section>
  130. <section data-transition="linear" data-background="#A68B08" data-background-transition="slide">
  131. <img src="img/calendar.png" width="128" class="noborder"/>
  132. <h2 class="light">Calendar</h2>
  133. <aside class="notes">
  134. notes
  135. </aside>
  136. </section>
  137. </section>
  138. <section>
  139. <section data-transition="linear" data-background="#008F0B" data-background-transition="slide">
  140. <img src="img/drive.png" class="noborder"/>
  141. <h2 class="light">Drive</h2>
  142. <p class="light"></p>
  143. </section>
  144. <section id="transitions" data-background="img/drive-all.png">
  145. <br /><br />
  146. <p><small>
  147. <a class="fragment roll-in" href="https://support.google.com/drive/topic/2811739">Docs</a> &nbsp;
  148. <a class="fragment roll-in" href="">Slides</a> &nbsp;
  149. <a class="fragment roll-in" href="">Sheets</a> &nbsp;
  150. <a class="fragment roll-in" href="">Forms</a> &nbsp;
  151. <a class="fragment roll-in" href="">Drawings</a> &nbsp;
  152. <a class="fragment roll-in" href="">Scripts</a> &nbsp;
  153. <a class="fragment roll-in" href="">Tables</a> &nbsp;
  154. <a class="fragment roll-in" href="">Folders</a> &nbsp;
  155. </small></p>
  156. </section>
  157. <section data-background="#FFF" data-state="theend">
  158. <p class="fragment roll-in highlight-red">Don't</p>
  159. <p class="fragment roll-in highlight-green">Be</p>
  160. <p class="fragment roll-in highlight-blue">Evil</p>
  161. <a href="#" class="navigate-down"></a>
  162. </section>
  163. </section>
  164. <section>
  165. <section>
  166. <h2>Thank You</h2>
  167. <small>
  168. <p>the entire presentation is online @ <a href="http://davidawindham.com/gwd/gapps/">http://davidawindham.com/gwd/gapps/</a></p>
  169. <p><pre><code style="word-wrap: break-word;">the source code is @ <a href="https://github.com/windhamdavid/gwd">https://github.com/windhamdavid/gwd</a></code></pre></p>
  170. <p>And I’ve shared all of my notes and source files on <a href="https://google.com">Drive</a></p>
  171. <p><a href="#/1/2">#</a></p>
  172. </small>
  173. <p><small>David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</small></p>
  174. </section>
  175. <section data-background="img/pattern_154.gif" data-background-repeat="repeat" data-background-size="56px">
  176. <div class="bg-block">
  177. <h3>Bibliography</h3>
  178. <p><small>David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</small></p>
  179. </div>
  180. </section>
  181. </section>
  182. </div>
  183. </div>
  184. <script src="js/head.min.js"></script>
  185. <script src="js/reveal.min.js"></script>
  186. <script>
  187. // https://github.com/hakimel/reveal.js#configuration
  188. Reveal.initialize({
  189. controls: true,
  190. progress: true,
  191. history: true,
  192. center: true,
  193. theme: Reveal.getQueryHash().theme,
  194. transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
  195. //parallaxBackgroundImage: 'img/clouds.jpg',
  196. //parallaxBackgroundSize: '1920px 1080px',
  197. dependencies: [
  198. { src: 'js/classList.js', condition: function() { return !document.body.classList; } },
  199. { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  200. { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  201. { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  202. { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
  203. { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
  204. ]
  205. });
  206. Reveal.addEventListener( 'theend', function() {
  207. console.log( '"theend" has fired' );
  208. } );
  209. </script>
  210. <script src="/socket.io/socket.io.js"></script>
  211. <script src="/controldeck-slides.js"></script>
  212. </body>
  213. </html>