--- tags: linux-odyssey --- # Linux Odyssey 0720 大松共筆 ## Contacts * [Linuxodyssey.xyz](https://linuxodyssey.xyz) * [Github](https://github.com/linux-odyssey/linux-odyssey) * [Fackbook](https://www.facebook.com/LinuxOdyssey) ### email team@linuxodyssey.xyz ### Slack #linux-odyssey ### 加入[Matrix ](https://matrix.to/#/#linux-odyssey:linchpins.cloud)一起討論！ ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_c7a4e424fa47339743c2ebe3202a24fa.png) 臺大 NASA （network admin, system amdin) ## Roadmap ### 增加遊戲關卡 增加至30~40關 git（參考：互動式 Git 教學 https://learngitbranching.js.org/ ） npm 趣味解謎支線 #### 開發環境設定 * 需要 Linux 才能開啟，設定困難 * 嘗試 VM，遇到 MongoDB 的 bug * cpu requires AVX * 未來考慮建好 VM 讓開發者下載開發 ### 優化頁面設計 ### 特別感謝Isaac, Wesley, Hank 提供寶貴意見！ ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_9fcc7c0e83649e55471ad51037349e65.png) - **Landing Page** - 進入遊戲之按鈕不夠明確 - 建議放在最醒目位置 - **Login Page** - 使用者名稱提示不夠清楚 - 建議增加範例 - **遊戲內說明區塊** - 閱讀顯示自定義 - 部分使用者偏好逐步顯示 - **新手引導** - 設置第0關，提供新手引導 - 無基礎者剛進入遊戲容易手足無措，需要花一些時間摸索各個區塊功能 - 把使用者當成** - **關卡指令及內容一致** - 第一關提示按下「start」，實際應為「開始」 - **關卡完成後** - 增加下一關之選項 - **遊戲頁面排版** - 任務（左側）不容易被注意到，首先看到的是提示 - tab 使用的提示不夠明顯 - 到一定程度跳出文字以外的提示 - 新增一關特別長的檔名，強迫使用者用tab - 課程地圖捲動不夠直觀 - 只能由中心拖拉 - 不易理解課程且不曉得關卡內容 - 建議加入圖像、主題情境 - **學習內容** - 僅透過練習容易overfitting - 例如：`mv` 使用之改名、移動。在移動檔案關卡，mv同時可以改名及移動檔案，使用者並不了解兩者使用上具體之差異。 - 基礎觀念不夠清楚 - 例如：移動檔案關的家目錄。使用者於遊玩時並未了解到家目錄之意義，故卡關。 - 不易複習學習過的指令 - 加入回顧於關卡完成 - 建議加入指令庫，記錄學習過的指令集 - 建議新增單獨介紹指令之區塊，以更了解指令 - **增加趣味性** - 加入故事、遊戲分數兌換獎品、ranking - 美術設計風格‘隨著關卡延伸 - 加入互動性角色（如小精靈）提供學習過的指令庫 ### Bug - 螢幕比例縮放終端機破圖 - 登入頁面（frequent request 後案訪客登入卻被要求輸入使用者名稱） - 已完成 bug report：guest 尾號 1634，任務檔案不見無法完成任務 ### 解決 Mac & Win 開發環境之問題 Backend -> container 在 Windows & Mac 上寫不進去 * 試著在 container 內用 WS 連 ### 雙語化 ### security 監控 server loading -> 惡意使用 SSH reduce latency https://mosh.org/ 前端 proxy component 做權限控管 local storage 存 user 不會改的部分，加快請求速度 連線外面：squid proxy OpenGFW ## Landing page design * animate: GSAP * 3D: three.js * 用實際畫面來取代文字介紹 * 影片 spotlight * 參考 tailwind * 實裝 filegraph component? * 把相關功能的 component 放一組展示 * terminal + file graph * terminal + tutorial * figma * community * icon 包 感謝 ChiChi, Ruby, SHAO 一起討論設計！ ## 合作資源： 北大GDSC社團合作 期望：一學期的課程（環境設定 & C++）、工作坊 圖像化 默默會 + 找合作 https://www.facebook.com/rubymokumokukai/?_rdr ## 其他 可以報名 WebConf https://webconf.tw/#/ 今天採訪的領夾麥 https://www.bhphotovideo.com/c/product/606469-REG/Sanken_COS_11D_PT_BK_EW_COS_11XPT_Omnidirectional_Lavalier_Microphone.html # 8/3 Coscup ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_2f4b51d81fb752df49aea4a8798db41b.png) ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_092e376086adcb3dfc1799f445b89c92.png)
Last changed by  
 
wancat
146
Published on HackMD