日期：105年11月9日下午、105年11月16日下午

地點：樹林國小電腦教室

講師：林正國老師

• 林正國 – Facebook

課程主題：網頁製成版型編排活用速成班

課程大綱：

• 11月9日(三)
  PHOTOSHOP基礎教學 (軟體概念、影像處裡、遮色片去背) 13:30-16:00
  網站規劃 Balsamiq Mockups軟體教學 (學員必須要有Google帳號，與使用Chrome瀏覽器 ) 16:00-17:30
• 11月16日(三)
  視覺 layout 網頁PHOTOSHOP實務教學 (網頁切版、Gif動畫檔) 13:30-14:30
  adobe dreamweaver 網頁排版工具速成應用 (網頁table表格排版) 14:30-16:30
  學員實作 (學員利用1小時將作品收尾以及個別詢問問題 ) 16:30-17:30

課程講義：

• 1-2操作環境介紹與基本工具&輕鬆搞定圖檔
• 3-4圖層基本觀念&影像變形
• 5-6選取影像編輯&選取範圍與編輯
• 7漸層填色與圖樣填色
• 8向量形狀工具
• 9繪製工具路徑
• 10文字編輯與應用
• 11進階圖層編輯
• 12圖層樣式
• PS補充範例

上課教材與筆記：

• 林世偉老師上課筆記
• 上課教材

活動照片：

參考網站：

• 購買Adobe Photoshop CC | 下載相片編輯軟體免費試用版
• Photoshop 教學 – 色版工具 – 頭髮去背
• PHOTOSHOP教學 頭髮去背(色板去背) – YouTube
• Photoshop 預設鍵盤快速鍵
• TEMPLATED – Free CSS, HTML5 and Responsive Website Templates
• Balsamiq Mockups 原型設計軟體@ 學不完．教不停．用不盡:: 痞客邦 …
• Download Mockups
• Balsamiq Mockups 3 (FREE TRIAL) – Chrome 線上應用程式商店

證書樣式：

時間：105年8月8日-8月10日

主題：App Inventor 2 手機程式設計

講師：邱昭士

課程內容：

• App Inventor 2 程式設計教學

教學範例：

範例一：ai2入門範例25題 – 鶯歌高職盧淑惠老師

• 華攝氏溫度轉換：

攝氏溫度=(華氏溫度-32)*5/9

華氏溫度=攝氏溫度*9/5+32

• 計算飲料錢：

飲料 1 罐 15 元，一打(12 罐)150 元，假設消費者不會多買，不足一打以單罐計算，請計算購買數量所需的金額。

• 計算等第：

1. 優等：分數 >= 90
2. 甲等：80 <= 分數 < 90
3. 乙等：70 <= 分數 < 80
4. 丙等：60 <= 分數 < 70
5. 丁等：分數 < 60

• 計算BMI：

參考網路：BMI值計算器

• BMI值計算公式： BMI = 體重(公斤) / 身高²(公尺²)
• BMI的理想範圍：
• CSV字串：
  • BMI：18.5,24,27,30,35,1000
  • 建言：體重過輕,體重正常,稍微過重,輕度肥胖,肥胖,重度肥胖

• 首頁選單：

• 九九乘法表

進階作法：

• 自訂函式猜數字練習

範例二：1040701國中生暑期育樂營(觸控) – 鶯歌高職盧淑惠老師

• 小畫家

範例三：1040703國中生暑期育樂營(聲控) – 鶯歌高職盧淑惠老師.

範例四：App Inventor Code Snippets 研究

時間：105年7月6日

主題：運算思維 – App Inventor 2 程式設計

地點：蘆洲區仁愛國小

講師：邱昭士

課程內容：

運算思維與程式設計

• 運算思維在中小學之推動策略 – 台北市立大學盧東華教授
• 運算思維與程式語言教學增能 – Kids Coding Studio 蔡淑玲 Shalley
• 運算思維簡報_呂聰賢

視覺化程式語言_handson_20160606 – 台北市立大學盧東華教授

• HOC – code.org
• Scratch
• google blockly
• app inventor

App Inventor 2 程式設計

• MIT App Inventor 2 開發網站：http://ai2.appinventor.mit.edu  →以 Google 帳號登入
• MIT App Inventor 官方網站：http://appinventor.mit.edu
• App Inventor 2 程式設計教學
• 模擬器下載：
  • 碧華國小檔案伺服器下載  → 【程式設計】→ 【AppInventor2】→ MIT_App_Inventor_Tools_2.3.0_win_setup.exe
• 麗山高中 – 程式設計延伸學習：MIT App Inventor 2‎ > ‎測試執行程式

教學影片：

• App Inventor 2 中文版 – 呂聰賢：教學影片

教學網站：

• 麗山高中 – 程式設計延伸學習：MIT App Inventor 2
• App Inventor 2 來了 – AppInventor中文學習網
• App Inventor 2 – 高中磨課師「基礎程式設計」課程網站

教學範例：

範例一：ai2入門範例25題 – 鶯歌高職盧淑惠老師

• 華攝氏溫度轉換：

• 計算飲料錢：

• 計算等第：

• 計算BMI：

• 首頁選單：

範例二：1040701國中生暑期育樂營(觸控) – 鶯歌高職盧淑惠老師

範例三：1040703國中生暑期育樂營(聲控) – 鶯歌高職盧淑惠老師

日期：105年7月5日

主題：運算思維 – Scratch 2 程式設計

講師：邱昭士

運算思維與程式設計

• 運算思維在中小學之推動策略 – 台北市立大學盧東華教授
• 運算思維與程式語言教學增能 – Kids Coding Studio 蔡淑玲 Shalley
• 運算思維簡報_呂聰賢
• 新北市蘆洲國中研習：運算思維與程式設計

視覺化程式語言_handson_20160606 – 台北市立大學盧東華教授

• HOC – code.org
• Scratch
• google blockly
• app inventor

Scratch 2 程式設計

• Scratch 官方網站：https://scratch.mit.edu/
• 離線檔案下載：碧華國小檔案伺服器下載  → 【程式教育】→ Scratch

範例教學

• 迷宮

• BMI計算器