index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  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 class="colors">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. <p class="footnotes">keys ( arrows | n:next | p:previous | esc:all )</p>
  35. </section>
  36. </section>
  37. <section>
  38. <section data-transition="slide" data-background="#008F0B" data-background-transition="slide">
  39. <h2 class="light">What are Google Apps?</h2>
  40. <p class="light">
  41. 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
  42. </p>
  43. <aside class="notes">
  44. Notes ('s' speaker, 'b' break, 'esc' zoom out).
  45. </aside>
  46. </section>
  47. <section data-background="apps/img/apps-all.png">
  48. <div class="bg-block">
  49. <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
  50. </h4>
  51. </div>
  52. </section>
  53. <section>
  54. <img src="apps/img/gapps.png">
  55. </section>
  56. <section>
  57. <p>And countless other third party applications via the <a href="https://www.google.com/enterprise/marketplace/">Apps Marketplace</a></p>
  58. </section>
  59. </section>
  60. <section>
  61. <section data-transition="fade" data-background-transition="fade" data-background="#0865A6">
  62. <img src="apps/img/apps.png"class="noborder"/>
  63. <h3 class="light">Google Apps We Use</h3>
  64. <p class="fragment light fade-in"><span class="highlight">I'm going to cover three</span></p>
  65. </section>
  66. <section data-transition="fade" data-background-transition="fade" data-background="#ffffff">
  67. <img src="apps/img/apps2.png"class="noborder"/>
  68. <h3>Mail, Calendar, &amp; Drive</h3>
  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><a href="http://learn.googleapps.com/">http://learn.googleapps.com/</a></p>
  74. </section>
  75. <section>
  76. <h4>Google Suppport</h4>
  77. <p><a href="https://support.google.com/">https://support.google.com/</a></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. <aside class="notes">
  85. Google's most powerful tool is search
  86. </aside>
  87. </section>
  88. <section>
  89. <h2>Search is your Friend</h2>
  90. </section>
  91. <section>
  92. <img src="apps/img/search.gif" width="640" class="noborder animated-gif"/>
  93. </section>
  94. <section>
  95. <p><a href="http://www.google.com/intl/ALL/insidesearch/tipstricks/all.html">Search Tips from Google</a></p>
  96. <p><a href="http://www.google.com/advanced_search">Advanced Search</a></p>
  97. </section>
  98. </section>
  99. <section>
  100. <section data-transition="linear" data-background="#9C2500" data-background-transition="slide">
  101. <img src="apps/img/mail.png" class="noborder"/>
  102. <h2 class="light">Mail</h2>
  103. </section>
  104. <section>
  105. <h4>Gmail Suppport</h4>
  106. <p><a href="https://support.google.com/mail/">https://support.google.com/mail/</a></p>
  107. </section>
  108. <section>
  109. <img src="apps/img/search-mail.gif" width="640" class="noborder animated-gif"/>
  110. <p>Search Operators</p>
  111. <p><small>subject:IEP is:starred from:teacher@gwd50.com -work deadline OR “due date” is:unread</small></p>
  112. </section>
  113. <section>
  114. <p>Settings</p>
  115. </section>
  116. <section>
  117. <p>Categories</p>
  118. </section>
  119. <section>
  120. <p>Labels</p>
  121. </section>
  122. <section>
  123. <p>Filters</p>
  124. </section>
  125. <section>
  126. <p>Chat</p>
  127. </section>
  128. <section>
  129. <p>Autoresponders</p>
  130. </section>
  131. <section>
  132. <p>Groups</p>
  133. </section>
  134. <section data-transition="zoom">
  135. <p>ProTip: Meaningful Subject Lines to make archiving and searching easy for others. </p>
  136. </section>
  137. </section>
  138. <section>
  139. <section data-transition="linear" data-background="#A68B08" data-background-transition="slide">
  140. <img src="apps/img/calendar.png" width="128" class="noborder"/>
  141. <h2 class="light">Calendar</h2>
  142. <aside class="notes">
  143. notes
  144. </aside>
  145. </section>
  146. <section>
  147. <p>Settings</p>
  148. </section>
  149. <section>
  150. <p>Events</p>
  151. </section>
  152. <section>
  153. <p>Invites</p>
  154. </section>
  155. <section>
  156. <p>Sharing</p>
  157. </section>
  158. <section>
  159. <p>Sync</p>
  160. </section>
  161. <section>
  162. <p>Reminders</p>
  163. </section>
  164. <section data-transition="zoom">
  165. <p>ProTip: Don't Share your private events</p>
  166. </section>
  167. </section>
  168. <section>
  169. <section data-transition="linear" data-background="#008F0B" data-background-transition="slide">
  170. <img src="apps/img/drive.png" class="noborder"/>
  171. <h2 class="light">Drive</h2>
  172. <p class="light"></p>
  173. </section>
  174. <section id="transitions" data-background="apps/img/drive-all.png">
  175. <br /><br />
  176. <p><small>
  177. <a class="fragment roll-in" href="https://support.google.com/drive/topic/2811739">Docs</a> &nbsp;
  178. <a class="fragment roll-in" href="">Slides</a> &nbsp;
  179. <a class="fragment roll-in" href="">Sheets</a> &nbsp;
  180. <a class="fragment roll-in" href="">Forms</a> &nbsp;
  181. <a class="fragment roll-in" href="">Drawings</a> &nbsp;
  182. <a class="fragment roll-in" href="">Scripts</a> &nbsp;
  183. <a class="fragment roll-in" href="">Tables</a> &nbsp;
  184. <a class="fragment roll-in" href="">Folders</a> &nbsp;
  185. </small></p>
  186. </section>
  187. <section>
  188. <p>Sharing</p>
  189. </section>
  190. <section>
  191. <p>Security</p>
  192. </section>
  193. <section>
  194. <p>Creating</p>
  195. </section>
  196. <section>
  197. <p>Uploading</p>
  198. </section>
  199. <section>
  200. <p>Converting</p>
  201. </section>
  202. <section>
  203. <p>Exporting</p>
  204. </section>
  205. <section>
  206. <p>File Sync</p>
  207. <p>Google Drive for Desktop</p>
  208. </section>
  209. <section data-transition="zoom">
  210. <p>ProTip: Use Dates in Filenames</p>
  211. </section>
  212. </section>
  213. <section>
  214. <section>
  215. <h2>Thank You</h2>
  216. <small>
  217. <p>the presentation is online @<br /><a href="http://davidawindham.com/gwd/apps/">http://davidawindham.com/gwd/apps/</a></p>
  218. <p>the source code is @<br /> <a href="https://github.com/windhamdavid/gwd">https://github.com/windhamdavid/gwd</a></p>
  219. <p>and the files are shared on<br /> <a href="https://google.com">Google Drive</a></p><br />
  220. </small>
  221. <br />
  222. <p class="footnotes">David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</p>
  223. </section>
  224. <section data-background="apps/img/pattern_154.gif" data-background-repeat="repeat" data-background-size="56px">
  225. <div class="bg-block">
  226. <br />
  227. <h3>Bibliography</h3>
  228. <small>
  229. <p><a href="http://learn.googleapps.com/">http://learn.googleapps.com/</a></p>
  230. <p><a href="https://support.google.com/">https://support.google.com/</a></p>
  231. <p><a href="http://www.google.com/intl/ALL/insidesearch/tipstricks/all.html">http://google.com/search/tips</a></p>
  232. </small>
  233. <br /><br /><br /><br /><br /><br />
  234. <p class="fragment roll-in"><small>
  235. <span class="fragment highlight-red">Don't </span>
  236. <span class="fragment highlight-green">Be </span>
  237. <span class="fragment highlight-blue">Evil </span>
  238. <span class="fragment hightlight-blue"> - <a href="http://en.wikipedia.org/wiki/Don't_be_evil">http://en.wikipedia.org/wiki/Don't_be_evil</a></span>
  239. </small></p>
  240. <p><small><a href="http://davidawindham.com">David A. Windham</a> / <a href="http://twitter.com/windhamd_gwd">@windhamdavid</a></small></p>
  241. <p class="footnotes">David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</p>
  242. <br />
  243. </div>
  244. </section>
  245. </section>
  246. </div>
  247. </div>
  248. <script src="apps/js/head.min.js"></script>
  249. <script src="apps/js/reveal.min.js"></script>
  250. <script>
  251. // https://github.com/hakimel/reveal.js#configuration
  252. Reveal.initialize({
  253. controls: false,
  254. progress: true,
  255. history: true,
  256. center: true,
  257. rollingLinks: true,
  258. theme: Reveal.getQueryHash().theme,
  259. transition: Reveal.getQueryHash().transition || 'default', // cube/page/concave/zoom/linear/fade/none
  260. dependencies: [
  261. { src: 'apps/js/classList.js', condition: function() { return !document.body.classList; } },
  262. { src: 'apps/plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  263. { src: 'apps/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
  264. { src: 'apps/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
  265. { src: 'apps/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
  266. { src: 'apps/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
  267. ]
  268. });
  269. </script>
  270. <script src="/socket.io/socket.io.js"></script>
  271. <script src="/controldeck-slides.js"></script>
  272. </body>
  273. </html>