96年度資訊志工期末報告

•

0 gostou•318 visualizações

96年度資訊志工期末報告

96 年教育部資訊志工成果簡報

國立宜蘭大學電子工程學系資訊志工團隊

報告人：王慕群

大綱
• 團隊介紹
• 服務對象簡介
• 創新服務與活動
• 團隊互動與志工成長
• 服務成果記錄分享

2

團隊介紹

3

團隊介紹
• 領隊：王煌城副教授
• 副領隊：游文賢技佐
• 團隊成員：
– 黃鈺雯姚成翰王慕群黃敬維楊凱傑
– 呂俊霆詹璦如賴秋妙陳益君張宗維
– 邱鈺鈞洪啟順朱穎昕吳少暉張永明
– 許嘉智劉鈞元陳建瑄蕭雅云蔡杰叡
– 蘇凱琪韓煥章

4

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

96年度資訊志工期末報告

Recomendados

HR-083-培養新世紀核心關鍵能力

HR-083-培養新世紀核心關鍵能力

HR-083-培養新世紀核心關鍵能力

Millions

读读乐

やさしいDBの使い方(GT編)

やさしいDBの使い方(GT編)

やさしいDBの使い方(GT編)

諸葛亮初陣、博望坡で夏侯惇を火攻め

諸葛亮初陣、博望坡で夏侯惇を火攻め

諸葛亮初陣、博望坡で夏侯惇を火攻め

英語1 A

資料庫可以為你做那些事(二)

Frontier Foundation

写博客七大问题

Recomendados

HR-083-培養新世紀核心關鍵能力

HR-083-培養新世紀核心關鍵能力

HR-083-培養新世紀核心關鍵能力

Millions

读读乐

やさしいDBの使い方(GT編)

やさしいDBの使い方(GT編)

やさしいDBの使い方(GT編)

諸葛亮初陣、博望坡で夏侯惇を火攻め

諸葛亮初陣、博望坡で夏侯惇を火攻め

諸葛亮初陣、博望坡で夏侯惇を火攻め

英語1 A

資料庫可以為你做那些事(二)

Frontier Foundation

写博客七大问题

听听乐

乱世の奸雄・魏王曹操死す

最健康食物排行榜

石蜡諌寵州吁

公益法人福岡貿易会

劉備、徐庶を失い臥龍を訪ねる

19种迹象可看出男生真正爱你

シェゾ・ウィグィィ論

簡報2

美体健身瑜珈教材

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

The Mind Academy

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Image Chain

Future Of TV

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

小覇王・孫策、無念の最期

豬流感簡介

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

1072個研發替代役的日子

研發替代役制度簡報

Mais conteúdo relacionado

Mais procurados

听听乐

乱世の奸雄・魏王曹操死す

最健康食物排行榜

石蜡諌寵州吁

公益法人福岡貿易会

劉備、徐庶を失い臥龍を訪ねる

19种迹象可看出男生真正爱你

シェゾ・ウィグィィ論

簡報2

美体健身瑜珈教材

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

The Mind Academy

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Image Chain

Future Of TV

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

小覇王・孫策、無念の最期

Mais procurados (18)

听听乐

乱世の奸雄・魏王曹操死す

最健康食物排行榜

石蜡諌寵州吁

劉備、徐庶を失い臥龍を訪ねる

19种迹象可看出男生真正爱你

シェゾ・ウィグィィ論

簡報2

美体健身瑜珈教材

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

971022 ［討論］單車設計考量

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Nii Openhouse(20070608)

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

Spirit&Growth of xmu lectureinfo

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Biweekly Financial Commentary 06 12 04

Image Chain

Future Of TV

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

Hr 044 纖維複合材料進路圖

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

2007 Nov Scenarios Workshop Taiwan Creative Center Group2

小覇王・孫策、無念の最期

Destaque

豬流感簡介

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

1072個研發替代役的日子

研發替代役制度簡報

中和線分流是怎麼回事？

Parsing XML Data

Parsing XML Data

Parsing XML Data

版本控制Git

你有想過畢業九年後的你會變什麼樣子嗎？

你有想過畢業九年後的你會變什麼樣子嗎？

你有想過畢業九年後的你會變什麼樣子嗎？

手把手教你如何串接 Log 到各種網路服務

手把手教你如何串接 Log 到各種網路服務

手把手教你如何串接 Log 到各種網路服務

Destaque (9)

豬流感簡介

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

行動平台上利用Facebook API開發社群應用程式

1072個研發替代役的日子

研發替代役制度簡報

中和線分流是怎麼回事？

Parsing XML Data

Parsing XML Data

Parsing XML Data

版本控制Git

你有想過畢業九年後的你會變什麼樣子嗎？

你有想過畢業九年後的你會變什麼樣子嗎？

你有想過畢業九年後的你會變什麼樣子嗎？

手把手教你如何串接 Log 到各種網路服務

手把手教你如何串接 Log 到各種網路服務

手把手教你如何串接 Log 到各種網路服務

Mais de Mu Chun Wang

我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。

如何在有限資源下實現十年的後端服務演進

如何在有限資源下實現十年的後端服務演進

如何在有限資源下實現十年的後端服務演進

autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。

深入淺出 autocomplete

深入淺出 autocomplete

深入淺出 autocomplete

你畢業後要任職的軟體業到底都在做些什麼事

你畢業後要任職的軟體業到底都在做些什麼事

你畢業後要任職的軟體業到底都在做些什麼事

大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console

網路服務就是一連串搜尋的集合體

網路服務就是一連串搜尋的集合體

網路服務就是一連串搜尋的集合體

老司機帶你上手 PostgreSQL 關聯式資料庫系統

老司機帶你上手 PostgreSQL 關聯式資料庫系統

老司機帶你上手 PostgreSQL 關聯式資料庫系統

按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Funliday 新創生活甘苦談

Funliday 新創生活甘苦談

Funliday 新創生活甘苦談

Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流

如何使用 iframe 製作一個易於更新及更安全的前端套件

如何使用 iframe 製作一個易於更新及更安全的前端套件

如何使用 iframe 製作一個易於更新及更安全的前端套件

在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。

Google Maps 開始收費了該怎麼辦？

Google Maps 開始收費了該怎麼辦？

Google Maps 開始收費了該怎麼辦？

Git 可以做到的事

大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。

那些大家常忽略的 Cache-Control

那些大家常忽略的 Cache-Control

那些大家常忽略的 Cache-Control

大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。

如何與全世界分享你的 Library

如何與全世界分享你的 Library

如何與全世界分享你的 Library

版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。

如何與 Git 優雅地在樹上唱歌

如何與 Git 優雅地在樹上唱歌

如何與 Git 優雅地在樹上唱歌

API Blueprint - API 文件規範的三大領頭之一

API Blueprint - API 文件規範的三大領頭之一

API Blueprint - API 文件規範的三大領頭之一

團體共同協作與版本管理 - 01認識共同協作

團體共同協作與版本管理 - 01認識共同協作

團體共同協作與版本管理 - 01認識共同協作

Git 經驗分享

Mais de Mu Chun Wang (20)

如何在有限資源下實現十年的後端服務演進

如何在有限資源下實現十年的後端服務演進

如何在有限資源下實現十年的後端服務演進

深入淺出 autocomplete

深入淺出 autocomplete

深入淺出 autocomplete

你畢業後要任職的軟體業到底都在做些什麼事

你畢業後要任職的軟體業到底都在做些什麼事

你畢業後要任職的軟體業到底都在做些什麼事

網路服務就是一連串搜尋的集合體

網路服務就是一連串搜尋的集合體

網路服務就是一連串搜尋的集合體

老司機帶你上手 PostgreSQL 關聯式資料庫系統

老司機帶你上手 PostgreSQL 關聯式資料庫系統

老司機帶你上手 PostgreSQL 關聯式資料庫系統

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Funliday 新創生活甘苦談

Funliday 新創生活甘苦談

Funliday 新創生活甘苦談

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

如何使用 iframe 製作一個易於更新及更安全的前端套件

如何使用 iframe 製作一個易於更新及更安全的前端套件

如何使用 iframe 製作一個易於更新及更安全的前端套件

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

Google Maps 開始收費了該怎麼辦？

Google Maps 開始收費了該怎麼辦？

Google Maps 開始收費了該怎麼辦？

Git 可以做到的事

那些大家常忽略的 Cache-Control

那些大家常忽略的 Cache-Control

那些大家常忽略的 Cache-Control

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何與全世界分享你的 Library

如何與全世界分享你的 Library

如何與全世界分享你的 Library

如何與 Git 優雅地在樹上唱歌

如何與 Git 優雅地在樹上唱歌

如何與 Git 優雅地在樹上唱歌

API Blueprint - API 文件規範的三大領頭之一

API Blueprint - API 文件規範的三大領頭之一

API Blueprint - API 文件規範的三大領頭之一

團體共同協作與版本管理 - 01認識共同協作

團體共同協作與版本管理 - 01認識共同協作

團體共同協作與版本管理 - 01認識共同協作

Git 經驗分享

96年度資訊志工期末報告

1. 96 年教育部資訊志工成果簡報國立宜蘭大學電子工程學系資訊志工團隊報告人：王慕群

2. 大綱 • 團隊介紹 • 服務對象簡介 • 創新服務與活動 • 團隊互動與志工成長 • 服務成果記錄分享 2

3. 團隊介紹 3

4. 團隊介紹 • 領隊：王煌城副教授 • 副領隊：游文賢技佐 • 團隊成員： – 黃鈺雯姚成翰王慕群黃敬維楊凱傑 – 呂俊霆詹璦如賴秋妙陳益君張宗維 – 邱鈺鈞洪啟順朱穎昕吳少暉張永明 – 許嘉智劉鈞元陳建瑄蕭雅云蔡杰叡 – 蘇凱琪韓煥章 4