> For the complete documentation index, see [llms.txt](https://an-na-zhusorganization.gitbook.io/an-na-zhu-anna-cook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://an-na-zhusorganization.gitbook.io/an-na-zhu-anna-cook/0-guan-wu-an-na-zhu.md).

# 0、關於安那煮

你好，歡迎來到安那煮 Anna Cook！

<figure><img src="/files/LDnBtkQibds1CpMx0SNH" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
我們打造沉浸式影音食譜平台，透過逐步影片引導、簡單文字提示，讓做菜變得像玩一場好懂又直覺的教學遊戲。

分段式影片學習，讓學料理不再手忙腳亂，也成為收藏家傳回憶的時光機。

——火箭隊軟體培訓營18梯成果專案
{% endhint %}

## 建議體驗流程

專案網址：<https://anna-cook.zeabur.app/>

<mark style="color:orange;">**請使用手機版打開頁面**</mark>

### 瀏覽者

1. 進入首頁
2. 點擊上方搜尋框
3. 輸入關鍵字<mark style="color:purple;">**”蛋餅**</mark><mark style="color:purple;">”</mark>
4. 瀏覽食譜列表
5. 點擊<mark style="color:purple;">**”蛋餅”**</mark>食譜
6. 瀏覽食譜資訊
7. 點擊<mark style="color:purple;">**教學開始**</mark>進入步驟
8. 點擊<mark style="color:purple;">**浮動按鈕**</mark>跳轉上下步驟
9. 點擊畫面右下方<mark style="color:purple;">**快捷列**</mark>
10. 選取想跳轉到的步驟
11. 跳到<mark style="color:purple;">**最後一步驟**</mark>
12. 教學結束回到<mark style="color:purple;">**食譜內頁**</mark>

{% embed url="<https://www.youtube.com/shorts/zf-MR08hFUc>" %}

### 上傳者

1. 進入首頁
2. 點選<mark style="color:purple;">**左上方漢堡功能列表圖示**</mark>
3. 點選<mark style="color:purple;">**登入/註冊**</mark>
4. 選擇<mark style="color:purple;">**Gmail**</mark>註冊登入方式
5. 登入後再點選<mark style="color:purple;">**漢堡功能列**</mark>
6. 點擊<mark style="color:purple;">**”建立食譜”**</mark>
7. <mark style="color:red;">**Step1**</mark>
   1. 輸入食譜名稱
   2. 選擇上傳食譜封面圖片
   3. 勾選同意隱私權政策
   4. 點選下一步
8. <mark style="color:red;">**Step2**</mark>
   1. 輸入食譜簡介及食材份量
   2. 自由加入食譜標籤
   3. 填寫份量人數
   4. 點選下一步
9. <mark style="color:red;">**Step3**</mark>
   1. 上傳食譜影片
   2. 開始編輯單一步驟時間軸
   3. 輸入敘述文字
   4. 待全部步驟都編輯好時，點選<mark style="color:purple;">**全部完成**</mark>
10. 回到會員中心
11. 於”我的食譜 - 草稿”區域點擊草稿卡片右上方<mark style="color:purple;">**”發佈”**</mark>按鈕
12. 點擊<mark style="color:purple;">**確認**</mark>要發佈
13. 成功發佈食譜

{% embed url="<https://www.youtube.com/watch?v=rn9_c_VkExA>" %}

***

[**現場介紹簡報**](https://www.canva.com/design/DAGmG8OqMls/qaFWEGtHPTPoSZfI2sDdtQ/view?utm_content=DAGmG8OqMls\&utm_campaign=designshare\&utm_medium=link2\&utm_source=uniquelinks\&utlId=hb03bad4b76)