---
# System prepended metadata

title: 流程拆解、任務設計
tags: [' 任務設計', 流程拆解]

---

---
title: 流程拆解、任務設計
tags: 流程拆解, 任務設計
description:
---
流程拆解、任務設計
===
#### 流程圖符號簡介
![](https://i.imgur.com/CvdMd2h.png)

#### 如何流程拆解

- **了解情境**

  小華他想出門，但他不確定自己的錢包有多少錢，於是他想打開錢包看看還有多少錢。
打開錢包後，他發現有150元，於是他就紀錄在腦袋裡，他擁有150元。

- **定義情境目的**

  想查詢小華自己的錢包==有多少錢==。

- **流程拆解**

  ![](https://i.imgur.com/0KcKwSx.png)

- 寫成程式碼
  ```javascript=
    let wallet = 0;
    wallet += 150;
    cconsole.log(`小華的錢包裡有`${wallet}`元`);
  ```
  <br>
  
 延伸閱讀
 - [流程圖](https://zh.wikipedia.org/wiki/流程图)