Recommended
More Related Content
Similar to 0からのWebディレクション講座 システム開発編 170415 slide_share
Similar to 0からのWebディレクション講座 システム開発編 170415 slide_share (20)
Recently uploaded
Recently uploaded (7)
0からのWebディレクション講座 システム開発編 170415 slide_share
- 1. ⽇ 本 デ ィ レ ク シ ョ ン 協 会 主 催 0からのWebディレクション講座 システム開発編
- 2. 講師紹介 柳⽥ 亜沙美（あさみん） 株式会社凛 代表取締役 エンジニア・Webディレクター • 新卒OL時代にエクセルVBAとAccessに 出会い、⽣産管理・在庫管理システムを 構築。 • プログラマに転職。 • 2008年、株式会社凛を設⽴。 • ⼥性向けプログラミングスクール 「GeekGirlLabo」運営。 • ⼥性の働き⽅メディア⽴ち上げ中。
- 3. INDEX 13:00〜 第⼀部 講義 14:00〜 第⼆部 ワークショップ 15:00〜15:40 発表 15:50〜16:50 パネルディスカッション 17:00〜 懇親会
- 4. システムができるまで 4 契約 計画 人員 設計 進捗 テスト 開発：エンジニアの担当範囲 それ以外：ディレクターの担当範囲 開発
- 5. 契約 5 契約 計画 人員 設計 開発 テスト
- 11. 責任範囲を明確にする 11 • 納品物は何か？ – 仕様書を含むのか？ – テスト仕様書を含むのか？ – どの程度のテストが必要なのか？ • 定例会議への参加はどの程度必要か？ • 本番へのデプロイは？ • 操作説明は？
- 12. 計画 （スケジュール） 契約 計画 人員 設計 進捗 テスト
- 15. 「一ヶ月くらいですね」
- 21. 21 設計 契約 計画 人員 設計 進捗 テスト
- 28. 画⾯仕様書（表⽰） • 各画⾯に表⽰する項⽬や、各項⽬に対する詳細な仕様を記 ⼊する。 • ⼀覧表⽰する場合は、以下を指定する。 1. 表⽰件数 2. 並べ替え項⽬と昇順/降順、 3. 絞り込み条件等 28 ▼出⼒定義 No 表⽰内容 取得条件 表⽰順 ⑩ 店舗⼀覧 削除=0の店舗を10件 登録⽇時降順
- 29. 画⾯仕様書（動作） • 各画⾯に表⽰する項⽬や、各項⽬に対する詳細な仕様を記 ⼊する。 • ボタンを押した時や、セレクトボックスを選択した時にど んな動きをするのか、など。 29 ▼動作定義 No 動作 遷移先 チェック ⑦ 選択時にAjaxで⑧を更新 ー ー ⑨ Ajaxで選択した条件で⑩を絞り込み、更新 店舗が存在しない場合は「店舗が存在しませ ん」と表⽰ ー 必須チェック ⑦ ⑧ ⑨
- 30. 画⾯仕様書（⼊⼒） ⼊⼒チェックを定義する。エラーだった場合の表⽰ メッセージも決めておく。 1. 必須チェック 2. 桁数チェック 3. 半⾓チェック 4. 数値チェック 5. 重複チェック 30
- 31. 画⾯仕様書（例） 31
- 32. 画⾯仕様書（例） ーTwitterの登録フォームー 32 ▼⼊⼒定義 No ⼊⼒内容 ⼊⼒チェック エラーメッセージ ① 名前 必須チェック 名前を⼊⼒してください。 桁数チェック 名前は15⽂字以内で⼊⼒してください。 ② メールアドレス 必須チェック メールアドレスを⼊⼒してください。 重複チェック メールアドレスが既に登録されています。 メールアドレス チェック メールアドレスは正しく⼊⼒してくださ い ③ ユーザー名 必須チェック ユーザー名を⼊⼒してください。 桁数チェック ユーザー名は8⽂字以内で⼊⼒してくだ さい。 重複チェック ユーザー名が既に登録されています。 半⾓英数チェック ユーザー名は半⾓英数字で⼊⼒してくだ さい ④ パスワード 必須チェック パスワードを⼊⼒してください。 桁数チェック パスワードは5⽂字以上で⼊⼒してくだ さい。 ⑤ チェックボックス ー
- 33. 進捗管理。 契約 計画 人員 設計 進捗 テスト
- 36. ナンダッテー 36 ( ﾟдﾟ)
- 38. Gitを使おう 38
- 39. テスト 契約 計画 人員 設計 進捗 テスト
- 47. テスト仕様書に必要な項⽬ 47 • テスト実施内容 • ⼊⼒値 • 期待動作 • テスト結果 • 実施⽇ • 実施者
- 48. 実施内容・期待動作 48 コード 22 データ入力せず、登録ボタン押下 コードを入力してください。 23 4桁を入力し、登録ボタン押下 DBへ登録処理 24 6桁を入力し、登録ボタン押下 コードは5文字以内で入力してください。 25 全角を入力し、登録ボタン押下 コードは半角英数字記号（ハイフン、アンダースコ ア）がご登録いただけます。 26 ハイフンを含む文字列を入力し、登録ボタン押下 DBへ登録処理 27 アンダーバーを含む文字列を入力し、登録ボタン 押下 DBへ登録処理 28 スペースを含む文字列を入力し、登録ボタン押下 コードに空白文字はご登録いただけません。 29 カンマを含む文字列を入力し、登録ボタン押下 コードは半角英数字記号（ハイフン、アンダースコ ア）がご登録いただけます。 30 ダブルクォーテーションを含む文字列を入力し、 登録ボタン押下 コードは半角英数字記号（ハイフン、アンダースコ ア）がご登録いただけます。
- 49. ⼊⼒値 49 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
- 50. テスト仕様書の作り⽅ 50 テスト項⽬は正常系と異常系を⽤意する。 • 正常系テスト – 正しい操作⽅法・⼊⼒値でテストを⾏う • 異常系テスト – 誤った操作⽅法・⼊⼒値でテストを⾏う ユーザーは想定外の操作をするもの！ すべてのケースを洗い出そう！
- 51. 【番外編】 エンジニアの脳内
- 60. 日本ディレクション協会 コミュニティメンバーボードのご案内 ディレ協の運営メンバーや、歴代＆人気講師含む 全国1,000名以上のディレクターと繋がる 国内最大のディレクターコミュニティ 利⽤特典 • いち早くイベント情報を得られる • 講演の資料をチェックできる • 全国のディレクターに⾊々聴ける • イベントやリリース告知に使える ディレ協