北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 0421104 金子拓磨 ショッピングサイト ~注文フォーム~ 北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 0421104 金子拓磨
前回までの成果 機能面 カート不具合の解消 注文ページの作成 フォームのみ作成 ユーザーサイド トップページ 商品一覧 商品の詳細 お知らせ 商品一覧 商品の詳細 カートに追加 カート 注文 管理サイド ログインページ /管理ページ 管理メニュー カテゴリメンテ 完了 商品メンテ 途中
前回までの成果 デザイン面 レイアウト崩れ 情報量の増量で解決 JavaScriptを使用したデザイン サイドメニューのアニメーション
今回までの進捗状況 機能面 注文ページの作成 内部スクリプトの作成 ユーザーサイド トップページ 商品一覧 商品の詳細 カートに追加 カート お知らせ 商品一覧 商品の詳細 カートに追加 カート 注文 管理サイド ログインページ /管理ページ 管理メニュー カテゴリメンテ 完了 商品メンテ 途中
今回までの進捗状況 デザイン面 JavaScriptを使用したデザイン サイドメニューのアニメーション改良
研究手順 機能面 デザイン面 必要な関数の書き出し 関数の作成 関数の実装 トライ&エラー HTML/CSSを記述 JavaScript 機能面(PHP)と同様
開発成果 genbuサーバ JavaScriptテストページ 開発成果 genbuサーバ http://genbu.rmme.do-johodai.ac.jp/~s0421104/cd_shop/ JavaScriptテストページ http://genbu.rmme.do.johodai.ac.jp/~s0421104/cd_shop/js_test.html
開発成果 注文ページ スクリプトの記述 表示関連 内部処理関連 動作不良の発生 モード移行 入力フォームページ 注文確認ページ 開発成果 注文ページ スクリプトの記述 表示関連 モード移行 入力フォームページ 注文確認ページ 注文完了ページ 内部処理関連 カートのCookieの取得 入力情報エラーチェック 注文番号の取得/注文管理ファイルへの書き込み 動作不良の発生 注文番号取得時にエラーが発生 アドレスの直接入力で処理途中に移動可能
開発成果 ユーザー側からの操作 プログラム側からの操作 フォーム入力 入力エラーチェック start フォーム表示 内容確認画面表示 開発成果 ユーザー側からの操作 フォーム入力 入力エラーチェック true start フォーム表示 内容確認画面表示 false 確認or訂正 訂正 end 注文完了画面表示 確認 プログラム側からの操作 注文完了モード フォーム情報取得 注文内容取得 注文番号取得 モード確認/移行 エラーチェック/内容確認モード エラーチェック start 前処理 フォーム情報取得 end フォーム表示 フォーム入力モード エラー end 内容確認画面表示 注文内容取得 end 注文完了画面表示 注文内容の初期化 注文管理ファイルに書き込み
開発成果 JavaScriptを使用したデザイン 修正点 課題点 変数のスコープを変更 →複数のメニューアニメーションの競合を抑止 開発成果 JavaScriptを使用したデザイン 修正点 変数のスコープを変更 →複数のメニューアニメーションの競合を抑止 課題点 原因不明の動作不良 一部のメニューにのみ発生
評価・考察 全体の進捗の遅延 JavaScriptの知識不足 注文ページ 注文番号取得時のスクリプトの見直し 要アクセス制限
今後の課題 カートの改良 サイドメニューアニメーションの修正/改良 注文スクリプト 動作不良の修正 機能-管理サイド作成
次回までの成果制約 カートの改良 機能-管理サイド作成 注文ページ動作不良の修正 サイドメニューアニメーションの修正/改良 以降継続
参考資料 Webサイト PHP: PHPマニュアル OpenSpace http://www.php.net/manual/ja/ [企業] The PHP Group 関数リファレンス OpenSpace http://www.openspc2.org/ [個人] 古籏一浩 氏 JavaScriptリファレンス