ionic 實作(1)：UserStory 及 UI 說明 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

DAY 12

0

開發 Mobile 手機的新一代霸主－ionic framework系列第 12 篇

ionic 實作(1)：UserStory 及 UI 說明

mobile 鐵人賽

2014-10-12 10:31:43

2695 瀏覽

分享至

User Story

簡單的使用UserStory 來描述這個 mobile application要做的事，在這個 app 叫做訂便當系統，做為內部訂購統計使用，所以只會有管理者及一般使用者二個身份，管理者主要是負責開啟每日要訂購的便當店及統計今天有多少人參與訂購的統計報表；一般消費者就是可以訂購便當及查看訂購的記錄，UserStory的描述如下

身為消費者，我想要有一個可以快速訂便當系統

身為消費者，我要可以訂購便當
身為消費者，我要可以統計本月訂購金額
身為消費者，我要可以查閱過去的訂單記錄

身為管理者，我想要有一個可以統計訂購的系統

身為管理者，我要可以查看統計訂購資料
身為管理者，我要可以查看訂購的報表

Mobile UI template

大致的圖畫草稿如下：

登入畫面

訂餐的畫面

本月消費記錄

歷史的訂購消費記錄

ionic routing(下)

ionic 實作(2)：Project 建立及架構介紹

系列文

開發 Mobile 手機的新一代霸主－ionic framework 共 30 篇

目錄

RSS系列文訂閱系列文

18 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙