Transcript Document

ショッピングサイト
~注文フォーム2~
北海道情報大学 情報メディア学部
情報メディア学科 新井山ゼミ
0421104 金子拓磨
前回までの成果
• 機能面
– 注文ページの作成
• 内部スクリプトの作成
ユ
ー
ザ
ー
サ
イ
ド
管
理
サ
イ
ド
トップページ
商品一覧
商品の詳細
カート
注文
カートに追加
•お知らせ
ログインページ
/管理ページ
カテゴリメンテ
完了
•管理メニュー
商品メンテ
途中
前回までの成果
• デザイン面
– JavaScriptを使用したデザイン
• サイドメニューのアニメーション改良
今回までの進捗状況
• 着手
– カートの改良
– 注文ページ動作不良の修正
– サイドメニューアニメーションの修正/改良
• 未着手
– 機能-管理サイド作成
今回までの進捗状況
• 機能面
– カートの改良
– 注文ページの作成
• 内部スクリプトの作成
ユ
ー
ザ
ー
サ
イ
ド
管
理
サ
イ
ド
– ほぼ完成
トップページ
商品一覧
商品の詳細
カート
注文
カートに追加
•お知らせ
ログインページ
/管理ページ
カテゴリメンテ
完了
•管理メニュー
商品メンテ
途中
今回までの進捗状況
• デザイン面
– JavaScriptを使用したデザイン
• サイドメニューのアニメーション改良
– メニュー伸縮の完成
– スクリプトの実装開始
研究手順
• 機能面
– 必要な関数の書き出し
– 関数の作成
– 関数の実装
– トライ&エラー
• デザイン面
– HTML/CSSを記述
– JavaScript
• 機能面(PHP)と同様
開発成果
• 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
• 注文管理ファイル
– http://genbu.rmme.do.johodai.ac.jp/~s0421104/cd_shop/data/order_file.csv
開発成果
• カートの改良
– 数量の表示処理の追加
– 数量表示にともなう注文スクリプトの改変
開発成果
• 注文ページ
– 不具合の修正
• 注文番号の取得
• 注文管理ファイルへの書き込み
開発成果
• 注文ページ
– エラー処理の充実
• エラー内容の赤文字表示
• 電話・郵便番号の半角数字チェック
• メールアドレスの半角英数チェック
開発成果
• JavaScriptを使用したデザイン
– 修正点
• アニメーションの不具合を修正
– JavaScript部分を外部JavaScriptファイルに分離
– 実装開始
• 現在作業中
評価・考察
• JavaScript
– アニメーションの土台の完成
• 応用により別なアニメーションの作成が可能
• 注文ページ
– アクセス制限
• リファラの使用→失敗
• セッションの使用→要習得
• 管理サイド
– 未着手
今後の課題
• サイドメニューアニメーション
– 実装
– アニメーションの追加
• 注文スクリプト
– アクセス制限
– 注文個数の変更
• 管理サイド作成
次回までの成果制約
• 管理サイド作成
• 注文ページ
– アクセス制限
– 注文個数の変更
• サイドメニューアニメーション
– 以降継続
参考資料
• Webサイト
– PHP: PHPマニュアル
• http://www.php.net/manual/ja/
• [企業] The PHP Group
• 関数リファレンス
– OpenSpace
• http://www.openspc2.org/
• [個人] 古籏一浩 氏
• JavaScriptリファレンス