160130 0dir system
- 1. ⽇日 本 デ ィ レ ク シ ョ ン 協 会 主 催
0からのWebディレクション講座
システム開発編
- 19. 画⾯面仕様書(表⽰示)
• 各画⾯面に表⽰示する項⽬目や、各項⽬目に対する詳細な仕様を記
⼊入する。
• ⼀一覧表⽰示する場合は、以下を指定する。
1. 表⽰示件数
2. 並べ替え項⽬目と昇順/降降順、
3. 絞り込み条件等
19
No
画面項目名
物理名
取得元
取得条
件
1
納品予定ID
id
delivery_schedule
パラメータ
2
ストアアカウント
store_id
delivery_schedule
= Cookie.id
4
伝票番号
slip_number
delivery_schedule
5
ステータス
delivery_status
delivery_schedule
6
納品予定日
scheduled_date
delivery_schedule
7
物流業者
company_name
logistics_company
logistics_company.logistics_company_id =
delivery_schedule.logistics_company_id
8
倉庫
warehouse_name
warehouse
warehouse.warehouse_id =
delivery_schedule.warehouse_id
- 23. 画⾯面仕様書(例例)
ーTwitterの登録フォームー
23
▼⼊入⼒力力定義
No ⼊入⼒力力内容 ⼊入⼒力力チェック エラーメッセージ
① 名前 必須チェック 名前を⼊入⼒力力してください。
桁数チェック 名前は15⽂文字以内で⼊入⼒力力してください。
② メールアドレス 必須チェック メールアドレスを⼊入⼒力力してください。
重複チェック メールアドレスが既に登録されています。
メールアドレス
チェック
メールアドレスは正しく⼊入⼒力力してくださ
い
③ ユーザー名 必須チェック ユーザー名を⼊入⼒力力してください。
桁数チェック
ユーザー名は8⽂文字以内で⼊入⼒力力してくだ
さい。
重複チェック ユーザー名が既に登録されています。
半⾓角英数チェック
ユーザー名は半⾓角英数字で⼊入⼒力力してくだ
さい
④ パスワード 必須チェック パスワードを⼊入⼒力力してください。
桁数チェック
パスワードは5⽂文字以上で⼊入⼒力力してくだ
さい。
⑤ チェックボックス ー
- 28. 実施内容・期待動作
28
コード
22
データ入力せず、登録ボタン押下
コードを入力してください。
23
4桁を入力し、登録ボタン押下
DBへ登録処理
24
6桁を入力し、登録ボタン押下
コードは5文字以内で入力してください。
25
全角を入力し、登録ボタン押下
コードは半角英数字記号(ハイフン、アンダースコ
ア)がご登録いただけます。
26
ハイフンを含む文字列を入力し、登録ボタン押下
DBへ登録処理
27
アンダーバーを含む文字列を入力し、登録ボタン
押下
DBへ登録処理
28
スペースを含む文字列を入力し、登録ボタン押下
コードに空白文字はご登録いただけません。
29
カンマを含む文字列を入力し、登録ボタン押下
コードは半角英数字記号(ハイフン、アンダースコ
ア)がご登録いただけます。
30
ダブルクォーテーションを含む文字列を入力し、
登録ボタン押下
コードは半角英数字記号(ハイフン、アンダースコ
ア)がご登録いただけます。
- 29. ⼊入⼒力力値
29
No
コード
名称
区分
管理コード
指定期間(FROM)
指定期間(TO)
21
09o04
テスト83
1
h040950
2015/04/14
2015/09/06
22
テスト21
1
h054931
2015/06/19
2015/10/24
23
43j1
テスト50
0
h049724
2015/05/12
2015/12/16
24
1e2248
テスト66
1
a058063
2015/03/16
2015/10/01
25
CBd14
テスト32
0
a045771
2015/04/14
2015/08/10
26
12-34
テスト20
1
b035204
2015/06/02
2015/11/02
27
12_34
テスト46
0
g070754
2015/02/02
2015/12/01
28
12 34
テスト87
1
b066005
2015/02/20
2015/10/18
29
12,34
テスト76
1
o022265
2015/02/15
2015/12/19
30
12"34
テスト
2
g095382
2015/02/17
2015/10/07
- 34. テーブル≒エクセルのシート
34
店舗名
都道府県
市区町村
番地
建物名等
函館昭和店
北海道
函館市
昭和1-31-1ノースフィールド1F
フレスポ帯広稲田店
北海道
帯広市
稲田町南9線西11-1
フィール旭川店
北海道
旭川市
1条通8-108
オーロラタウン店
北海道
札幌市
中央区
大通西2丁目
札幌パルコ店
北海道
札幌市
中央区
南1条西3-3
札幌駅前通店
北海道
札幌市
中央区
北3条西3-1-47
麻生店
北海道
札幌市
北区
麻生町5-1-8
新さっぽろduo店
北海道
札幌市
厚別区
厚別中央2条5-6-3
イオンモール札幌苗穂店
北海道
札幌市
東区
東苗穂二条3-1-1
札幌元町店
北海道
札幌市
東区
北27条東15-1-20
イオンタウン平岡店
北海道
札幌市
清田区
平岡2条5-2-50
白石店
北海道
札幌市
白石区
南郷通り1丁目北2-32
イオンモール札幌発寒支店
北海道
札幌市
西区
発寒8条12-1
札幌発寒店
北海道
札幌市
西区
発寒7条12-3-17
イオン江別店
北海道
江別市
幸町35
釧路昭和店
北海道
釧路市
昭和中央3-3-1
- 35. カラム(列列)とレコード(⾏行行)
35
店舗名
都道府県
市区町村
番地
建物名等
函館昭和店
北海道
函館市
昭和1-31-1ノースフィールド1F
フレスポ帯広稲田店
北海道
帯広市
稲田町南9線西11-1
フィール旭川店
北海道
旭川市
1条通8-108
オーロラタウン店
北海道
札幌市
中央区
大通西2丁目
札幌パルコ店
北海道
札幌市
中央区
南1条西3-3
札幌駅前通店
北海道
札幌市
中央区
北3条西3-1-47
麻生店
北海道
札幌市
北区
麻生町5-1-8
新さっぽろduo店
北海道
札幌市
厚別区
厚別中央2条5-6-3
イオンモール札幌苗穂店
北海道
札幌市
東区
東苗穂二条3-1-1
札幌元町店
北海道
札幌市
東区
北27条東15-1-20
イオンタウン平岡店
北海道
札幌市
清田区
平岡2条5-2-50
白石店
北海道
札幌市
白石区
南郷通り1丁目北2-32
イオンモール札幌発寒支店
北海道
札幌市
西区
発寒8条12-1
札幌発寒店
北海道
札幌市
西区
発寒7条12-3-17
イオン江別店
北海道
江別市
幸町35
釧路昭和店
北海道
釧路市
昭和中央3-3-1
- 36. データベース仕様書<サンプル>
36
テーブル名称 店舗
TABLE名称 shop
№ 物理理名 論論理理名 初期値 備考
1id 店舗ID ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
- 37. テーブル名称 店舗
TABLE名称 shop
№ 物理理名 論論理理名 初期値 備考
1id 店舗ID ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
データベース仕様書≒エクセルの項⽬目
37
- 38. テーブル名称 店舗
TABLE名称 shop
№ 物理理名 論論理理名 初期値 備考
1id 店舗ID ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
フォームから⼊入⼒力力した値以外の項⽬目
38
- 39. データベース仕様書(例例)
ーTwitterのユーザーテーブル
39
テーブル名称 ユーザー
TABLE名称 user
№ 物理理名 論論理理名 初期値 備考
1id ユーザーID ⾃自動⽣生成
2username ユーザー名
3name 名前
4email メールアドレス
5password パスワード
6profile プロフィール
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
10last_̲access 最終アクセス⽇日時
ログイン時に
更更新
- 40. データベース仕様書(例例)
ーTwitterのユーザーテーブル
40
テーブル名称 ユーザー
TABLE名称 user
№ 物理理名 論論理理名 初期値 備考
1id ユーザーID ⾃自動⽣生成
2username ユーザー名
3name 名前
4email メールアドレス
5password パスワード
6profile プロフィール
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
10last_̲access 最終アクセス⽇日時 ⾃自動⼊入⼒力力
ログイン時に
更更新