Google 速學工作術

1. 備份電腦資料

一、Google 帳號

  1. 申請：https://accounts.google.com/SignUp?hl=zh-TW
    注意必須年滿 13 歲才能申請
  2. 功能：Google帳號，有15GB的空間可以使用，其功能有 Mail、相簿、雲端硬碟、YouTube、Google+、日曆、Keep(便利貼)、縮網址.......
  3. 我們只要透過權限設定，即可分享、協作，請多利用

二、Chrome設定

  1. 在Chrome登入Google帳號，「管理/設定/登入」
  2. chrome://settings/syncSetup (請複製至chrome網址列執行)
  3. 「開啟」同步處理所有資料，或選擇部份功能，做同步處理
  4. 例如：在Chrome設定的書籤，則會同步至雲端，若電腦系統重新安裝，只要重新登入即能恢復書籤
  5. 設定Chrome「首頁」
  6. 設定顯示書籤、管理書籤
  7. 設定Chrome 「開啟網頁」
  8. 設定Chrome下載時，詢問下載位置

三、安裝Google Drive(雲端硬碟)

  1. 說明：將電腦、相機或 SD 卡中的檔案備份到雲端，即可使用任何裝置或電腦在 Google 雲端硬碟中存取檔案，並可在 Google 相簿中瀏覽你的相片。
  2. 網址：https://www.google.com/drive/download/
    串流：https://g.co/GetDriveFileStream
  3. 安裝
  4. 設定

四、用Gmail來收其他信箱的信件

  1. Gmail「設定/設定/帳號」=>「查看其他帳戶的郵件：/ 新增郵件帳戶」=> 「輸入要新增的電子郵件地址」
     
  2. 如圖




     
  3. Gmail會一段時間去收信件，如要立即收信，請至「設定/設定/帳號/立即收信」

五、設定Gmail簽名檔

六、收集資料

https://goo.gl/4AdWJr

Google 速學工作術

1-1 檔案權限

  1. 在雲端硬碟對操作「檔案」、「資料夾」按「右鍵/共用」

  2. 這裡請填他人信箱(最好以gmail為主)
    假設填入其他非gmail信箱
    則會有二種情況

     
  3. 狀況一：傳送邀請
    收到這封邀請信的e-mail
    在同意而開啟「共用資料夾」的同時
    會求要登入gmail，登入的同時會將其gmail回傳至邀請方的共用權限

     
  4. 收到共用確認信

     
  5. 要求登入gmail

     
  6. 本來邀請「web.ugm@msa.hinet.net」經此動作已變成 邀請 「ocm@ugm.com.tw」

     
  7. 我們回邀請方觀看權限設定，「ocm@ugm.com.tw」已被加入權限中
  8. 狀況二：傳送連結(不須登入)

     
  9. 這樣只要知道連結的人，就得到權限

Google 速學工作術

1-2 設定hinet 信件自動寄信至gmail

  1. 網址：https://webmail.hinet.net/

Google 速學工作術

2. Google Keep：記事和清單(便利貼)

一、複習

  1. 登入chrome，並建立書籤，管理書籤
  2. 設定Chrome「首頁」、設定顯示書籤 、設定Chrome 「開啟網頁、設定Chrome下載時，詢問下載位置
  3. 安裝 Google 雲端硬碟應用程式：https://www.google.com/drive/download/ (@gmail.com => 個人 、@企業、學校 => 個人、公司)
  4. 設定收其他信箱
  5. 設定gmail簽名檔

二、Google 相簿

  1. Google 相簿說明：https://support.google.com/photos/answer/6128849?hl=zh-Hant&ref_topic=6128848
  2. 自動將相片和影片備份到 Google 雲端硬碟：https://goo.gl/T8kecm
  3. 桌機版設定Google相簿：https://photos.google.com/settings
  4. 圖片下載：https://github.com/webugm/webugm.github.io

三、Google Keep(便利貼)

  1. 快速記下您的想法，並與親朋好友分享
  2. .隨時隨地輕鬆查閱
  3. 適時獲得所需提醒
  4. 怕自己忘記買日用品嗎？只要設定地點提醒，Keep 就會在您抵達商店時立即顯示購物清單。
  5. Keep 適用於手機、平板電腦、電腦和 Android 穿戴式裝置。您新增的每一筆記事內容都會同步到您所有裝置上，方便您隨時回顧。
  6. 網址：https://keep.google.com/
  7. chrome：https://chrome.google.com/webstore/detail/google-keep-notes-and-lis/hmjkmjkepdijhoojdojkdfohbdgmmhki?hl=zh-TW
  8. 應用程式：https://keep.google.com/#home

 

Google 速學工作術

2-1 手機版Google 相簿 設定

手機版Google 相簿 設定

  1. step-1

  2. step-2
  3. step-3

Google 速學工作術

2-2 手機版 keep

  1. 安裝：請至商店 「google keep」
  2. 新增記事：
    清單
    繪圖
    錄音
    拍照
  3. 編輯：在右下角「...」
    刪除、複製、傳送、協作者、標籤、顏色
     
  4. 置頂、提醒(時間、地點)、封存

Google 速學工作術

3. 製作報名表、購物清單收集訪客記錄

一、製作消費記錄

  1. 緣由：我兒子由於補習緣故，會在外面用餐，因此製做了一個消費記錄表，來記錄消費狀況
  2. 登入 gmail
  3. 切換至「雲端硬碟」
  4. 切換至適合目錄，並新增「Google表單」

     
  5. 檔案名稱及說明

     
  6. 問題：
    1. 「消費日期 」
    2. 「消費名稱 - 下拉選單」
    3. 「金額 - 數字」
    4. 「備註 - 段落」
  7. 建立試算表
  8. 啟動郵件通知
  9. 改變表單外觀
  10. 預覽
     
  11. 設定
  12. 取得表單連結
    https://goo.gl/forms/pFzt6DSsSRIWR1q92

二、台南社大10701-消費記錄 (回應) 權限開放

  1. 回應表單網址：https://goo.gl/2j9mTa
  2. 權限設定
  3. 共用設定
  4. 發佈到網路
    Google雲端 單獨使用已經非常厲害，但如果再結合簡易的網頁語法，那境界之高，文字已無法形容。
    我們接下來的「數位相簿很上手」課程，就會談到如何整合 Google雲端 
    這裡把體驗課介紹過的「簽到表單」示範一下

    接下來我們將「簽到表」、「簽到結果表」，用網頁的方式，整合到網站上。
    這裡的網站是托管在GitHub Pages上面，它的網站快速、穩定且免費, 也是本學期第二階段「數位相簿很上手」課程必學的功夫！
    網址：https://goo.gl/QTHZ7M 
    台南社大10701 - 體驗課 - 網址

 

Google 速學工作術

3-1 簡易購物車

  1. 表單名稱：平安司康訂購單
  2. 表單標題：平安司康訂購單(不分口味，每個40元)
  3. 表單說明：

    安平的平安司康，用料無添加，吃了平平安安∼

    嚴選食材:
    日本麵粉‧法國發酵奶油‧美國非基因改造無麩質泡打粉

  4. 插入一張圖片

  5. 欄位

    1. 姓名 - 簡答文字 - 必填

    2. 電話 - 簡答文字 - 必填

    3. 地址 - 簡答文字 - 必填

    4. 希臘優格司康 - 下拉選單 1個 2個 3個 4 個 5個

    5. 起士培根鹹司康 - 下拉選單 1個 2個 3個 4 個 5個

    6. 紅茶司康 - 下拉選單 1個 2個 3個 4 個 5個

    7. 善化芝麻司康 - 下拉選單 1個 2個 3個 4 個 5個

    8. 感謝您的訂購！

  6. 表單：https://goo.gl/forms/7NlnzmaYxq1bXLeI2

  7. 回應：https://docs.google.com/spreadsheets/d/1MqqNa5FUxuHmT1PnAR79plv2WjGcLkBnVR2s0-mF4fE/edit?usp=sharing

  8. 整合：https://webugm.github.io/20180320.html

Google 速學工作術

4. 善用QR-CODE、免費傳真、7-11列印

一、產生QR-CODE

  1. Google URL Shortener：https://goo.gl/ 
  2. PPT：https://ppt.cc/
  3. 輸入網址：產生短網址、QR-CODE、點擊數
  4. https://goo.gl/JGYs3q
  6. QRCODE產生器
  8. http://qr.ioi.tw/zh-TW/

二、免費傳真

  1. HelloFax 線上傳真
  2. 官網：https://www.hellofax.com/home/index
  3. 安裝：https://goo.gl/AXkxS8
  4. 點擊「Get started」=>「sign in with Google」，然後登入Google帳號
  5. 新用戶5張免費傳真+介紹雙方各5張，所以會有免費總共10 pages可用
  6. 如果要收傳真，則每個月需10美金
  7. 點選「UPLOAD FILES」將想傳真的檔案叫出
  8. 傳真完成後，會記錄在「Faxes/Sent」
  9. 傳真完成後，會送出mail通知

三、便利商站列印

  1. 如果列印的數量很少，建議不用再買印表機，直接使用便利商店的影印機，方便又快速。從此不會有噴嘴堵住的問題。
  2. 如果列印的數量很多，建議利用網路，將檔案上傳至雲端，並開放「開啟 - 任何知道連結的使用者」權限，直接去成功大學附近的影印店，操作電腦印出即可。
  3. 用手機或電腦連上「7-11 ibon 列印 / 掃描」網站，也不須註冊登入，就可以開始雲端列印。
  4. 上傳個人文件

     
  5. 得到取件編號
  6. 7-11 的 ibon 機器前，選擇「列印」按鈕
  7. 選擇「雲端列印」
  8. 選擇「 ibon 文件下載」
  9. 選擇「自行輸入代碼」或 手機放入 ibon 機器中掃描 QR-CODE

Google 速學工作術

5. google日曆、線上簡報

一、新增日曆

  1. 如圖

     

二、設定日曆

  1. 設定和共用
    學員e-mail

     
  2. 日曆設定

     
  3. 存取權限

     
  4. 與特定使用者共用日曆

     
  5. 通知

     
  6. 整合日曆

三、整合至協作平台

  1. 範例：https://sites.google.com/s/1EXcjsqLVaih7M8DFQfzb-ZIuW4vwo2Y_/p/1LSyT2dHU1D822tS7MomhHpNJMgBWmzYi/edit

 

Google 速學工作術

5-1 線上簡報

一、啟動「Google雲端硬碟」

二、直接播放簡報

  1. 就是在分享簡報時，可以讓對方直接播放與瀏覽簡報，而不會看到醜醜的編輯功能列
  2. 例：
    https://docs.google.com/presentation/d/1oaS6JuRAoZeekyCkKW6hdDjH4wkrS4x5YO5bf7urzmg/edit?usp=sharing
    https://docs.google.com/presentation/d/1oaS6JuRAoZeekyCkKW6hdDjH4wkrS4x5YO5bf7urzmg/present

Google 速學工作術

5-2 編輯Google雲端硬碟中的PDF檔案

Google 速學工作術

5-3 Google文件轉心智圖

一、用項目清單的方式呈現
 

速學Google雲端工作術
  備份電腦資料
    Google 帳號
    Chrome設定
    安裝Google Drive(雲端硬碟)
    用Gmail來收其他信箱的信件
    設定Gmail簽名檔
  Google Keep：記事和清單(便利貼)
  製作報名表、購物清單收集訪客記錄
  善用QR-CODE、免費傳真、7-11列印
  google日曆、線上簡報
  快速建立網站 - GitHub
  線上資源

二、安裝外掛

  1. MindMeister

Google 速學工作術

5-4 Google日曆

Google 速學工作術

6. 快速建立網站 - GitHub

一、使用GitHub當做網頁伺服器的理由

  1. 它有一個超潮的免費網址
    例：https://webugm.github.io
  2. 它也可以綁定網域
    例：http://bootstrap.ugm.com.tw
  3. 網站的程式碼我們有一份，或很多份
  4. 如要經營商業網站，建議買網域再綁定GitHub，如此可避免無名小站關閉服務的歷史重演

二、申請

  1. 官網：https://github.com/
  2. 註冊：其中帳號為網址的一部份，請儘量簡短有意義
  3. 完成請至信箱收驗證信

三、建立數據庫(Repo)

  1. New repository
  2. Repository name只要自己的數據庫不重複，即可
  3. 選擇樣板
  4. Commit

四、設定為GitHub Pages

  1. 如果確定要設定為GitHub Pages，那麼請先設定完成後，再同步本地端數據庫
  2. GitHub Pages 可以設定一個數據庫，在網址上不用出現資料夾，帳號.github.io
    例如：https://webugm.github.io/
  3. 得到網址：=>「Settings」

Google 速學工作術

6-1 Git

Git

  1. 官網：https://git-scm.com/
  2. 下載：https://git-scm.com/download/win
  3. 請先確認作業系統是 32位元 or 64位元 
  4. 在下載頁面，會自動偵測適合版本的安裝版，建議取消，改用「攜帶版」安裝

使用

  1. 執行「PortableGit/git-bash.exe」
  2. 設定 config
    git config --global user.name "tawan158"
    git config --global user.email "tawan158@ugm.com.tw"
    git config --global color.ui true
    git config --list
    查詢

    請自行將紅字部份，換成自己的 GitHub帳號 與 email
  3. 第一次「push」時，會要求「GitHub 帳號、密碼」

clone repository

  1. 在本機端建立資料夾「github」，用來放置專案。(此資料夾名稱不要有中文、空白，也不要放在中文目錄下)

  2. Windows 指令
    cd：改變目錄

    clone repositoy

  3. git clone https://github.com/帳號/數據庫名稱.git

上傳

  1. git add .
  2. git commit -m "訊息"
  3. git push origin master

注意：

  1. 上傳時，注意工作目錄位置
  2. 第1次上傳，會要求輸入「GitHub帳密」
  3. 第2次以後，請使用「上、下鍵」

使用工具

  1. 32bit sublime text3
  2. 64bit sublime text3

Google 速學工作術

6-2 套用Bootstrap

index.html

<!DOCTYPE HTML>
<html lang="zh-Hant-TW">
  <head>
    <!--必需的 meta tag -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <title>Google表單嵌入</title>
  </head>
  <body>
    <div class="container">
      ......
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

 

Google 速學工作術

6-3 作業繳交

  1. 作業繳交
  2. 查看結果
  3. 編輯結果(需有權限) 
    <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=ipg0ff1o5c9qme221bmck1rhac%40group.calendar.google.com&amp;color=%23865A5A&amp;src=zh-tw.taiwan%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=Asia%2FTaipei" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>

Google 速學工作術

7. 線上資源

請參考：https://www.ugm.com.tw/modules/tad_book3/index.php?op=list_docs&tbsn=43

Google 速學工作術

8. 體驗課

一、時間：3/2(五) 19:30－20:30

二、地點：【 後甲校區】 台南市東區東平路260號(後甲國中內) 06-2345679

三、報名：https://goo.gl/TUiSoz

速學GOOGLE雲端工作術＆數位相簿很上手 體驗課報名表

四、課程內容：

  1. 簽到：https://goo.gl/UAnFNj
    體驗課 - 簽到表
  2. 簽到結果表：https://goo.gl/kqiuLt
    體驗課 - 結果表
  3. 以上二點，只要有Google帳號，就可以做到
    做法：
    在Google Drive 建立一張Google表單
    並建立新的Google 試算表，收集資料
    由於個資法或實際需求，這裡將「Gmail」、「建議」二個問題隱藏後，將試算表「發佈到網路」，並將權限設成「公開在網路上 - 網際網路上的所有人皆可尋找及檢視」
  4. 接下來我們將「簽到表」、「簽到結果表」，用網頁的方式，整合到網站上。
    這裡的網站是托管在GitHub Pages上面，它的網站快速、穩定且免費, 也是本學期第二階段「數位相簿很上手」課程必學的功夫！
    網址：https://goo.gl/QTHZ7M
    台南社大10701 - 體驗課 - 網址
  5. 最後老師要將有留Gmail的學員，設定權限，讓其可以直接從網頁開啟「簽到結果表」，看到其隱藏的「Gmail」、「建議」二個問題！
  6. 這個做法是否有啟發您對於雲端工具的運用呢？若您有想法，也可以課堂上提出，老師將為您提出解決方案！
  7. 速學Google雲端工作術：
    總共6堂課，介紹目前最常用的雲端工具，Google雲端(文件、試算表、表單、月曆、免費傳真....)、GitHub(免費網站)、GitBook(線上書籍).......
  8. 數位相簿很上手：
    總共12堂課，它整合了前面的雲端工具，本課程將做出CP值高的網站，且不用高深的程式技術，即可做出令人滿意的做品，不管展示、行銷、公告、網頁相簿.....，都能快速的完成。
    網頁部份會以為最新的Bootstrap4為框架 + GitHub Pages為網頁伺服器
    您可以做出漂亮的嚮應式網站，同時本課也能做為寫「網頁程式」的踏腳石，下學期會開「PHP網頁程式設計初階」課程來銜接！

    範例：https://webugm.github.io/ 
    這個範例的特色：
    免費網址、免費網站空間、1分鐘就可以複製本站，將圖片替換掉馬上可以上線。
    實做出來後，再分解各動作，原來網頁語法是這麼簡單！
  9. 最後謝謝各位參加這堂體驗課，有任何問題歡迎與我聯絡，tawan158@gmail.com 郭俊良 。

Google 速學工作術

9. 隱藏版

一、新版協作平台(快速建立網站)：https://sites.google.com/new?usp=jotspot_si 

二、找回手機

三、不用買軟體，使用OFFICE的方法

四、chrome 遠端桌面：https://chrome.google.com/remotedesktop 
      623618871265

五、BLOG

Google 速學工作術

9-1 找回手機

Google 速學工作術

9-2 不用買軟體，使用OFFICE的方法

一、安裝Dropbox 

二、說明：https://free.com.tw/dropbox-office-online/ 

三、邀請朋友加入 Dropbox；每有一位受邀者安裝 Dropbox，您與對方都能取得 500 MB 的紅利空
       https://www.dropbox.com/referrals

 

 

Google 速學工作術

9-3 Google Blog

一、官網

  1. https://www.blogger.com/about/?hl=zh-TW

二、選擇完美設計

  1. 建立符合個人風格的精美網誌。從一系列簡單好用的範本中挑選喜歡的樣式，搭配靈活的版面配置和數百款背景圖片，或者您也可以自行設計新版面。

三、取得免費網域

  1. 給您的網誌一個美好歸宿。取得免費的 blogspot.com 網域，或輕按幾下購買自訂網域。

四、賺取收益

  1. 用心編輯的內容也能獲得收益。Google AdSense 可在網誌上針對目標訪客自動顯示相關廣告，讓您只要發佈熱愛的內容即可賺取收益。

五、瞭解您的目標對象

  1. 透過 Blogger 的內建分析功能找出熱門文章。系統會顯示目標對象的來源及喜歡的內容，甚至可讓您直接從網誌連結至 Google Analytics (分析)，進一步查看詳細的分析報告。

六、建立新網誌

範例：http://webugm.blogspot.tw/2018/03/google-blog.html

Google 速學工作術

10. 雲端運用研究社

一、W7、W10 USB、DVD  安裝製作

二、製作USB開機

  1. XBOOT
  2. 將資料複製到USB

三、GitHub

  1. 官網：github.com
  2. 建立數據庫、設定GitHub Pages
  3. webugm -> tncomu10701