**Some Suggestion** # **事前準備工夫 (會持續更新)** **對系統設計有一部分的認知** * 可前往[香港公共圖書館電子書網站](https://www.hkpl.gov.hk/tc/e-resources/access/180265),觀看[System Design Fundamental Video Course](https://learning-oreilly-com.ezproxy.hkpl.gov.hk/videos/-/9780136836513/) * 學習系統性思考,不致於方寸大亂 1. 先以由上而下分治化區分目前考慮的東西,後期再加上額外的 2. 習慣每天練一遍英文,確保口速平和流暢 3. 加入linkedin某些團體,留意外國人的文章,便動手做一回 4. 用Excel組織一切事務,使事情井然有序 # **團體合作部分** 1. 我們是否建立了共同的知識分享資料庫? 2. # **文書部分** **我們明白如何寫UML?** 1. 我們用甚麼工具劃出來? * Draw.io? * Online Visual Paradigm? 2. 這是一個甚麼系統? * Distributed System? (分散式) 3. 這是一個甚麼架構? * Data-driven * Event-driven 4. Use Case Table **以一個兒童遊泳池為例** | User Case ID | 0.1| | -------- | -------- | | Use Case Name | | | User Case Overview|| | Actor(s)| | | Preconditions || | Trigger || | Steps || | Post Conditions || | Exception Flow || [UML圖參考](https://itsourcecode.com/topics/uml/) 5. 顯示進度 * 軟件方面 * GanttProject ![類似格式](https://hackmd.io/_uploads/SylsXd7D3.png) ![](https://hackmd.io/_uploads/BJY09_mP3.png) **文獻研究** [一步帶你手把手完成的系列影片,按我前進](https://youtube.com/playlist?list=PL-OJUiUDUaiP0PTu_E4f36RU0Vv_aT_zs) | Column 1 | Column 2 | Column 3 | | -------- | -------- | -------- | | Text | Text | Text | # **程序語言部分** 1. 我們會用甚麼編寫程序語言? (最上手以及整個隊友最易理解的) * Python? * C++? * C#? * Javascript? * Typescript? * React Native? (原生應用程式) 2. 我們是否已清楚OOP(Object Oriented Program)概念? * def `__init__`(self, ……): {Python} * function `__construct`(){} {PHP} 3. 我們是否都明白了Magic Method? 4. 我們明白了相關的Standard Library? 5. 我們採用甚麼模組? * OpenCV * Tensorflow/Keras? (Machine Learning) # **界面設計部分** 1. 用甚麼軟件? * Adobe XD? (VTC學生免費可使用) * Figma? https://www.figma.com/community/file/1121065701252736567/iOS-16-UI-Kit-for-Figma (iPhone Kit 範本) 2. 有沒有範本可參考,或者直接拿去修改? * https://ui8.net/ 3. Concept * Frame Structure ![](https://hackmd.io/_uploads/S1x_Z4ILh.png) * Prototype (即A畫面移至B畫面的動態)![](https://hackmd.io/_uploads/H1eezE8U2.png) # **偵錯部分** **程式方面** 我們會針對相關語言進行相關測試: * PHPUnit (PHP) * pytest (Python) * JUnit (Java) * Underscore / Util / Mocha / Jest / Lodash (JavaScript) **網頁測試方面** - 我們用[Postman](https://www.postman.com/)測試URL能運行? - [看Youtube片一步一步學與做](https://youtube.com/playlist?list=PLhW3qG5bs-L9P22XSnRe4suiWL4acXG-g) # **演講部分** 1. 我本人說話是否流暢? **簡報** 1. 是否包含Infographics? 2. # **可參考書籍** [Software Modeling and Design: UML, Use Cases, Patterns, and Software Architectures Illustrated Edition](https://dhomaseghanshyam.files.wordpress.com/2016/02/gomaa-softwaremodellinganddesign.pdf) [Projects in computing and information systems : a student's guide](https://repository.dinus.ac.id/docs/ajar/Dawson_-_Project_in_Computing_and_Information_System_a_Student_Guide_2nd_Ed_-_2009.pdf) # **可參考免費視頻課程** [Figma for UI/UX: Master Web Design in Figma](https://learning-oreilly-com.ezproxy.hkpl.gov.hk/videos/figma-for-ui-ux/9781803246703/) ## 可以一看的Oreilly書籍 * Designing ..... System 系列 * Effective ....(語言) 系列 * ....(語言) Cookbook 系列 ![](https://hackmd.io/_uploads/H1oRmO7vh.png) 看不明英文版本,可以看台灣GOTOP翻譯的中文版本,市面上很多這些書籍。 # **參考網頁** https://web.archive.org/web/20201013200353/https://sites.google.com/site/louismccallapcp/ https://www.figma.com/file/PA3jSAD1AU05bLyIxa2ZHY/%E7%A5%9E%E9%82%84%E5%8E%9F%E5%AE%89%E5%BF%83%E5%87%BA%E8%A1%8C?type=design&t=uCaxlzAssXJtj1Il-6 https://www.figma.com/file/UMrCJUBjqINjbB6oBGcuOb/SHAPE-MA-Coursework?type=design&t=uCaxlzAssXJtj1Il-6 https://lnkd.in/g6C5-nqh # **參考簡報** https://mer-deck.everuts.com/t2_tc.pdf