HeartCore HeartCore アンケートフォーム アンケートフォーム

HeartCore
アンケートフォーム作成
アンケートフォーム作成マニュアル
作成マニュアル
January 2010
2010 Ver2.0
Ver2.0
-1株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
目
次
1.アンケートフォームの流れと内容について
アンケートフォームの流れと内容について..........................................................................................
-3アンケートフォームの流れと内容について
2.コンテンツデータベースの作成
コンテンツデータベースの作成.........................................................................................................
-4コンテンツデータベースの作成
3.アンケートフォームの作成
アンケートフォームの作成 ................................................................................................................ - 5 4.アンケート集計結果の作成
アンケート集計結果の作成..............................................................................................................10 アンケート集計結果の作成
5.アンケート終了画面の作成
アンケート終了画面の作成..............................................................................................................15 アンケート終了画面の作成
-2株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
1.アンケートフォームの流れと内容について
アンケートフォームの流れと内容について
・今回のアンケートフォームについてですが、使うコンテンツページは三つと
なります。最初にアンケートのフォームからラジオボタンで回答を選択していきます。回答例は各質問に対
して三つの回答を用意しました。
アンケートの質問は 8 項目となっており、名前と E メールアドレスを記入する欄を設けております。
E メールと名前を記入して 8 項目の質問に回答すると投稿ボタンから次のアンケートの集計結果の方へペ
ージが遷移されます。
・ 集計結果のページでは各質問の回答例がどれだけあるのかを数字で集計
しております。このページから質問に対してどの回答が多いのか少ないのか
確認する事ができます。
こちらで確認が終わりましたら終了ボタンを押していただくと終了画面へと
ページが遷移します。
・ 最後のアンケート終了のページでは今回は単純なアンケートが終了しま
したという文面しか表示されません。以下の図がアンケートフォームの流れと
なります。
アンケートフォーム
投稿する
アンケート集計結果
アンケート終了画面
終了する
-3株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
2.コンテンツデータベースの作成
コンテンツデータベースの作成
・ アンケートされたデータは全てアンケートフォームからこれから用意して
頂くコンテンツデータベースへとデータが登録されていきます。
このデータベースへ登録されたデータをアンケート集計結果ページで集計して
おります。まず、設定⇒データベースから現在のデータベース一覧が表示されます。一覧が表示されまし
たら、右上にある追加ボタンからデータベースを追加して下さい。
データベース名は任意で構いませんが今回は例として Question_DB1 というデータベースを追加するという
事で説明させていただきます。
データベースの内容と項目は以下になります。
項目は全てタイプでテキストで上から Username、Email、01、02、03、04、05、
06、07、08 となっております。Username と Email 以外は全てアンケートで選択した回答が入る様にしており
ますので、今回は質問に合わせて 8 項目となっております。
上記の図の様に設定が終わりましたらデータベースを保存して下さい。
-4株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
3.アンケートフォームの作成
アンケートフォームの作成
・ これからアンケートフォームを作成します。アンケートフォームは名前とEメールを記入する欄に質問
に対して選択するラジオボタンで構成されております。以下がそのアンケートフォームのソースになり
ます。
<h2>下記の質問にお答え下さい</h2>
<form action="/post.jsp?database=QuestionDB1" method="post">
&nbsp;<table align="center" border="0" cellspacing="10"><tbody><tr><td valign="top">
<h3><b><nobr>お名前</nobr></b></h3>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td valign="top">
<input name="Username" type="text"></td></tr>
<tr><td rowspan="1" valign="top">
<h3><b><nobr>E メール</nobr></b></h3>
</td><td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1" valign="top">
<input name="Email" type="text"></td></tr><tr><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td></tr><tr><td valign="top">
<h3><nobr>質問 その 1</nobr></h3>
あなたは現在スポーツをされてますか?</td><td rowspan="1">&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>
<input name="01" value="している" type="radio">している<br>
<input name="01" value="していない" type="radio">していない<br>
<input name="01" value="どちらでもない" type="radio">どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 2</nobr></h3>
野球とサッカーどちらがお好きですか?</td><td rowspan="1">&nbsp;</td>
<td>&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="02" value="野球" type="radio">野球<br>
<input name="02" value="サッカー" type="radio">サッカー<br>
<input name="02" value="その他" type="radio">その他<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 3</nobr></h3>
継続的に運動を続けてますか?</td><td rowspan="1">&nbsp;</td>
-5株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="03" value="はい" type="radio">はい<br>
<input name="03" value="いいえ" type="radio">いいえ<br>
<input name="03" value="どちらでもない" type="radio">どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 4</nobr></h3>
現在野球とサッカーどちらが人気だと思いますか?</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="04" value="野球" type="radio">野球<br>
<input name="04" value="サッカー" type="radio">サッカー<br>
<input name="04" value="その他" type="radio">その他<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 5</nobr></h3>
運動をするなら野球とサッカーどちらですか?</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="05" value="野球" type="radio">野球<br>
<input name="05" value="サッカー" type="radio">サッカ-<br>
<input name="05" value="どちらでもない" type="radio">どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 6</nobr></h3>
野球観戦をした事がありますか? </td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="06" value="ある" type="radio">ある<br>
<input name="06" value="ない" type="radio">ない<br>
<input name="06" value="テレビで観る程度" type="radio">テレビで観る程度<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
<h3><nobr>質問 その 7</nobr></h3>
サッカー観戦をした事がありますか?</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="07" value="ある" type="radio">ある<br>
<input name="07" value="ない" type="radio">ない<br>
<input name="07" value="テレビで観る程度" type="radio">テレビで観る程度<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr>
<td valign="top">
-6株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
<h3><nobr>質問 その 8</nobr></h3>
サッカーと野球以外のスポーツをしていますか?</td><td rowspan="1">&nbsp;</td>
<td rowspan="1">&nbsp;</td><td rowspan="1">&nbsp;</td><td>
<input name="08" value="している" type="radio">している<br>
<input name="08" value="していない" type="radio">していない<br>
<input name="08" value="しているがサッカーと野球もしている" type="radio">
しているがサッカーと野球もしている<br><br>
これで質問は以上です。どうもありがとうございました。
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</tbody></table>
<br>
<input value="/page.jsp?id=000" name="redirect" type="hidden">
<p align="center"><input value="投稿する" type="submit"></p>
</form>
<br>
※<input value="/page.jsp?id=000" この id は次に作成する集計結果の id を記入する事
このソースをプレビューで確認すると以下の図になります。
-7株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
-8株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
例)
<td valign="top">
<h3><nobr>質問 その 8</nobr></h3>
サッカーと野球以外のスポーツをしていますか?</td>
こちらが質問となり
<input name="03" value="はい" type="radio">はい<br>
<input name="03" value="いいえ" type="radio">いいえ<br>
<input name="03" value="どちらでもない" type="radio">どちらでもない<br>
こちらが回答となっております。
後は<form action="/post.jsp?database=QuestionDB1" method="post">で先程作成した
DB にデータを post します。
ボタンを押した際にリダイレクトに飛ぶように
<input value="/page.jsp?id=000" name="redirect" type="hidden">
設定して下さい。
これでアンケートフォームの作成は終了です。
-9株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
4.アンケート集計結果の作成
アンケート集計結果の作成
・これからアンケート集計結果の作成を行います。集計は DB から@関数を使って集計を表示させます。以
下がソースとなります。
<h2>アンケート集計結果<br>
</h2>
<br>
<form>
&nbsp;<table align="center" border="0"><tbody><tr><td>
<h3>質問内容</h3>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">
<h3>回答数</h3>
</td><td>
<h3>回答結果</h3>
</td></tr><tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 1</nobr></h3>
あなたは現在スポーツをしていますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:01=している@@@ <br>
</td><td>
している<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:01=していない@@@ <br>
</td><td>していない</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:01=どちらでもない@@@ <br>
</td><td>
どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 2</nobr></h3>
野球とサッカーどちらがお好きですか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:02=野球@@@ <br>
</td><td>
野球<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:02=サッカー@@@ <br>
</td><td>サッカー</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:02=その他@@@ <br>
</td><td>
その他<br>
- 10 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 3</nobr></h3>
継続的に運動を続けてますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:03=はい@@@ <br>
</td><td>
はい<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:03=いいえ@@@ <br>
</td><td>いいえ</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:03=どちらでもない@@@ <br>
</td><td>
どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 4</nobr></h3>
現在野球とサッカーどちらが人気だと思いますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:04=野球@@@ <br>
</td><td>
野球<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:04=サッカー@@@ <br>
</td><td>サッカー</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:04=その他@@@ <br>
</td><td>
その他<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 5</nobr></h3>
運動をするなら野球とサッカーどちらですか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:05=野球@@@ <br>
</td><td>
野球<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
- 11 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
<td align="right">@@@count:database=QuestionDB1:05=サッカー@@@ <br>
</td><td>サッカー</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:05=どちらでもない@@@ <br>
</td><td>
どちらでもない<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 6</nobr></h3>
野球観戦をした事がありますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:06=ある@@@ <br>
</td><td>
ある<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:06=ない@@@ <br>
</td><td>ない</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:06=テレビで観る程度@@@ <br>
</td><td>
テレビで観る程度<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 7</nobr></h3>
サッカー観戦をした事がありますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:07=ある@@@ <br>
</td><td>
ある<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:07=ない@@@ <br>
</td><td>ない</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:07=テレビで観る程度@@@ <br>
</td><td>
テレビで観る程度<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
<tr><td rowspan="5" valign="top">
<h3><nobr>質問 その 8</nobr></h3>
- 12 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
サッカーと野球以外のスポーツをしていますか?</td><td rowspan="1">&nbsp;</td><td>&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:08=している@@@ <br>
</td><td>
している<br>
</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:08=していない@@@ <br>
</td><td>していない</td></tr><tr><td valign="top">&nbsp;</td><td rowspan="1">&nbsp;</td>
<td align="right">@@@count:database=QuestionDB1:08=しているがサッカーと野球も含む@@@ <br>
</td><td>
しているがサッカーと野球も含む<br>
</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr><td><br>
</td><td>&nbsp;</td><td>&nbsp;</td><td align="right">&nbsp;</td><td>&nbsp;</td></tr><tr>
</tr>
</tbody></table>
<br>
<input value="/page.jsp?d=000" name="redirect" type="hidden">
<p align="center"><Input type="button" value="終了する" onClick="javascript:window.close();">
</p>
</form><br>
※<input value="/page.jsp?id=000"の id は次に作成するアンケート終了の id を記入する事
このソースをプレビューで確認すると以下になります。
- 13 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
- 14 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
例)
<td rowspan="5" valign="top">
<h3><nobr>質問 その 1</nobr></h3>
あなたは現在スポーツをしていますか?</td
この質問に対しての回答の数を表示させる為に
<td align="right">@@@count:database=QuestionDB1:01=している@@@
という関数を使って DB に登録されたデータを集計しております。
5.アンケート終了画面の作成
アンケート終了画面の作成
アンケート終了画面は特に記述する事はありません。
ソースは以下になります。
<font size="5" color="#ff0033">これでアンケートは終了です。ご協力ありがとうございました!!
</font><br>
これをプレビューで確認すると以下になります。
これでアンケートフォームの作成は終了ですが、DB に post されたデータは以下の図になります。このよ
うに DB に格納されて集計で数としてカウントされていきます。
- 15 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3
以上
- 16 株式会社ジゾン
〒141-0031 東京都品川区西五反田2-25-1-3