修了生作品紹介

作品プロフィール
製作者:
30代男性
訓練コース:
アプリ・WEB・システムエンジニア養成科
作品名:
クイズアプリ ○○検定
概要:
クイズに回答し、正解数によってクラス分けを行う
使用言語/環境:
JSP&Servlet、Tomcat、Eclipse
製作時間:
20~30h

ダウンロード:
※修了生が実際に作成した設計書やソースコードがダウンロードできます。
設計書(テスト仕様書)
ソースコード

トップページ

クイズアプリのトップページです。
「90sROCK検定 入場」ボタン、または以下のボタンをクリックします。


1990sROCK検定 問題文ページ(1問目)

問題文に対して、解答が4つ用意されています。
正解だと思う解答のボタンをクリックし、送信ボタンをクリックします。
合っていたら正解のページへ、間違っていたら不正解のページへ推移します。
問題は全部で10問あります。
以下、正解1ページ、不正解1ページ


正解1 ページ

正解のページです。
「正解!!」の下にあるリンクをクリックすると、先ほどの問題文で出題された事柄をホームページ上で確認することができます。
「次の問題へ進む」リンクをクリックすると、第2問目のページに推移します。


不正解1 ページ

不正解のページです。
「ヒント」の下にあるリンクをクリックすると、先ほどの問題文で出題された事柄をホームページ上で調べることができます。
「最初に戻る」リンクをクリックすると、トップページに推移します。


1990sROCK検定 問題文ページ(4問目)

4問目を間違えると、全部で3問正解していることになるので、
不正解ページでクラスの発表があります。
以下、不正解2ページ(+不正解3、4ページ)


不正解2 ページ

3~4問正解すると、シルバークラスになります。


不正解3 ページ

5~7問正解すると、ゴールドクラスになります。


不正解4 ページ

8~9問正解すると、プラチナクラスになります。


正解10 ページ

全問正解のページです。
全問正解でマスタークラスになります。
背景がGIF画像に設定されているので、動画で多数の風船が画面、上に飛んでいきます。
「最初に戻る」リンクをクリックすると、トップページに推移します。