Download
javascript n.
Skip this Video
Loading SlideShow in 5 Seconds..
ショッピングサイト ~ JavaScript を用いたデザイン~ PowerPoint Presentation
Download Presentation
ショッピングサイト ~ JavaScript を用いたデザイン~

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

139 Vues Download Presentation
Télécharger la présentation

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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リファレンス