- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- Javaセミナー2014/グループB へ行く。
グループB †
企画 †
■タイトル
- FKIセミナー予約システム
■概要
- 開講前セミナーの予約が出来るシステム
■環境について
- Beans+Servlet+JSPでウェブアプリ
- DB(Derby)
■担当
- Beans・・・金丸
- Servlet・・・今村
- JSP・・・福留
外部仕様 †
▼トップ画面（案）
- 初期表示画面。
- 「ログイン」ボタン押下で、認証を行い成功すれば検索画面へ遷移する。
- 「新規の・・・」ボタン押下で、新規作成画面へ遷移する。
▼新規作成画面（案）
- トップ画面の「新規の・・・」ボタンが押下されることで表示される。
- 顧客情報の登録を行う画面。「ＯＫ」ボタン押下後はトップ画面に戻る。
- 「ＯＫ」ボタン押下で、ＩＤが自動的に割り振られる。
▼検索画面
- 講座・日付を入力し「検索」ボタン押下にて、明細部に検索結果（開催中の講座一覧）を表示する。
- 講座名のダブルクリックで予約画面へ進む。
- 予約完了画面で発行されたIDを入力し「予約確認・キャンセル」ボタンを押下すると、予約確認画面へ進む。
▼予約確認画面
- 予約完了画面から「確認」ボタンが押下されることで予約確認画面が表示される。
- 講座を選択しキャンセルボタン押下でダイアログが表示され、キャンセルの確認を行う。
- キャンセルすると、予約確認画面に戻る。
- 「戻る」ボタン押下で、検索画面に戻る。
▼予約画面
- メイン画面から講座名をダブルクリックすることで選択されたセミナーの予約画面が表示される。
- 選択されたセミナーの日時と参加可能人数を表示する。
- 「反映」ボタンを押下することで、氏名・電話番号・住所・性別・年齢・メールアドレスが自動入力される。
▼セミナー予約画面（案）
- 検索画面から講座名をダブルクリックすることで選択されたセミナーの予約画面が表示される。
- 選択されたセミナーの日時と参加可能人数を表示する。
- 「予約」ボタンを押下することで、予約が完了し予約完了画面へ遷移する。
- 「戻る」ボタンで押下することで、検索画面へ戻る。
▼予約完了画面
- 予約画面から予約者情報を入力し、「予約」ボタンを押下することで予約完了画面が表示される。
- 「確認」ボタンを押下することで、予約確認画面に遷移する。
- 「検索」ボタンを押下することで、検索画面に戻る。
内部仕様 †
■検索画面 ・ラベル（FKIセミナー予約システム 検索画面） ・ラベル（講座） ・ラベル（日付） ・テキストボックス（講座） ・テキストボックス（日付） ・ボタン（検索） ・テーブル（セミナー） ・ラベル（ID） ・テキストボックス（ID） ・ボタン（予約確認・キャンセル）
■予約確認画面 ・ラベル（予約確認画面） ・ラベル（ID） ※項目名 ・ラベル（名前）※項目名 ・ラベル（ID） ・ラベル（名前） ・テーブル（セミナー） ・ボタン（キャンセル） ・ボタン（戻る）
■予約画面 ・ラベル（予約画面） ・ラベル（日付）※項目名 ・ラベル（講座）※項目名 ・ラベル（日付） ・ラベル（講座） ・ラベル（開始時刻～終了時刻） ・ラベル（あと何人） ・ラベル（あと何人） ・ラジオボタン（時間） ・ラベル（ID） ・ラベル（氏名） ・ラベル（電話番号） ・ラベル（住所） ・ラベル（性別） ・ラベル（年齢） ・ラベル（メールアドレス） ・テキストボックス（ID） ・テキストボックス（氏名） ・テキストボックス（電話番号） ・テキストボックス（住所） ・ラジオボタン（性別） ・テキストボックス（年齢） ・テキストボックス（メールアドレス） ・ボタン（反映） ・ボタン（予約）
■予約完了画面 ・ラベル（ID） ※項目名 ・ラベル（氏名）※項目名 ・ラベル（講座）※項目名 ・ラベル（日付）※項目名 ・ラベル（時刻）※項目名 ・ラベル（ID） ・ラベル（氏名） ・ラベル（講座） ・ラベル（日付） ・ラベル（開始時刻） ・ラベル（終了時刻） ・ラベル（案内文） ・ボタン（確認） ・ボタン（検索）
■画面遷移図
詳細仕様 †
| FKISeminarSystem.jsp | トップ画面（案） |
| NewCreate.jsp | 新規作成画面（案） |
| SeminarSearch.jsp | 検索画面 |
| Reservation.jsp | 予約画面 |
| ReservationCheck.jsp | 予約確認画面 |
| ReservationOK.jsp | 予約完了画面 |
■FKISeminarSystem.jsp トップ画面（案） ・処理 >ログインボタン 検索画面(SeminarSearch.jsp)のURLを指定 >新規…ボタン 新規作成画面(NewCreate.jsp)のURLを指定
■NewCreate.jsp 新規作成画面（案） ・処理 >OKボタン ユーザを登録してトップ画面へ >キャンセルボタン ユーザを登録せずにトップ画面へ
■SeminarSearch.jsp 検索画面 ・処理 >検索ボタン 講座テーブルに対象講座を表示する >予約確認・キャンセルボタン Beanをリクエストにセットして、ReservationCheck.jspに転送する。
■予約画面(Reservation.jsp)
・Beanの準備
・コントロール
>ラベル
>テーブル
>ラジオボタン
>ボタン
・処理
>ラベル
Beanから取得した情報をラベルに追加
>テーブル
Beanから取得した情報をラベルに追加
>ラジオボタン
>ボタン
予約 予約情報マスタへ登録
予約完了画面(ReservationOK.jsp)の呼び出し
戻る 検索画面(SeminarSearch.jsp)の呼び出し
■予約確認画面(ReservationCheck.jsp)
・Beanの準備
・コントロール
>ラベル
>テーブル
>ボタン
・処理
>ラベル
Beanから取得した情報をラベルに追加
>テーブル
Beanから取得した情報をラベルに追加
クリックで情報を選択
>ボタン
キャンセル 予約取り消しダイアログを呼び出し、取消ボタンが押下されたら
予約情報マスタから削除
予約確認画面(ReservationCheck.jsp)の呼び出し
戻る 検索画面(SeminarSearch.jsp)の呼び出し
■予約完了画面(ReservationOK.jsp) ・Beanの準備 ・コントロール >ラベル >ボタン ・処理 >ラベル Beanから取得した情報をラベルに追加 >ボタン 確認 予約確認画面(ReservationCheck.jsp)の呼び出し 検索 検索画面(SeminarSearch.jsp)の呼び出し
■マスタ設計
実装 †
■FKISeminarSystem.jsp トップ画面（案）
<%@page contentType="text/html; charset=Shift_JIS" %>
<html>
<head>
<title>トップ画面</title>
</head>
<body><center>
<h1>ＦＫＩセミナー予約システム</h1>
<form method="POST" action="Control">
UserID : <input type="text" name="userID"><br/><br/>
Password : <input type="password" name="password"><br/><br/>
<input type="submit" name="pagename" value="ログイン" />
<input type="submit" name="newID" value="新規の方はこちら…" />
</form></center>
</body>
</html>
■SeminarSearch.html 検索画面 <html> <head><title>FKI予約システム検索画面</title></head> <body> <h1>FKI予約システム検索画面</h1> <center> <form action="http://localhost:8080/FKI/servlet/SeminarSearch" method="GET"> 講 座<input type="text" name="seminar"/><br /> 開催日<input type="text" name="date"/><br /><br /> <input type="submit" value="検索"/><br /><br /><br /><br /> <!--ダミーテーブル--> <table border=1> <tr><th width=200>開催日</th><th width=400>講座</th></tr> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> <tr><td> </td><td> </td> </table> </form> </center> </body> </html>
■SeminarSearch.jsp 検索画面(JSP)
<%@ page contentType="text/html; charset=Shift_JIS" %>
<%@ page import="java.io.*" %>
<%@ page import="java.util.*" %>
<jsp:usebean id="fb" class="mybeans.FKIBean" scope="request"/>
<html>
<head><title>FKI予約システム検索画面</title></head>
<body>
<h1>FKI予約システム検索画面</h1><br />
<center>
<form action="http://localhost:8080/FKI/servlet/SeminarSearch" method="GET">
講 座<input type="text" name="seminar"/><br />
開催日<input type="text" name="date"/><br /><br />
<input type="submit" value="検索"/><br /><br /><br /><br />
<table border=1>
<%
String[] col_name={ "開催日","講座" };
String[] col_date=<jsp:getProperty name="fb" property="date"/>;
String[] col_seminar=<jsp:getProperty name="fb" property="seminar"/>;
%>
<%
if(col_date.length!=0){
out.println("<tr><th width=200>開催日</th><th width=400>講座</th></tr>");
for(int r=0;r<col_date.length;r++){
out.println("<tr>");
for(int c=0;c<2;c++){
String s1=col_date[r];
String s2=col_seminar[r];
out.println("<td align=center>"+s1+"</td>");
out.println("<td align=center>"+s2+"</td>");
}
out.println("</tr>");
}
if(col_date.length<10){
for(int k=0;k<(10-coldate.length;k++){
out.println("<tr><td> </td><td> </td>");
}
}
}
%>
</table>
</form>
</center></body>
</html>
