Downloaded 13 times
![[INSIGHT OUT 2011] C16 データ中心”再設計”のススメ(mihara)](https://cdn.slidesharecdn.com/ss_thumbnails/insightout2011c12mihara-111114000731-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
160130 0dir system
- 1. ⽇日 本 ディ レ ク シ ョ ン 協 会 主 催 0からのWebディレクション講座 システム開発編
- 2. 講師紹介 柳柳⽥田 亜沙美（あさみん） 株式会社凛 代表取締役 エンジニア・Webディレクター • 新卒OL時代にエクセルVBAとAccessに 出会い、⽣生産管理理・在庫管理理システムを 構築。 • プログラマに転職。 • 2008年年、株式会社凛を設⽴立立。 • ⼥女女性向けプログラミングスクール 「GeekGirlLabo」運営。 • 4⽉月から企業の新⼈人社員研修開始！
- 3. INDEX 13:00〜～ 第⼀一部 1. 講義 2. ワークショップ 14:20〜～ 第⼆二部 1. 講義 2. ワークショップ 15:20〜～ 第三部 1. 講義 2. ワークショップ 16:10〜～ 発表 17:00〜～ 懇親会
- 4.
- 5.
- 6.
- 7. 具体的には？ 7 • 仕様を確定してくれる • 仕様変更更が少ない • 仕様変更更であることを認識識している • 仕様変更更の対応に時間がかかることを 知っている
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. よく使う仕様書 • 画⾯面機能⼀一覧 • 画⾯面遷移図 • 画⾯面仕様書 • データベース仕様書 • テスト仕様書 16
- 17. 画⾯面機能⼀一覧 画⾯面や機能が⼀一覧になっているもの 17 分類 機能備考 ユーザー画⾯面 商品 ⼀一覧 詳細 カート 決済 ⾒見見積 デザイン・レイアウト選択 ロゴをアップロード 会員 会員登録 会員情報編集 静的ページ トップページ 特定商取引法 プライバシーポリシー 会社概要
- 18.
- 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
- 20. 画⾯面仕様書（動作） • 各画⾯面に表⽰示する項⽬目や、各項⽬目に対する詳細な仕様を記 ⼊入する。 • ボタンを押した時や、セレクトボックスを選択した時にど んな動きをするのか、など。 20 ▼動作定義 No 動作 遷移先 チェック ⑦ 選択時にAjaxで⑧を更更新 ー ー ⑨ Ajaxで選択した条件で⑩を絞り込み、更更新 店舗が存在しない場合は「店舗が存在しませ ん」と表⽰示 ー 必須チェック ⑦ ⑧ ⑨
- 21. 画⾯面仕様書（⼊入⼒力力） ⼊入⼒力力チェックを定義する。エラーだった場合の表⽰示 メッセージも決めておく。 1. 必須チェック 2. 桁数チェック 3. 半⾓角チェック 4. 数値チェック 5. 重複チェック 21
- 22.
- 23. 画⾯面仕様書（例例） ーTwitterの登録フォームー 23 ▼⼊入⼒力力定義 No ⼊入⼒力力内容 ⼊入⼒力力チェック エラーメッセージ ① 名前 必須チェック 名前を⼊入⼒力力してください。 桁数チェック 名前は15⽂文字以内で⼊入⼒力力してください。 ② メールアドレス 必須チェック メールアドレスを⼊入⼒力力してください。 重複チェック メールアドレスが既に登録されています。 メールアドレス チェック メールアドレスは正しく⼊入⼒力力してくださ い ③ ユーザー名 必須チェック ユーザー名を⼊入⼒力力してください。 桁数チェック ユーザー名は8⽂文字以内で⼊入⼒力力してくだ さい。 重複チェック ユーザー名が既に登録されています。 半⾓角英数チェック ユーザー名は半⾓角英数字で⼊入⼒力力してくだ さい ④ パスワード 必須チェック パスワードを⼊入⼒力力してください。 桁数チェック パスワードは5⽂文字以上で⼊入⼒力力してくだ さい。 ⑤ チェックボックス ー
- 24. ワークショップ1 〜～画⾯面仕様書を作ってみよう〜～ グルメ⼝口コミサイトレビュー投稿 24 ニックネーム 日本ディレクション協会の口コミを投稿する 性別 総合評価 12 3 4 5 ● 男性 女性 感想 口コミを投稿する
- 25.
- 26.
- 27. テスト仕様書に必要な項⽬目 27 • テスト実施内容 • ⼊入⼒力力値 • 期待動作 • テスト結果 • 実施⽇日 • 実施者
- 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 CBd１４ テスト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
- 30. テスト仕様書の作り⽅方 30 テスト項⽬目は正常系と異異常系を⽤用意する。 • 正常系テスト – 正しい操作⽅方法・⼊入⼒力力値でテストを⾏行行う • 異異常系テスト – 誤った操作⽅方法・⼊入⼒力力値でテストを⾏行行う ユーザーは想定外の操作をするもの！ すべてのケースを洗い出そう！
- 31. ワークショップ2 〜～テスト仕様書を作ってみよう〜～ 31 ニックネーム 日本ディレクション協会の口コミを投稿する 性別 総合評価 12 3 4 5 ● 男性 女性 感想 口コミを投稿する
- 32.
- 33.
- 34. テーブル≒エクセルのシート 34 店舗名 都道府県 市区町村 番地 建物名等 函館昭和店 北海道 函館市 昭和１－３１－１ノースフィールド１Ｆ フレスポ帯広稲田店 北海道 帯広市 稲田町南９線西１１－１ フィール旭川店 北海道 旭川市 １条通８－１０８ オーロラタウン店 北海道 札幌市 中央区 大通西２丁目 札幌パルコ店 北海道 札幌市 中央区 南１条西３－３ 札幌駅前通店 北海道 札幌市 中央区 北３条西３－１－４７ 麻生店 北海道 札幌市 北区 麻生町５－１－８ 新さっぽろｄｕｏ店 北海道 札幌市 厚別区 厚別中央２条５－６－３ イオンモール札幌苗穂店 北海道 札幌市 東区 東苗穂二条３－１－１ 札幌元町店 北海道 札幌市 東区 北２７条東１５－１－２０ イオンタウン平岡店 北海道 札幌市 清田区 平岡２条５－２－５０ 白石店 北海道 札幌市 白石区 南郷通り１丁目北２－３２ イオンモール札幌発寒支店 北海道 札幌市 西区 発寒８条１２－１ 札幌発寒店 北海道 札幌市 西区 発寒７条１２－３－１７ イオン江別店 北海道 江別市 幸町３５ 釧路昭和店 北海道 釧路市 昭和中央３－３－１
- 35. カラム（列列）とレコード（⾏行行） 35 店舗名 都道府県 市区町村 番地 建物名等 函館昭和店 北海道 函館市 昭和１－３１－１ノースフィールド１Ｆ フレスポ帯広稲田店 北海道 帯広市 稲田町南９線西１１－１ フィール旭川店 北海道 旭川市 １条通８－１０８ オーロラタウン店 北海道 札幌市 中央区 大通西２丁目 札幌パルコ店 北海道 札幌市 中央区 南１条西３－３ 札幌駅前通店 北海道 札幌市 中央区 北３条西３－１－４７ 麻生店 北海道 札幌市 北区 麻生町５－１－８ 新さっぽろｄｕｏ店 北海道 札幌市 厚別区 厚別中央２条５－６－３ イオンモール札幌苗穂店 北海道 札幌市 東区 東苗穂二条３－１－１ 札幌元町店 北海道 札幌市 東区 北２７条東１５－１－２０ イオンタウン平岡店 北海道 札幌市 清田区 平岡２条５－２－５０ 白石店 北海道 札幌市 白石区 南郷通り１丁目北２－３２ イオンモール札幌発寒支店 北海道 札幌市 西区 発寒８条１２－１ 札幌発寒店 北海道 札幌市 西区 発寒７条１２－３－１７ イオン江別店 北海道 江別市 幸町３５ 釧路昭和店 北海道 釧路市 昭和中央３－３－１
- 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 最終アクセス⽇日時 ⾃自動⼊入⼒力力 ログイン時に 更更新
- 41. ワークショップ 〜～データベース設計をしてみよう ⼊入⼒力力したデータを登録するデータベースの設計 をしてみよう！ ＜⼿手順＞ 1. ⼊入⼒力力項⽬目を縦に並べてみよう 2. 物理理名を考えてみよう 3. 画⾯面仕様書に、取得するカラム名を記⼊入し てみよう 41
- 42.
- 43.
- 44.
- 45. 日本ディレクション協会 コミュニティメンバーボードのご案内 ディレ協の運営メンバーや、歴代＆人気講師含む 全国1,000名以上のディレクターと繋がる 国内最大のディレクターコミュニティ 利利⽤用特典 • いち早くイベント情報を得られる • 講演の資料料をチェックできる • 全国のディレクターに⾊色々聴ける • イベントやリリース告知に使える ディレ協