---
# System prepended metadata

title: '**事前準備工夫 (會持續更新)**'

---

**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





