index.html 8.9 KB

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