北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨

Presentation on theme: "北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨"— Presentation transcript:

1 北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 0421104 金子拓磨
ショッピングサイト ～注文フォーム～ 北海道情報大学　情報メディア学部 情報メディア学科　新井山ゼミ 　金子拓磨

2 前回までの成果 機能面 カート不具合の解消 注文ページの作成 フォームのみ作成 ユーザーサイド トップページ 商品一覧 商品の詳細
お知らせ 商品一覧 商品の詳細 カートに追加 カート 注文 管理サイド ログインページ /管理ページ 管理メニュー カテゴリメンテ 完了 商品メンテ 途中

3 前回までの成果 デザイン面 レイアウト崩れ 情報量の増量で解決 JavaScriptを使用したデザイン サイドメニューのアニメーション

4 今回までの進捗状況 機能面 注文ページの作成 内部スクリプトの作成 ユーザーサイド トップページ 商品一覧 商品の詳細 カートに追加 カート
お知らせ 商品一覧 商品の詳細 カートに追加 カート 注文 管理サイド ログインページ /管理ページ 管理メニュー カテゴリメンテ 完了 商品メンテ 途中

5 今回までの進捗状況 デザイン面 JavaScriptを使用したデザイン サイドメニューのアニメーション改良

6 研究手順 機能面 デザイン面 必要な関数の書き出し 関数の作成 関数の実装 トライ&エラー HTML/CSSを記述 JavaScript
機能面（PHP）と同様

7 開発成果 genbuサーバ JavaScriptテストページ
開発成果　 genbuサーバ JavaScriptテストページ

8 開発成果 注文ページ スクリプトの記述 表示関連 内部処理関連 動作不良の発生 モード移行 入力フォームページ 注文確認ページ
開発成果　 注文ページ スクリプトの記述 表示関連 モード移行 入力フォームページ 注文確認ページ 注文完了ページ 内部処理関連 カートのCookieの取得 入力情報エラーチェック 注文番号の取得／注文管理ファイルへの書き込み 動作不良の発生 注文番号取得時にエラーが発生 アドレスの直接入力で処理途中に移動可能

9 開発成果 ユーザー側からの操作 プログラム側からの操作 フォーム入力 入力エラーチェック start フォーム表示 内容確認画面表示
開発成果　 ユーザー側からの操作 フォーム入力 入力エラーチェック true start フォーム表示 内容確認画面表示 false 確認or訂正 訂正 end 注文完了画面表示 確認 プログラム側からの操作 注文完了モード フォーム情報取得 注文内容取得 注文番号取得 モード確認／移行 エラーチェック/内容確認モード エラーチェック start 前処理 フォーム情報取得 end フォーム表示 フォーム入力モード エラー end 内容確認画面表示 注文内容取得 end 注文完了画面表示 注文内容の初期化 注文管理ファイルに書き込み

10 開発成果 JavaScriptを使用したデザイン 修正点 課題点 変数のスコープを変更 →複数のメニューアニメーションの競合を抑止
開発成果　 JavaScriptを使用したデザイン 修正点 変数のスコープを変更 →複数のメニューアニメーションの競合を抑止 課題点 原因不明の動作不良 一部のメニューにのみ発生

11 評価・考察　 全体の進捗の遅延 JavaScriptの知識不足 注文ページ 注文番号取得時のスクリプトの見直し 要アクセス制限

12 今後の課題 カートの改良 サイドメニューアニメーションの修正/改良 注文スクリプト 動作不良の修正 機能-管理サイド作成

13 次回までの成果制約 カートの改良 機能-管理サイド作成 注文ページ動作不良の修正 サイドメニューアニメーションの修正/改良 以降継続

14 参考資料 Webサイト PHP: PHPマニュアル OpenSpace http://www.php.net/manual/ja/
[企業] The PHP Group 関数リファレンス OpenSpace [個人]　古籏一浩　氏 JavaScriptリファレンス