網際內容管理課程回顧

2019 Spring 網際內容管理課程

五專部

1. 是否已經在自己的隨身碟建立隨身程式系統?

此一隨身系統以 2019_cdb_w5.7z 為基礎, 使用者必須會自行查驗

    是否已經將 portablegit 中的 helper = manager 的設定移除?
     python 是否已經安裝 flask, bs4 與 lxml 模組?
    是否了解 git 以 https 連線時, proxy 將採用那一個檔案中的設定?
    是否已經學會如何採用 ssh 模式維護 github 上的倉儲?
    是否了解 CMSimfly 動態與靜態系統之間的關係?
    是否會在 CMSimfly 中上傳檔案, 引用檔案?
    是否會在 CMsimfly 中上傳圖檔, 引用圖檔?
    是否會在 CMSimfly 中嵌入 Youtube 影片?
    是否會在 CMSimfly 頁面中加入 Javascript 互動程式?

W14 -> 所完成的隨身示範系統為 2019_cdb_w13.7z (s1 Fossil SCM 的 doc 為: https://s1.mde.nfu.edu.tw:5443/kmol2019/doc/trunk/index.html, Github 倉儲為: https://github.com/scrum-4/2019wcmj, Github Pages 網頁為: https://scrum-4.github.io/2019wcmj/)

    是否會更改 CMsimfly 靜態系統所使用的模板?
    是否能將 USB 隨身碟格式為 NTFS 或 extFAT, 以便放入 Ubuntu 虛擬主機檔案?
    是否會使用自己隨身碟中的 Virtualbox 與 Ubuntu 中的 Fossil SCM 來伺服靜態 CMSimfly 檔案?
    是否會使用自己隨身碟中的 Virtualbox 與 Ubuntu 中的 uwsgi 來伺服動態 CMSimfly 系統?

2. 是否已經根據各上述階段任務的操作拍成說明影片, 嵌入自己的 Github Pages 網站?

3. 是否已經著手執行各學員的期末專案, 是否了解各學員的期末報告, 必須同時呈現 html 與 pdf 版本.

各學員繳交供評分之內容: 個人倉儲 Github Pages 網站及 pdf 格式之期末報告.

四技部

除上述五專部各階段任務外, 採用分組協同與全班 Github 協同倉儲模式執行期末專案, 各學員必須繳交在個別學員 Github 倉儲中的內容外, 各分組必須在分組倉儲中集合整理, 且將內容摘要到全班分組倉儲中.

各學員繳交供評分之內容: 個人倉儲 Github Pages 網站及 pdf 格式之期末報告.

各組繳交供評分之內容: 分組倉儲 Github Pages 網站及 pdf 格式之期末報告.

全班協同倉儲中的內容:全班倉儲 Github Pages 網站及 pdf 格式之期末報告.

Why People Use Proxy Server?

Source: https://www.youngzsoft.net/ccproxy/use-proxy-server.htm

A proxy server is a computer that acts as an intermediary between the user's computer and the Internet.

It allows client computers to make indirect network connections to other network services.

If use proxy server, client computers will first connect to the proxy server, requesting some resources like web pages, games, videos, mp3, e-books, any other resources which are available from various servers over Internet.

As soon as getting such request, the proxy server will seek for the resources from the cache in its local hard disk.
   
If the resources have been cached before, the proxy server will return them to the client computers. If not cached, it will connect to the relevant servers and request the resources on behalf of the client computers.

Then it 'caches' resources from the remote servers, and returns subsequent requests for the same content directly.

Nowadays, we use proxy server for various purpose like sharing Internet connections on a local area network, hide our IP address, implement Internet access control, access blocked websites and so on.
   
Bellow are some benefits why people use proxy server:

To share Internet connection on a LAN. Some small businesses and families have multiple computers but with only one Internet connection, they can share Internet connection for other computers on the LAN with a proxy server.
   
To speed up Internet surfing. If use proxy server, all requests from client computers will reach the proxy server at first, if the proxy server has cached the required resources in its local hard disk before with the web cache function, clients will get feedback directly from proxy server, it will be more quickly than direct accessing.

To hide the IP address of the client computer so that it can surf anonymous, this is mostly for security reasons. A proxy server can act as an intermediary between the user's computer and the Internet to prevent from attack and unexpected access.

To implement Internet access control like authentication for Internet connection, bandwidth control, online time control, Internet web filter and content filter etc.

To bypass security restrictions and filters. For example, many work offices have blocked facebook and myspace however, you can use proxy server to bypass such restrictions and access blocked websites easily.

To scan outbound content, e.g., for data leak protection.

To circumvent regional restrictions. For example, a server using IP-based geolocation to restrict its service to a certain country can be accessed using a proxy located in that country to access the service.

此外, 純 IPv6 網路設定電腦可以透過 IPv4 與 IPv6 雙協定支援的代理主機, 連線至只支援 IPv4 協定的伺服器.

2019 Spring Week9 五專網際內容管理 期中考自評影片

2019 Spring Week9 五專網際內容管理 期中考自評影片

請各學員依照

https://2019wcm.blogspot.com/2019/04/2019-spring.html

說明

進行期中考週各項任務.

影片上傳後, 以類似下方的 anchor 標註, 將影片連結留在回應區 (Comments):

https://youtu.be/Lc4GaaS7-jA

電腦初學者的網際內容管理

第一步

網路連線設定

了解機械設計系電腦輔助設計室電腦的網路設定, 其中包括 IPv4 網路與 IPv6 網路設定.

正常情況下, 電腦輔助設計室中的 64 台電腦透過 IPv4 協定下的 DHCP 與 NAT 上網, 各電腦以 DHCP client 取得 192.168.1.* 的網路位址, 然後以 NAT 的一組外部 IP 上網, 通常必須設定 Proxy Server 為 http://proxy.kmol.info:3128 後上網會比較順暢, 但若 8 台 Proxy Servers 無法正常運作時, 則取消 Proxy Server 的設定.

瀏覽器代理主機設定

了解如何設定 Google Chrome 與 Firefox 瀏覽器的代理主機設定.

申請 Github 帳號

利用 Gmail 帳號申請 Github 帳號, 申請後利用電子郵箱收信進行確認後, 就可以在 Github 上建立倉儲.

第二步

配置可攜程式環境

取得 Windows 10 64 位元環境下的可攜程式環境 (下載  2019_cdb_w5.7z), 下載後解開目錄, 放入 USB3.0 規格以上的隨身碟或隨身硬碟.

以滑鼠點擊 start.bat 開啟可攜隨身系統, 以 stop.bat 關閉可攜隨身系統, 隨身碟必須在關閉所有應用程式執行下, 才可正常退出.

了解基本的 DOS (Disk Operating System) 指令

C:\> 符號為 DOS 命令列視窗的回應 (Prompt), 表示目前在 C 槽硬碟的 \ 根目錄, 若要切換到 Y 槽, 則在電腦的回應後, 輸入 Y:, 命令列將轉為

Y:\>

若要更換目錄, 則使用 cd, 也就是 change directory 的意思, 例如:

Y:\>cd tmp

表示要從 Y 槽的根目錄更換到 tmp 目錄, 也就是

Y:\tmp>

若要再回到 Y 槽的根目錄, 可以使用 cd ..

表示要從目前所在目錄, 往上跳回一個目錄, 也就是重新回到 Y 槽的根目錄.

另外, 無論目前位於哪一個子目錄, 也可以使用 cd \

直接回到根目錄.

或者從 Y:\> 直接使用

cd \tmp\repo\ssh\wcm2019

直接從 Y 槽的根目錄, 跳進 Y:\tmp\repo\ssh\wcm2019>

此外, 常用的 DOS 指令有:

dir - 列出目前所在目錄的內容

mkdir - 隨後加上要建立目錄的名稱, 可以建立目錄

cls - clear screen, 清除目前的命令列顯示的內容

第三步

建立 Git 倉儲, 並 clone 倉儲至近端工作後, 對遠端倉儲改版

可攜程式系統中已經內建 git, 可以在啟動 start.bat 後, 透過 path 的設定, 直接執行 git 指令.

建立 Git 倉儲, 共分為兩類, 一類是直接在 Github 網際介面下建立倉儲時, 要求建立 README.md 檔案, 之後可以直接在近端, 以 git clone 加上倉儲連線 URL, 將倉儲克隆一份到近端, 並以最新版本作為工作目錄, 使用者改版後, 可以直接透過 git add, commit 與 push 對遠端倉儲改版.

另一類則是故意在 Github 網際介面下建立倉儲時, 不要建立任何檔案, 而是在近端自行利用 git 指令建立倉儲架構, 新增內容後, 以 git remote add 設法在近端倉儲中納入 origin URL 後, 將近端倉儲版本新增提交推送到遠端.

git add

git add 可以用來新增一個檔案, 數個檔案, 或在之前提交後所新增的所有內容.

git add 在 GIT 架構下, 是對所新增或修改的內容拍快照:

git add . adds all modified and new (untracked) files in the current directory and all subdirectories to the staging area (a.k.a. the index), thus preparing them to be included in the next git commit . Any files matching the patterns in the .gitignore file will be ignored by git add

git commit 

git commit 執行之前, 必須使用 git config 建立臨時或永久的身分註記, 因為 GIT 在展開所有改版內容時, 必須明確登錄這些變更的作者與時間.

當使用者採用 git commit -m "改版說明訊息", 此次提交到 .git 目錄下的更動內容, 均會綁定使用者身分與改版所輸入的說明訊息.

git push

git push 在隨後沒有輸入遠端 URL 代號時, 表示要推送到 origin, 若透過 git remote add 設定其他代號與 URL 對應時, git push 加上代號, 就可以將此次的提交內容, 推送到指定的 URL 所在遠端倉儲.

第四步

自行建立靜態內容管理網站

利用 CMSimfly (https://github.com/chiamingyen/cmsimfly) 內容, 建立自己的 Github Pages 網站

第五步

管理網站內容

學習如何使用 CMSimfly, 在網站中加入各種內容

第六步

使用 Flask, bs4 與 lxml 模組

了解 CMSimfly 如何建構, 並且嘗試修改現有功能, 除錯或建立自己的網際內容管理系統

第七步

虛擬主機下的類 Github 網站

如何利用 Fossil SCM, 在 Virtualbox 中的 Ubuntu 18.04-2 (8.5 GB) 建立類似 Github 的系統, 可以放入 CMSimfly 的靜態網頁

第八步

實體主機下的網際內容管理

如何在實體主機上安裝 Ubuntu 18.04 (https://www.ubuntu.com/about/release-cycle), 配置網路連線, 然後架構 uwsgi 環境下的 CMSimfly 動態網站, 或建立 Fossil SCM 用來伺服管理 CMSimfly 下有版次管理的靜態網頁, 或利用 nginx 伺服無版次管理的 CMSimfly 靜態網頁.

2019 Spring 第五週總結課程教學影片內容

導入 Ungit

說明自 2019 Spring 開始, 可以利用 ungit 簡化近端 Git 指令的使用, 透過網際圖形化介面, 讓使用者進行分散式內容版次管理.

說明如何利用 CMSimfly 以動態模式在近端改版後, 將資料轉為靜態網頁後, 新增提交推送到遠端對應倉儲, 詳細說明請參閱下列影片:



利用 kungit.bat 在倉儲目錄中啟用 ungit



自製可攜系統

以下影片則說明如何自行建立可攜程式系統, 包括從 Python 下載, 安裝, 複製到隨身碟, 移除系統安裝, 然後進行命令搜尋設定等相關技術, 所完成的可攜隨身系統可以解譯流程執行 Python 3 與 ANSI C 程式:




納入 ShareX 的可攜系統:



建立 Blogger 網誌

本學期除了繼續使用 Pelican 網誌系統外, 還導入動態的 Google Blogger 網誌, 以下影片說明如何登入 Google 帳號後, 建立客製化的 Blogger 系統:



機械設計工程系網誌: https://mde2019.blogspot.com/ 

精密機械工程科網誌: https://pmenfu.blogspot.com/

建立 Github 倉儲




建立 Github Pages 網站




利用 CMSimfly 以及 Github Pages 建立網際內容管理系統:


以 ssh 連線對 Github 倉儲改版







加入 y:\home\.ssh\config 設定, 讓 ssh 連線透過 Proxy Server 擷取資料:






IPv6 環境設定與 Git 操作設定