|
@@ -108,10 +108,6 @@
|
|
<img src="apps/img/mail.png" class="noborder"/>
|
|
<img src="apps/img/mail.png" class="noborder"/>
|
|
<h2 class="light">Mail</h2>
|
|
<h2 class="light">Mail</h2>
|
|
</section>
|
|
</section>
|
|
- <section>
|
|
|
|
- <h4>Gmail Support</h4>
|
|
|
|
- <p><a href="https://support.google.com/mail/">https://support.google.com/mail/</a></p>
|
|
|
|
- </section>
|
|
|
|
<section>
|
|
<section>
|
|
<img src="apps/img/search-mail.gif" width="640" class="noborder animated-gif"/>
|
|
<img src="apps/img/search-mail.gif" width="640" class="noborder animated-gif"/>
|
|
<p>Search Operators</p>
|
|
<p>Search Operators</p>
|
|
@@ -151,12 +147,12 @@
|
|
<img src="apps/img/calendar.png" width="128" class="noborder"/>
|
|
<img src="apps/img/calendar.png" width="128" class="noborder"/>
|
|
<h2 class="light">Calendar</h2>
|
|
<h2 class="light">Calendar</h2>
|
|
<aside class="notes">
|
|
<aside class="notes">
|
|
- notes
|
|
|
|
|
|
+ Who keeps a paper calendar? Who uses Google Calendar?
|
|
</aside>
|
|
</aside>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Settings</p>
|
|
<p>Settings</p>
|
|
- <img src="apps/img/cal-full.png" class="noborder"/>
|
|
|
|
|
|
+ <img src="apps/img/cal-full.png" width="800" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Events</p>
|
|
<p>Events</p>
|
|
@@ -168,14 +164,14 @@
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Sharing</p>
|
|
<p>Sharing</p>
|
|
- <img src="apps/img/cal-share.png" class="noborder"/>
|
|
|
|
|
|
+ <img src="apps/img/cal-share.png" width="700" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<img src="apps/img/cal-shared.png" class="noborder"/>
|
|
<img src="apps/img/cal-shared.png" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Sync</p>
|
|
<p>Sync</p>
|
|
- <img src="apps/img/cal-sync.png" class="noborder"/>
|
|
|
|
|
|
+ <img src="apps/img/cal-sync.png" width="300" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Reminders</p>
|
|
<p>Reminders</p>
|
|
@@ -191,9 +187,7 @@
|
|
<section data-transition="linear" data-background="#008F0B" data-background-transition="slide">
|
|
<section data-transition="linear" data-background="#008F0B" data-background-transition="slide">
|
|
<img src="apps/img/drive.png" class="noborder"/>
|
|
<img src="apps/img/drive.png" class="noborder"/>
|
|
<h2 class="light">Drive</h2>
|
|
<h2 class="light">Drive</h2>
|
|
- <p class="light"></p>
|
|
|
|
</section>
|
|
</section>
|
|
-
|
|
|
|
<section id="transitions" data-background="apps/img/drive-all.png">
|
|
<section id="transitions" data-background="apps/img/drive-all.png">
|
|
<br /><br />
|
|
<br /><br />
|
|
<p><small>
|
|
<p><small>
|
|
@@ -210,7 +204,9 @@
|
|
<section>
|
|
<section>
|
|
<p>Sharing</p>
|
|
<p>Sharing</p>
|
|
<img src="apps/img/drive-share.gif" class="noborder animated-gif"/>
|
|
<img src="apps/img/drive-share.gif" class="noborder animated-gif"/>
|
|
- <p><small>Take precaution when sharing folders</small></p>
|
|
|
|
|
|
+ <aside class="notes">
|
|
|
|
+ Take precaution when sharing folders
|
|
|
|
+ </aside>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<p>Creating & Uploading</p>
|
|
<p>Creating & Uploading</p>
|
|
@@ -225,16 +221,19 @@
|
|
<img src="apps/img/drive-export.png" class="noborder"/>
|
|
<img src="apps/img/drive-export.png" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
- <p>Google Drive for Desktop/Ipad</p>
|
|
|
|
- <img src="apps/img/drive-dsync.png" class="noborder"/>
|
|
|
|
|
|
+ <p>Google Drive for Desktop & Mobile</p>
|
|
|
|
+ <img src="apps/img/drive-dsync.png" width="500" class="noborder"/>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
- <img src="apps/img/drive-isync.png" class="noborder"/>
|
|
|
|
|
|
+ <img src="apps/img/drive-isync.png" width="500" class="noborder"/>
|
|
<p><small>Available on Apple iOS & Google Android</small></p>
|
|
<p><small>Available on Apple iOS & Google Android</small></p>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
- <img src="apps/img/drive-sync.png" class="noborder"/>
|
|
|
|
- <p><small>You can drag and drop documents from your computer</small></p>
|
|
|
|
|
|
+ <img src="img/drive-sync.png" class="noborder"/>
|
|
|
|
+ <p><small>Drag and drop file sync</small></p>
|
|
|
|
+ <aside class="notes">
|
|
|
|
+ Take precaution when sharing folders and files
|
|
|
|
+ </aside>
|
|
</section>
|
|
</section>
|
|
<section data-transition="zoom">
|
|
<section data-transition="zoom">
|
|
<p>ProTip: Use meaningful titles and dates in file names.</p>
|
|
<p>ProTip: Use meaningful titles and dates in file names.</p>
|
|
@@ -257,28 +256,27 @@
|
|
<section data-background="apps/img/pattern_154.gif" data-background-repeat="repeat" data-background-size="56px">
|
|
<section data-background="apps/img/pattern_154.gif" data-background-repeat="repeat" data-background-size="56px">
|
|
<div class="bg-block">
|
|
<div class="bg-block">
|
|
<br />
|
|
<br />
|
|
- <h3><span class="highlight">Bibliography</span></h3>
|
|
|
|
- <small>
|
|
|
|
- <p>"Google Help." Google Help. Google Inc. , n.d. Web. 9 Feb. 2014.<br /><a href="https://support.google.com/">https://support.google.com/</a>.</p>
|
|
|
|
- <p>"Google Apps Learning Center v4."Google Apps Learning Center v4. N.p., n.d. Web. 9 Feb. 2014. <a href="http://learn.googleapps.com/">http://learn.googleapps.com/</a>.</p>
|
|
|
|
- <p>"Apps for Education." Products Google. N.p., n.d. Web. 9 Feb. 2014. <a href="http://www.google.com/enterprise/apps/education/products.html">http://www.google.com/enterprise/apps/education/products.html.</a></p>
|
|
|
|
|
|
+ <h4 style="margin-bottom:0px"><span class="highlight">Bibliography</span></h4>
|
|
|
|
+ <small>
|
|
|
|
+ <p class="footnotes">"Google Help." Google Help. Google Inc. , n.d. Web. 9 Feb. 2014.<br /><a href="https://support.google.com/">https://support.google.com/</a>.</p>
|
|
|
|
+ <p class="footnotes">"Google Apps Learning Center v4."Google Apps Learning Center v4. N.p., n.d. Web. 9 Feb. 2014. <br /><a href="http://learn.googleapps.com/">http://learn.googleapps.com/</a>.</p>
|
|
|
|
+ <p class="footnotes">"Apps for Education." Products Google. N.p., n.d. Web. 9 Feb. 2014. <br /><a href="http://www.google.com/enterprise/apps/education/products.html">http://www.google.com/enterprise/apps/education/products.html.</a></p>
|
|
<br />
|
|
<br />
|
|
- <p class="footnotes">Made with:<br />HTML, CSS, JavaScript, Ubuntu, Node.js, TextMate, LiceCap, Adobe Illustrator/Photoshop, <br />Apple OSX, & Google { Docs, Forms, Sheets, Sites, Scripts, & Chrome }.</p>
|
|
|
|
- <p class="footnotes">Thanks to Hakim El Hattab & John Polocek who wrote 95% of the Javascript.<br />
|
|
|
|
- <p class="footnotes">Fonts: Open Sans & Quicksand by Steve Matteson & Andres Paglinawan.</p>
|
|
|
|
- <p class="footnotes">Hexadecimal color scheme:<br />
|
|
|
|
- Normal - 008F0B - Green | A68B08 - Yellow | 9C2500 - Red | 70089C - Purple | 0865A6 - Blue<br />
|
|
|
|
- Inverted - FF70F4 - Pink | 5974F7 - Blue | 63DAFF - Teal | 8FF763 - Green | F79A59 - Orange</p>
|
|
|
|
- </small>
|
|
|
|
- <p class="fragment roll-in"><small>
|
|
|
|
|
|
+ <p class="footnotes">Made with: HTML, CSS, JavaScript, Ubuntu, Node.js, TextMate, LiceCap, Adobe Illustrator/Photoshop, <br />Apple OSX, Apache, & Google { Docs, Forms, Sheets, Sites, Scripts, & Chrome }.</p>
|
|
|
|
+ <p class="footnotes">Thanks to Hakim El Hattab & John Polocek who wrote 95% of the Javascript.<br />
|
|
|
|
+ <p class="footnotes">Fonts: Open Sans & Quicksand by Steve Matteson & Andres Paglinawan.</p>
|
|
|
|
+ <p class="footnotes">Hexadecimal color scheme:<br />
|
|
|
|
+ Normal - 008F0B - Green | A68B08 - Yellow | 9C2500 - Red | 70089C - Purple | 0865A6 - Blue<br />
|
|
|
|
+ Inverted - FF70F4 - Pink | 5974F7 - Blue | 63DAFF - Teal | 8FF763 - Green | F79A59 - Orange</p>
|
|
|
|
+ </small>
|
|
|
|
+ <p class="footnotes fragment roll-in">
|
|
<span class="fragment highlight-red">Don't </span>
|
|
<span class="fragment highlight-red">Don't </span>
|
|
<span class="fragment highlight-green">Be </span>
|
|
<span class="fragment highlight-green">Be </span>
|
|
<span class="fragment highlight-blue">Evil </span>
|
|
<span class="fragment highlight-blue">Evil </span>
|
|
<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>
|
|
<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>
|
|
- </small></p>
|
|
|
|
- <p class="footnotes"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/4.0/80x15.png" /></a><br />This <span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/InteractiveResource" rel="dct:type">work</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US">Creative Commons Attribution 4.0 International License</a>.<br />
|
|
|
|
- by <a xmlns:cc="http://creativecommons.org/ns#" href="http://davidawindham.com/gwd" property="cc:attributionName" rel="cc:attributionURL">David A. Windham</a> / <a href="http://twitter.com/windhamd_gwd">@windhamdavid</a></p>
|
|
|
|
- <p class="footnotes">David A. Windham | Data Manager ISC | gwd50.org | 864-941-5485</p>
|
|
|
|
|
|
+ </p>
|
|
|
|
+ <p class="footnotes"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US"><img alt="Creative Commons License" style="margin:0; border-width:0" src="http://i.creativecommons.org/l/by/4.0/80x15.png" /></a><br />This <span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/InteractiveResource" rel="dct:type">work</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US">Creative Commons Attribution 4.0 International License</a>.<br />
|
|
|
|
+ by <a xmlns:cc="http://creativecommons.org/ns#" href="http://davidawindham.com/gwd" property="cc:attributionName" rel="cc:attributionURL">David A. Windham</a> / <a href="http://twitter.com/windhamd_gwd">@windhamdavid</a><br /><br /></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|