北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨

Slides:



Advertisements
Similar presentations
Web アクセシビリティ ~新しいアクセシビリティの基準~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 山口 岳.
Advertisements

六角大王による 3DCG の作成 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 田中 聡.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
プログラム作品制作 ~ ActionScript 3.0 ~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 倉島 健.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
Web アプリケーション開発 ~図書館管理システム~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 高橋 隼.
1 安全性の高いセッション管理方 式 の Servlet への導入 東京工業大学 理学部 千葉研究室所属 99-2270-6 松沼 正浩.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
六角大王による 3DCG の作成 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 田中 聡.
OWL-Sを用いたWebアプリケーションの検査と生成
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 中村 有佑
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子 拓磨
「図書管理」のための Webアプリケーション開発 -Apache/Tomcat/MySQL/Java on Windows XP-
●BtoB(企業間取引)ページを作成する:概要
オーダー端末操作手順書 WideNet株式会社 Ver.2013/01/30.
WDC提出用Webページ ~フリー素材作成~
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 田中 聡
DTMを使用した楽曲制作 楽曲紹介のWebサイト制作
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
WEBから確認できる 駐車場管理システムについて
DTMを使った楽曲制作 DTMを扱う職業などの調査
ショッピングサイト処理関連図 2013年1月 index.php 商品一覧画面 購入ボタン (在庫数以下max8個) 品切れ表示
C言語でのゲーム制作 ~合作でRPGを作ろう~
CCP Express 3.1 初期設定ガイド(WAN/LAN)
Word2007でWeb作成方法紹介ページ ~Word初心者でもわかりやすく~
Webアクセシビリティ ~新しいアクセシビリティの基準~
Hot Pepper for iPod touch
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
三国志紹介ページ ~初心者でも分かるWebページ~
DTMを使った楽曲制作 DTMを扱う職業などの調査
Webアプリケーション開発 ~図書館管理システム~
3DCGソフトウェア 「六角大王」による作品の制作 -Webデザインコンテスト参加作品(2008/2009)-
第4回 個人の動画配信補足のためのWeb構築
Word2007でWeb作成方法紹介ページ ~Word初心者でもわかりやすく~
Webページ作成 アカペラブーム再生 ~過ぎ去った音楽ジャンル~
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子 拓磨
     年  月  日 名前 太郎 1 班.
雛型ファイルについて 雛型ファイルを以下からダウンロード 昨年のプレゼン資料を参考にする場合
雛型ファイルについて 雛型ファイルを以下からダウンロード 昨年のプレゼン資料を参考にする場合
DTMを使った楽曲制作 DTMを扱う職業などの調査
パソコンの製作 ~はじめての自作パソコン~
“Word 2007”を活用した Webページの制作 ~Webデザインコンテスト参加作品(2009/2010)~
WebCluster スライドショーで見る操作ガイド
「C++言語」習得のための実践的研究 -「テンプレート」,「例外処理」,「実行時型情報」-
【トップページ-TOPICSの登録・編集】
“SMILE VIDEO”の制作 ~ニコニコ動画で活動してみた~
平成22年度に実施を予定するインターネットを 用いた研修システムによる研修 ライブ配信受講手順書
動画編集ツールによる作品制作とWebページによる紹介
雛型ファイルについて 雛型ファイルを以下からダウンロード 昨年のプレゼン資料を参考にする場合
雛型ファイルについて 雛型ファイルを以下からダウンロード 昨年のプレゼン資料を参考にする場合
「六角大王」によるCG作成と Webページ制作
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 大平 哲也
Flashを使用した ミュージックビデオの作成
RaspberryPiによるIoT機器の開発
第8章 Web技術とセキュリティ   岡本 好未.
オーダー端末操作手順書 WideNet株式会社 Ver.2013/09/26.
セキュリティ(6) 05A2013 大川内 斉.
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
     年  月  日 名前 太郎 1 班.
研究テーマ・プレゼン表題 ~第3学年 初回発表用雛型~
発注者側サイト操作説明書 作成日:2004年6月 Ver1.0 初版 改 訂:2005年9月 Ver1.2 株式会社 コニファ.
ネットワークプログラミング (5回目) 05A1302 円田 優輝.
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 中村 有佑
すべて読む Microsoft SharePoint ニュース
管理画面操作マニュアル <物件情報> 第5版 改訂 株式会社アクア 1.
スマートスクールWeb 発注承認マニュアル
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 松尾 敏生
初心者向けの株の解説 自身の運用体験のWebサイト制作
Nepenthesの栽培 ~北海道における栽培方法の探求~
Presentation transcript:

北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 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リファレンス