QuestionnairToolの開発 中村太一.

Slides:



Advertisements
Similar presentations
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Advertisements

1 安全性の高いセッション管理方 式 の Servlet への導入 東京工業大学 理学部 千葉研究室所属 99-2270-6 松沼 正浩.
1 PHP プログラムの実行(まと め) 担当 岡村耕二 月曜日 2限 平成 22 年度 情報科学 III (理系コア科目・2年生) 本資料の一部は、堀良彰准教授、天野浩文准教授、菅沼明 准教授等による以前の講義資料をもとにしています。
目次 このドキュメントについて・・・前提条件……………………………………… 2
SPSS操作入門 よい卒業研究をめざして 橋本明浩.
4.ユーザー登録マニュアル              Version 年6月10日 国立情報学研究所.
DB(データベース)のおはなし 作成者:小野正広 DBと言っても、  ドラゴンボール ではないですぞ! 3/1/2017.
JPAを利用した RESTful Webサービスの開発
JavaScript プログラミング入門 2006/11/10 神津.
WEBから確認できる 駐車場管理システムについて
UMIT 利用マニュアル 株式会社ベクターデザイン 2010/04/05 第2版.
らくらく学校連絡網 スライドショーで見る操作ガイド -7- 出欠確認付きメール escで中断、リターンキーで進みます
3-1 MySQLについて 発表者:藤村元彦 自然言語処理研究室.
プレゼンテーション用ソフトウェア Impress
JSFによるWebアプリケーション開発 第9回
talend活用事例 ・ナビゲータグラフのカスタマイズにおける事例 ・CSVダウンロードでのカスタマイズ事例
エンタープライズアプリケーション II 第10回 / 2006年7月23日
Accessによる SQLの操作 ~実際にテーブルを操作してみよう!~.
JavaServlet&JSP入門 01K0018 中村太一.
メールの利用 計算機実習室でThunderbird.
Al-Mailのインストールと使い方 インストール –1 (pop-authの設定、Al-Mailのインストール用ファイルをダウンロード)
らくらく学校連絡網 スライドショーで見る操作ガイド -8- グループの新規登録、修正できる項目 escで中断、リターンキーで進みます
セッション管理 J2EE I 第9回 /
アプリケーション共有機能 〈参考〉 (図1) (図2)
HTTPプロトコルとJSP (1) データベース論 第3回.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
【トップページ-TOPICSの登録・編集】
平成22年度に実施を予定するインターネットを 用いた研修システムによる研修 ライブ配信受講手順書
メールの利用2 計算機実習室で Netscape 7.1 メール.
情報処理 第13回.
JSFによるWebアプリケーション開発 第6回
HTTPプロトコル J2EE I 第7回 /
エンタープライズアプリケーション II 第7回 / 2006年7月9日
EBSCOhost 詳細検索 チュートリアル support.ebsco.com.
コンピュータ・リテラシーb 第10回 Excel によるグラフ作成.
かぞえチャオ!でコードレビュー 2013/10/20 Ciao-ware.
(B2) 親: minami, kazuki 多様な認証機器に対応する 認証システム (B2) 親: minami, kazuki.
マイクロソフト Access を使ってみよう 第1回
データベース設計 第9回 Webインタフェースの作成(1)
基幹理工学研究科 情報理工学専攻 後藤研究室 修士1年 魏 元
C++とオブジェクトデータベース入門 8.オブジェクトデータベースとは 森井 喬 Webページ
データベースとJavaをつなげよう! ~JDBC~
プログラミング演習3 第2回 GUIの復習.
第8章 Web技術とセキュリティ   岡本 好未.
2004年度 サマースクール in 稚内 JavaによるWebアプリケーション入門
2003年度 データベース論 安藤 友晴.
練習問題アイテムバンクの開発研究 ~再生形式~
管理画面操作マニュアル <サイト管理(1)> 基本設定 第9版 改訂 株式会社アクア 1.
Borland Delphi 6 でビジュアルプログラミング
ネットワークプログラミング論 平成28年12月26日 森田 彦.
3-10. MySQLシステムの管理  2004年6月10日  大北高広                01T6010F.
Webセキュリティ 情報工学専攻 1年 赤木里騎 P226~241.
Webサーバとクライアント 接続要求 GET ・・ 接続状態 HTTP ・・ Webサーバ
Javaによる Webアプリケーション入門 第2回
Shimatterシステムの トップダウン分析
7-0.SWORD Client for WEKO インストールマニュアル Version 2.2
コンピュータ プレゼンテーション.
管理画面操作マニュアル <メールマガジン配信> 第5版 改訂 株式会社アクア 1.
Servlet データベース論 第6回.
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
情報基礎演習I(プログラミング) 第8回 6月8日 水曜5限 江草由佳
WebアプリケーションとTomcat ― これまでの復習とこれからの予習 ―
レンタルショッピングカートマニュアル ~ 返品特約設定 編 ~
JSPの基本 J2EE I (データベース論) 第8回 /
情報処理 第13回.
データベース第3回目 意味ごとにテーブルを分ける
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
地理情報コンテンツ・データベースコンテンツ新規作成
MVCモデル2による Webアプリケーション
クリエイティブ リサーチ 2019/05/20 日本工学院八王子専門学校 M.Katsube.
Presentation transcript:

QuestionnairToolの開発 中村太一

QuestionnairTool アンケート製作者はWeb上からアンケートを生成(HTML)する。 アンケートの設問、回答は全てDataBaseに登録される。 DB+Servlet+JSPで開発。 「JSPによるWeb開発」翔泳社、の第10章FaqToolを参考 URL: http://www.shoeisha.com/book/hp/pc/book/JSP/index.htm  原書のサポートページ(英語) http://www.manning.com/Fields/index.html

目的のアンケート 生成するアンケート。 Title ・・・・・ JSPで作られるHTML ・ ・ このアンケートの説明とか ・・ Q1: 設問1 A1:回答(チェックボックス、リスト、TextAreaなど) Q2:設問2 A2:回答(チェックボックス、リスト、TextAreaなど) ・ 生成するアンケート。 JSPで作られるHTML Title ( title ) 作成日時 ( date) 説明 ( comment ) 対象とする回答者 ( target ) 設問と解答の選択肢 (複数) 例 Infoseek ・

回答用Webページ 「プログラム」 <Menu1>アンケート製作者のリストをDataBaseから受け取って選択できるようにする。 どのアンケートに 答えるか選択 Qstnn アンケート に回答 Save 保存、 終了 「回答者」 <Menu1>アンケート製作者の一覧(リンクしてある)から選ぶ。 <Menu2> Menu1で選んだ製作者が作ったアンケートの一覧がリンクつきで表示されるので一つ選ぶ <Qstnn> アンケートに答えて「送信ボタン」を押す。 不備があれば、戻される(不備がある部分がマーキングされる)。 <Save> 無事送信されたことを報告する。 「プログラム」 <Menu1>アンケート製作者のリストをDataBaseから受け取って選択できるようにする。 <Menu2>Menu1で選んだ製作者が作ったアンケートの一覧を表示し、選択させる。 <Qestnn>アンケートの本体。Menu2で選んだアンケートの内容をDetaBaseから受けとってHTMLにする。  送信されたアンケートに不備があった場合、その部分をマーキングしてもう一度表示、このとき以前回答者が入力したデータも入れておく。 <Save>登録されたことの報告とか

管理用Webページ <Authentication> 認証用ページ。IDとPasswordで個人を特定する。Table”Users” <NewAcount> 新規UserだったらIDとPassを決めてもらい Table”Users”に追加する。 <List> Userの製作したアンケートが一覧として表示される。(チェックボックスで選択) 「編集」「新規製作」「結果表示」から選ぶ。 <Edit> 既存のアンケートを修正する。製作用ページには修正されるアンケートのデータが反映されていなければならない。 <NewQstnn> 新しくアンケートを作る。 <Result> 集計結果を表示する。グラフなどを出せるといいかも。 Appletで表示 OR Servletでグラフを生成。 <Save> 変更内容を表示して保存してよいかの確認を求める。 < Authentication > 認証 userの特定 既存User 新規 <NewAcount> 新規User の登録 < List > そのUserの作った アンケートの一覧表示 [結果表示] 「編集」 「新規」 から選ぶ <Edit> 選択した アンケート の編集 <NewQstnn> 新規に製作 <Result> 選択した アンケート の結果を見る <Save> 確認と保存

Servlet JSPの制御 JSP A JSP B DB Menu.jsp <Commandパターン> ・JSP上のボタンには、それぞれに対応するCommandオブジェクトがServlet内にあり。 CommandオブジェクトはJSPのフォームデータから受け取った情報を元に、DBやSessionを更新したり、次に行くJSPを決定するなどの機能を提供する。 ・これにより、JSPに次のJSPへのリンクを書かないので独立性がたかまり、管理がしやすくなる。 JSP A JSP B buttonA buttonB Servlet buttonAが押されると 起動するCommandA buttonBが押されると 起動するCommandB DB

必要なテーブル 1 必要なテーブルは5つ 認証用にアンケート製作者のIDとPassの入っている“Users” 必要なテーブル 1 必要なテーブルは5つ 認証用にアンケート製作者のIDとPassの入っている“Users” アンケートの名前、製作者、製作日時、対象、説明などの入った “Questionnairs” アンケート内の個々の質問を収める “Questions”。 アンケート(個々の質問ではない)回を回答した人の情報、答えたアンケート、日時などを収める“Responces”テーブル 個々の質問の回答を収める“Answers”テーブル。

テーブルの構成 Users Questionnairs Responses Questions Answers 名前 型 説明 ID AutoNo user String 新規製作のときユーザが決める Pass 新規製作のときユーザーが決める Date 登録日時 Questionnairs 名前 型 説明 ID AutoNo MakerID Int ==Users.ID 製作者のID Title String アンケートのタイトル Target このアンケートに答えるべき人 Commnet コメント、説明 Date 製作日時 Responses 名前 型 説明 ID AutoNo MakerID Int ==Users.ID Reqstnnr ==Questionnair.ID 答えたアンケート Responder_name String 答えた人の名前 Responder_id 答えた人のID Date 回答日時 Questions 名前 型 説明 ID AutoNo Parent Int 親 ==Questionnairs.ID Number QuestionNumber 何番目の質問か Question String 質問 opthintype 回答の種類( text, radio, check, menu, list, multiple ) Count 選択肢の数 selections 選択肢の内容 複数はカンマで区切る Answers 名前 型 説明 ID AutoNo Parent Int 親==Responses.ID Number 何番目か selections String 答え

Repository データベースを操作する全てのメソッドを提供 p.264 Tableに対するBeanが5つあるので、Beanごとにクラスを分ける。 必要なmethod:get(単数), get(全て), update, put, remove の5つ UserRepository  のコード Repository UserBean getUser(int id) UserBean[] getAllUsers() ・ QstnnrBean getQstnnr(int id) QstnnrBean[] getAllQstnnr()   ・ ・ 25メソッド QstnnrRepository のコード

新規 Authentication (認証) Authentication.jsp Newacount.jsp アンケートの 一覧表示 name pass Ok Pass(確認 MSG:新規登録します name 新規 pass 新規 Ok すでに使われている パスワード違い アンケートの 一覧表示

Questionを生成する 下の図はInfoseekのアンケートを見本にしてアンケートの個々の質問(Question)を生成している。 QuestionMaker.jspではJSPのSessionBeanを使ってサーバ上に状態を記憶している。 現在生成中のQuestion その他のQuestion

HTMLの生成 JSP(QuestionnairHTML.jsp) Servlet HTML生成例 QnnrViewer.jspの諸要素 SessionBean ・UserBean ・QuestionnairBean -int ID   -int makerID   -String title   -String target   -String comment   -String date ・Vector ( QuestionBean ) -int number -int parent -String question -String optiontype -String[] selections ・その他。 QnnrViewer.jspの諸要素 Title ( title ) 作成日時 ( date) 説明 ( comment ) 対象とする回答者 ( target ) 非表示( id, makerid ) 設問と解答の選択肢 (複数) SessionBeanから HTMLを生成 SessionBeanをロードする Title date, comment, target, JSP側でSessionを読むので特に何もしない でよい。 Q1: 設問1 A1:回答(チェックボックス、TextAreaなど) Q2:設問2 HTML生成例

今後の課題 判り易いインターフェース。 セキュリティーを考慮する。 JSP内でfor文やIf文の多用しているので、ラグライブラリなどを使ってロジックと表示を分離させる。 結果を集計して図などを表示するときにどうするか? Servletで図を描画してイメージファイルとしてクライアントに送る。 Appletにデータを渡してクライアント側で図を描画する。 エクセル形式で出力する ・・・など。