###### tags: `JCJH` `資訊補充講義` `110`
# 110學年（下）資訊科技｜補充講義＆防疫停課

### W2☞ 回顧上學期『 W 16 ☞ 數位時代』

### 一、[電腦發展史](https://hackmd.io/5wPpMZ4xTamL06RMnnW6jw?both#W3-%E2%98%9E-%E9%9B%BB%E8%85%A6%E7%99%BC%E5%B1%95%E5%8F%B2)

### 二、[電腦軟硬體基礎概念](https://hackmd.io/5wPpMZ4xTamL06RMnnW6jw?both#W4-%E2%98%9E-%E9%9B%BB%E8%85%A6%E8%BB%9F%E7%A1%AC%E9%AB%94%E5%9F%BA%E7%A4%8E%E6%A6%82%E5%BF%B5)

### 三、[電腦硬體架構功能](https://hackmd.io/5wPpMZ4xTamL06RMnnW6jw?both#W5-%E2%98%9E-%E9%9B%BB%E8%85%A6%E7%A1%AC%E9%AB%94%E6%9E%B6%E6%A7%8B%E5%8A%9F%E8%83%BD)

### 四、[OS（作業系統） and Browser（瀏覽器）](https://hackmd.io/5wPpMZ4xTamL06RMnnW6jw?both#W6ampW7-%E2%98%9E-OS%EF%BC%88%E4%BD%9C%E6%A5%AD%E7%B3%BB%E7%B5%B1%EF%BC%89-and-Browser%EF%BC%88%E7%80%8F%E8%A6%BD%E5%99%A8%EF%BC%89)

### 五、[電腦單位換算](https://hackmd.io/KUF1ec8BQ921S5om4GGArA#CH-10%E2%98%9E-%E9%9B%BB%E8%85%A6%E5%96%AE%E4%BD%8D%E6%8F%9B-%E7%AE%97)

### 六、[電腦的數字系統 — 二進位](https://hackmd.io/KUF1ec8BQ921S5om4GGArA#CH-11%E2%98%9E-%E9%9B%BB%E8%85%A6%E7%9A%84%E6%95%B8%E5%AD%97%E7%B3%BB%E7%B5%B1%E2%80%94%E4%BA%8C%E9%80%B2%E4%BD%8D)

### 七、[二、八、十與十六進位 (數字系統) 轉換教學](https://hackmd.io/KUF1ec8BQ921S5om4GGArA#CH-12%E2%98%9E-%E4%BA%8C%E3%80%81%E5%85%AB%E3%80%81%E5%8D%81%E8%88%87%E5%8D%81%E5%85%AD%E9%80%B2%E4%BD%8D-%E6%95%B8%E5%AD%97%E7%B3%BB%E7%B5%B1-%E8%BD%89%E6%8F%9B%E6%95%99%E5%AD%B8)

---
## W9☞ 認識網路

### 什麼是OSI的7層架構
所謂的OSI，是由國際化標準組織（ISO）針對開放式網路架構所制定的電腦互連標準，全名是開放式通訊系統互連參考模型（Open System Interconnection Reference Model），簡稱OSI模型。

### OSI模型封包傳送方式
依據網路運作方式，OSI模型共切分成7個不同的層級，每級按照網路傳輸的模式，定義所屬的規範及標準。由具體到抽象的網路傳輸方式層次來看，7層分別為實體層、資料連結層、網路層、傳輸層、會議層、展示層及應用層。


### 網路七層與TCP/IP
<iframe width="560" height="315" src="https://www.youtube.com/embed/gxoIrBFfpDU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

### 網路的歷史 (History of the Internet)
<iframe width="560" height="525" src="https://tw.voicetube.com/embed/741" frameborder="0" allowfullscreen></iframe>

### 電腦網路類型

* #### LAN（Local Area Network 區域網路）：LAN 在相對短的距離內連接電腦，讓它們可以共用資料、檔案及資源。 例如，LAN 可連接辦公大樓、學校或醫院中的所有電腦。 LAN 通常由私人擁有及管理。
* #### WLAN（Wireless Personal Area Network 無線區域網路）：WLAN 與 LAN 相類似，只是網路中的各個裝置是以無線方式相連。
* #### WAN（Wide Area Network 廣域網路）：顧名思義，WAN 可在廣泛的區域連接不同電腦，例如跨越不同地區甚或不同洲。 網際網路是規模最大的 WAN，連接全球數十億台電腦。 您通常會看到 WAN 管理使用集體或分散式所有權模式。
* #### MAN（Metropolitan Area Network 都會區域網路）：MAN 的規模通常大於 LAN，但小於 WAN。 城市和政府實體通常會擁有及管理 MAN。
* #### PAN（Personal Area Network 個人區域網路）：PAN 僅服務單一使用者。 例如，如果您有一支 iPhone 和一台 Mac，您很可能已設定 PAN 以共用及同步這兩個裝置的內容，包括文字訊息、電子郵件、照片等等。
* #### SAN（storage area network 儲存區域網路）：SAN 是一種專用網路，可提供區塊層次儲存體的存取權；對使用者而言，此共用網路或雲端儲存體的架構外觀及運作方式類似於實體安裝在電腦上的磁碟機。
* #### CAN（Campus network 園區區域網路）：CAN 也稱為企業區域網路。 CAN 的規模大於 LAN，但小於 WAN。 CAN 可為學院、大學及企業園區等場所提供服務。
* #### VPN（虛擬專用網路）：VPN 是兩個網路端點之間的點對點安全連線（請參閱下面的「節點」）。 VPN 會建立一個加密管道來保留使用者的身分及存取認證，以及駭客無法存取的所有已傳輸資料。


---
## W11-12 ☞APP Inventor 畫面編排

### 一、APP Inventor 網站：[https://appinventor.mit.edu/](https://appinventor.mit.edu/)

### 二、匯率換算

#### 1、建立專案

<iframe title="vimeo-player" src="https://player.vimeo.com/video/552219812?h=f97e361e58" width="640" height="360" frameborder="0" allowfullscreen></iframe>

#### 2、畫面編排

<iframe title="vimeo-player" src="https://player.vimeo.com/video/552219891?h=01e70f6b6a" width="640" height="360" frameborder="0" allowfullscreen></iframe>

#### 3、程式設計

<iframe title="vimeo-player" src="https://player.vimeo.com/video/552219924?h=bd4a90da53" width="640" height="360" frameborder="0" allowfullscreen></iframe>

#### 4、測試修正

<iframe title="vimeo-player" src="https://player.vimeo.com/video/552219966?h=6c15b1d2d1" width="640" height="360" frameborder="0" allowfullscreen></iframe>

---

## W13 ☞安裝 APP Inventor 的模擬器 aiStarter

### 有時候我們的手機沒有手機可以用來測式編寫的APP Inventor手機APP應用程式，沒關係，只要沒有牽涉到手機的感應器，還是可以利用電腦作業系統上提供的模擬器來測試。但是要使用這個功能之前，要要在你自己的電腦中安裝aiStarter這個模擬器才行。aiStart網址為：[http://appinventor.mit.edu/explore/ai2/setup-emulator.html](http://appinventor.mit.edu/explore/ai2/setup-emulator.html)，進入之後的畫面如下：

### 看到這個畫面之後，請往下捲動，即可看到更多的說明。不過，最重要的還是適用於各種作業系統的下載連結：

### 如上述的箭頭所示，點選「Instruction for Windows」，就可以看到如下所示的，專門針對Windows作業系統的安裝說明畫面：

### 在依箭頭所指示的位置，點擊滑鼠進行下載安裝即可。安裝完畢之後，你的作業系統的程式集上會有一個如下所示的程式：

### 請執行那個aiStart程式，即可看到以下的執行視窗：

### 這個執行中的視窗是作業系統用來和手機溝通用的介面程式，只要最小化就好了，千萬不要關閉它。接著我們就可以進行前一篇所介紹的作業，前往APP Inventor開發網站。當你的程式設計告一個段落想要測試的時候，就可以到「連線」功能表中使用「模擬器」，如下所示：

### 等待一段時間之後（大約會超過3分鐘，看電腦以及網路速度而定），就可以看到模擬器執行這個程式了。不過要特別注意的是，第一次執行的時候會有許多的設置動作，要在模擬器上操作一下才行，類似像是下面這樣的畫面：

---
## W13 ☞ 解決模擬器打不開的問題

### 製作App Inventor時，如何解決模擬器打不開的問題?

<iframe width="560" height="315" src="https://www.youtube.com/embed/A_WrOwILwd0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
---

## W14 ☞ App Inventor｜BMI　計算和理想體重　App

### 1、Scerrn1：
* 標題：BMI計算＆理想體重
* 水平、垂直對齊：『置中』
* 螢幕方向：『鎖定直式畫面』
* 視窗大小：『自動調整』

---
### 2、圖像　1：
* 上傳『weightscale.png』


* 高度、寬度：『100』像素
## 水平配置　1：高度　20像素
---
## 水平配置　2：寬度　『填滿』
### 3、身高
* 文字輸入盒，重新命名：『請輸入身高』
* 字體大小：20pt
* 寬度：填滿
* 提示為：請輸入身高
* 勾選『僅限數』字

---
## 水平配置　3：寬度　『填滿』
### 4、體重
* 文字輸入盒，重新命名：『請輸入體重』
* 字體大小：20pt
* 寬度：填滿
* 提示為：請輸入身高
* 勾選『僅限數』字

---
## 水平配置　4：寬度　『填滿』
### 5、男、女性別
* 複選盒，重新命名：『性別』
* 字體大小：20pt
* 文字分別為：『男』、『女』
* 男的複選盒要設定『選取』狀態

---
## 水平配置　5：寬度　『填滿』
### 6、體重範圍
* Switch 元件
* 文字為『顯示體重範圍』
* 核取：『On』
## 水平配置　6：寬度　『填滿』
### 7、按鈕　1
* 字體大小：20pt
* 寬度：填滿
* 文字：『計算BMI』
### 8、對話框 1：保持預設
---
## W16 ☞ 申請教育雲端帳號登入 使用 Google Workspace for Education 所提供的服務

### 一、教育雲端帳號登入，使用 Google Workspace for Education 所提供的服務
* #### [教育雲登入服務](https://auth.sso.edu.tw/gsuitelogin?SAMLRequest=fVLLTuswEN0j8Q%2BW93k04gpkNUEFhKgE3IgGFuxcZ5K6OJ5cj9Nw%2Fx43BQELkLw6Pj6P8czPXzvDduBIo835LE45A6uw1rbN%2BWN1HZ3x8%2BL4aE6yM71YDH5jH%2BDfAORZeGlJTBc5H5wVKEmTsLIDEl6J1eLuVmRxKnqHHhUazpZXOW%2FUWiOuW2VwA2uzxVbLuja2t7rWpt%2Bql21nZbPh7OkjVraPtSQaYGnJS%2BsDlGZZlP6JsqxKT0U4J6fPnJXvThfaHhr8Fmt9IJG4qaoyKv%2Buqklgp2tw94Gd8xaxNRAr7Pb2pSTSuwA30hBwtiAC50PAS7Q0dOBW4HZawePDbc433vckkmQcx%2FhTJpFJizHUQ%2BzHRCrixTRYMXVzXyb6e3L54cyLT%2B158kWqeP%2BwfY%2FlVYlGq%2F9sYQyOlw6kDyW8G0KHa3Sd9D%2B7zeLZhOg6aiaqGCz1oHSjoeYsKQ6u3zcj7Msb&RelayState=https%3A%2F%2Fwww.google.com%2Fa%2Fgo.edu.tw%2FServiceLogin%3Fservice%3Dwise%26passive%3Dtrue%26continue%3Dhttps%253A%252F%252Fdrive.google.com%252Fa%252Fgo.edu.tw%252F%26followup%3Dhttps%253A%252F%252Fdrive.google.com%252Fa%252Fgo.edu.tw%252F%26faa%3D1)


* #### 本服務綁定 OPENID ，學生畢業就無法使用，需等學生至升學學校就讀後再會再啟用。建議不要儲存重要資料

* #### [OpenID 帳號與 Google 綁定步驟](https://drive.google.com/file/d/1nUukCrxW8udQdH0-guurquC51jAJfUI4/view)

### 二、備份Blogger網誌

1. 登入 Blogger。
1. 在左上角，按一下你要備份的網誌。(有建立2個以上的部落格才需做此步驟)
1. 按一下左側選單中的 [設定]。
1. 依序按一下 [管理網誌] 底下的 [備份內容] 接下來 [下載]。

### 三、匯入Blogger網誌
1. 登入 Blogger。
1. 按一下左側選單中的 [設定]。
1. 依序按一下 [管理網誌] 底下的 [匯入內容] 然後 [匯入]。
1. 如果不想讓系統自動發布匯入的內容，請關閉 [自動發布所有匯入的文章和頁面]。
1. 從你的電腦選取要匯入的 .xml 檔案。
1. 按一下 [開啟]。
--
## W17 ☞ [高中 學習歷程檔案書寫技巧](https://hackmd.io/@greta/BJfZbN7P9)

### 使用手機、平板上課的同學請掃描以下QR Code
https://reurl.cc/Rr92bg

###### tags: `JCJH` `資訊補充講義` `110` `資訊科技`

***
# 110 學年<font color="#f00">（下）</font>[生活科技 補充講義](https://hackmd.io/@greta/H1Krsav4t)

# 110 學年（上）[生活科技 補充講義](https://hackmd.io/@greta/SkM7Ov8k9)

# 110 學年（上）[資訊科技 補充講義](https://hackmd.io/@greta/SklHwwUk9)

# [109 學年（下）資訊科技 補充講義](https://hackmd.io/@greta/BJSqL_DXK)

# [109 學年（上）資訊科技 補充講義](https://hackmd.io/@greta/HJ7YgVbMu)

# [108 學年（下）資訊科技 補充講義](https://hackmd.io/@greta/Hyxo5Mh3mD)

# [108 學年（上）資訊科技 補充講義](https://hackmd.io/@greta/SJm-4227D)

---