ショッピングサイト ～JavaScriptを用いたデザイン～ 北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 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 • JavaScript動作実験ページ – http://genbu.rmme.do.johodai.ac.jp/~s0421104/cd_shop/kaizou.html 開発成果 • カート不具合の解消 – 変数内に余計な文字が混入 →文字を削除 • 注文ページ – ページのみ作成 開発成果 ロック • JavaScriptを使用したデザイン – メニューのアニメーション • メニューの伸縮 伸びる ロック – setIntervalI/clearIntervall関数の利用 • setIntervalI（）/clearIntervall関数実験 – JavaScript動作実験ページ • エラーの発生 縮む ロック 評価・考察 • 全体の進捗の遅延 – JavaScriptの知識不足 – カートプログラムの不具合箇所発見の遅れ 今後の課題 • • • • カートの改良 サイドメニューアニメーションの修正/改良 注文スクリプトの完成 データファイルの整理 – データファイルテンプレートの作成 – 機能-管理サイド作成への準備 次回までの成果制約 • カートの改良 • データファイルの整理 • 注文ページの作成 • サイドメニューアニメーションの修正/改良 参考資料 • 書籍 – 10日でおぼえるPHP入門教室 • (株)オフィスエム 著 • 翔泳社 刊 • 2002年12月9日 初版発行 • Webサイト – pixiv • [法人] CROOC,inc. • JavaScriptを用いたアニメーション – Fuckin’ Kingdom • [個人] k3 氏 • JavaScriptを用いたアニメーション （＊現在該当アニメーションは削除された模様） – OpenSpace • [個人] 古籏一浩 氏 • JavaScriptリファレンス
© Copyright 2024 ExpyDoc
