ショッピングサイト ～ JavaScript を用いたデザイン～

1. ショッピングサイト～JavaScriptを用いたデザイン～ショッピングサイト～JavaScriptを用いたデザイン～ 北海道情報大学　情報メディア学部 情報メディア学科　新井山ゼミ 0421104　金子拓磨

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

3. 前回までの成果 • デザイン面 • 新規機能にともなうレイアウトの作成

4. 今回までの進捗状況 • 着手 • カート不具合の解消 • 注文ページの作成 • レイアウト崩れの修正 • JavaScriptを使用したデザイン • 未着手 • カートの改良 • データファイルテンプレートの作成

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

6. 今回までの進捗状況 • デザイン面 • レイアウト崩れ • 情報量の増量で解決 • JavaScriptを使用したデザイン • サイドメニューのアニメーション

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

8. 開発成果　 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 JavaScript動作実験ページ http://genbu.rmme.do.johodai.ac.jp/~s0421104/cd_shop/kaizou.html

9. 開発成果　 カート不具合の解消 変数内に余計な文字が混入 →文字を削除 注文ページ ページのみ作成

10. 開発成果　 JavaScriptを使用したデザイン メニューのアニメーション メニューの伸縮 setIntervalI/clearIntervall関数の利用 setIntervalI（）/clearIntervall関数実験 JavaScript動作実験ページ エラーの発生 ロック 伸びる ロック 縮む ロック

11. 評価・考察　 全体の進捗の遅延 JavaScriptの知識不足 カートプログラムの不具合箇所発見の遅れ

12. 今後の課題 • カートの改良 • サイドメニューアニメーションの修正/改良 • 注文スクリプトの完成 • データファイルの整理 • データファイルテンプレートの作成 • 機能-管理サイド作成への準備

13. 次回までの成果制約 • カートの改良 • データファイルの整理 • 注文ページの作成 • サイドメニューアニメーションの修正/改良

14. 参考資料 • 書籍 • 10日でおぼえるPHP入門教室 • (株)オフィスエム　著 • 翔泳社　刊 • 2002年12月9日　初版発行 • Webサイト • pixiv • [法人]CROOC,inc. • JavaScriptを用いたアニメーション • Fuckin’ Kingdom • [個人]k3　氏 • JavaScriptを用いたアニメーション　（＊現在該当アニメーションは削除された模様） • OpenSpace • [個人]　古籏一浩　氏 • JavaScriptリファレンス