卒業制作 システム名:恋愛タイプ診断 作成者:桜井穂奈美 作成日

卒業制作
システム名:恋愛タイプ診断
作成者:桜井穂奈美
作成日:2007年12月4日
最終更新日:2008年1月28日
○目的○
自分自身の恋愛タイプについて利用者に、楽しんで知ってもらえるようなサイトとし、
簡単に誰でも診断できるようにする。
○概要○
以下の内容を含む。
1.
「はい」、
「いいえ」で答えられる質問項目に答え、その場ですぐ結果がでるようにする。
2.画像サイトなどのリンクページ
○機能○
恋愛タイプ診断のため、すべてのページのイメージはハートをメインとし、可愛いデザ
インを使用している。
診断とリンクのシンプルなページとする。
(診断ページ)
1.質問項目は20問とする。
2.診断結果は5タイプとする。タイプとともに、そのタイプの特徴などを表示する。
3.タイプによって恋愛の熱中具合や冷め具合などに応じて背景の色を微妙に変化させ
る。
4.診断結果のページには、「はい」と「いいえ」の数を表示する。
5.診断結果は製作者が考えたもので完全オリジナルである。オリジナル製作のため占
い的な要素はなく、今までの経験などから考察したものである。そのため診断結果が必ず
しもあたっているとは限らない。
6.アクセス者は誰でも答えられるようにする。
(リンク)
1.各ページで使われている画像を頂いたサイト様のリンクをメインとする。
2.ゼミメンバーのサイトもリンクとして加える。
○ファイル構成の説明○
フォルダ パスの一覧: ボリューム home-k
ボリューム シリアル番号は 04B6-0D9A です
W:¥RENAI
enter.gif index ページの enter 画像です。
index.html サイトの index ページ、enter のあるページです。
kiiro.gif 診断ページへアクセスするためのボタン画像です。
top.html トップページです。
form.html 診断のための質問に答えるページです。
kabe.gif 診断ページの壁紙です。
kekka.cgi 診断の結果を表示するページです。
orenji.gif リンクページにアクセスするためのボタン画像です。
kabe3.gif トップページの壁紙です。
k1.gif タイプ1の壁紙です。
k2.gif タイプ2の壁紙です。
k3.gif タイプ3の壁紙です。
k4.gif タイプ4の壁紙です。
k5.gif タイプ5の壁紙です。
link.html リンクページです。
hot.gif 画像を提供いただいたサイトのバナーです。
can.gif 画像を提供いただいたサイトのバナーです。
link.gif リンクページに使用した壁紙です。
home.gif トップページに戻るためのボタンです。
16.gif 画像を提供いただいたサイトのバナーです。
サブフォルダは存在しません
○Perl スクリプトのソース○
#! /usr/local/bin/perl
require 'jcode.pl';
%param = &get_param;
$NumQ = 20;
##問いの数
$Sex = $param{"sex"};
$NumYes = 0;
$NumNo = 0;
for( $i = 1; $i <= $NumQ; $i++ ){
$Question = "Q" . $i ;
if( $param{$Question} == 0 ){
++$NumYes;
}
if( $param{$Question} == 1 ){
++$NumNo;
}
}
if((4<=$NumYes)&&($NumYes<7)){ &show_type2;}
elsif((7<=$NumYes)&&($NumYes<11)){ &show_type3;}
elsif((11<=$NumYes)&&($NumYes<15)){ &show_type4;}
elsif((15<=$NumYes)&&($NumYes<21)){ &show_type5;}
else{&show_type1;}
######################### サブルーチン ##############################
sub show_type1
{
print "Content-type: text/html; charset=EUC-JP¥n¥n";
print <<_HTML_;
<html>
<head>
</head>
<body background=k1.gif>
<Font Size="6" Color="#0000ff"><B>診断結果</B></font>
<br>
<br><br>
<Font Color=#6a0035>
<b>あなたは《恋したって…タイプ》です。</b>
<br>
<br><p>
はいの数: $NumYes
<p>
いいえの数:$NumNo
<br>
<br>
<br>
そこまで恋に執着しないあなた
<br>
自分から行動しないばかりに好きな人に恋人ができちゃったなんてことはありませんか?
<br>
むしろあまり恋をしていないのではないですか?
<br>
告白する前に恋が終わって後悔をしてしまうこともすくなくないかも。
<br>
もう少し積極的に行動してみては?
<br>
今までとは違った恋愛ができるかも。
<br>
後で後悔するなら行動してみよう。
<br>
成就してもしなくても、スッキリできる恋愛になるでしょう。
<br>
<br>
<br>
<br>
<a href=top.html>
<img src=home.gif border=0>
</a>
</font>
</body>
</html>
_HTML_
}
sub show_type2
{
print "Content-type: text/html; charset=EUC-JP¥n¥n";
print <<_HTML_;
<html>
<head>
</head>
<body background=k2.gif>
<Font Size="6" Color="#0000ff"><B>診断結果</B></font>
<br>
<br>
<br>
<Font Color=#6a0035>
<b>あなたは《恋は慎重にタイプ》です。</b>
<br>
<br>
<p>
はいの数: $NumYes
<p>
いいえの数:$NumNo
<br>
<br>
<br>
本当はみんなみたいに恋をしたいあなた。
<br>
でも周りにばれてしまうことを恐れていませんか?
<br>
気になり始めてから“好き”と認識するまで時間がかかってしまいそう。
<br>
気になる段階でも少しずつアプローチをしてみましょう。
<br>
(思わせぶりにならない程度にね!笑)
<br>
アプローチをしていけば、相手の性格も知りつつ“好き”という認識が深まりそう。
<br>
まずは一歩踏み出すことが大事です。
<br>
<br>
<br>
<br>
<a href=top.html>
<img src=home.gif border=0>
</a>
</font>
</body>
</html>
_HTML_
}
sub show_type3
{
print "Content-type: text/html; charset=EUC-JP¥n¥n";
print <<_HTML_;
<html>
<head>
</head>
<body background=k3.gif>
<Font Size="6" Color="#0000ff"><B>診断結果</B></font>
<br>
<br>
<br>
<Font Color=#6a0035>
<b>あなたは《人並みに恋してたいタイプ》です。</b>
<br>
<br>
<p>
はいの数: $NumYes
<p>
いいえの数:$NumNo
<br>
<br>
。
<br>
周りの人たちが恋をしていると自分もときめきがほしいと思うことはありませんか?
<br>
好きな人のために自分を変えることにそこまで抵抗はないはず。
<br>
それなりに自分からアプローチもできるので、いい関係にはなれそう。
<br>
ただ、肝心の告白まで行くのには慎重なようです。
<br>
振られるならこのままの関係でいたいと思っているかも。
<br>
脈ありだとわかっているときは頑張って告白しましょう。
<br>
相手はあなたからの告白を待っているかも。
<br>
頑張って相手に気持ちを伝えてみて。
<br>
恋人がいる人は、相手に素直な気持ちを伝えることを忘れないで。
<br>
<br>
<br>
<br>
<br>
<a href=top.html>
<img src=home.gif border=0>
</a>
</font>
</body>
</html>
_HTML_
}
sub show_type4
{
print "Content-type: text/html; charset=EUC-JP¥n¥n";
print <<_HTML_;
<html>
<head>
</head>
<body background=k4.gif>
<Font Size="6" Color="#0000ff"><B>診断結果</B></font>
<br>
<br>
<br>
<Font Color=#6a0035>
<b>あなたは《やっぱり恋愛は重要!タイプ》です。</b>
<br>
<br>
<p>
はいの数: $NumYes
<p>
いいえの数:$NumNo
<br>
<br>
結構恋愛の順位が上位なあなた。
<br>
常にトキメキをもとめていませんか?
<br>
恋愛に没頭しすぎてほかの事が手につかなくなっちゃったこともあるのでは。
<br>
それでも一応重要度の判断はできるはず。
<br>
相手に尽くしすぎることもなく自分の時間も適度に作れるでしょう。
<br>
その冷静さを忘れずに相手への気持ちが大きくなりすぎて
<br>
束縛しすぎってことにならないように気をつけて!
<br>
<br>
<br>
<br>
<a href=top.html>
<img src=home.gif border=0>
</a>
</font>
</body>
</html>
_HTML_
}
sub show_type5
{
print "Content-type: text/html; charset=EUC-JP¥n¥n";
print <<_HTML_;
<html>
<head>
</head>
<body background=k5.gif>
<Font Size="6" Color="#0000ff"><B>診断結果</B></font>
<br>
<br>
<br>
<Font Color=#6a0035>
<b>あなたは《恋愛至上主義タイプ》です。</b>
<br>
<br>
<p>
はいの数: $NumYes
<p>
いいえの数:$NumNo
<br>
<br>
<br>
常に恋のことで頭がいっぱいのあなた!
<br>
恋人ができたときには、尽くしすぎてうざがられたことはありませんか?笑
<br>
このタイプの人は、恋をしているときだいたい目に見えて変わる人が多いでしょう。
<br>
行動で好きな人が周りにバレてしまうことも少なくないかも。
<br>
それでも好きな人と一緒にいられるならと結構自分からがんばれるのでは?
<br>
相手の一言にすごく落ち込んだり、すごく喜んだりテンションの上がり下がりは激しいか
も。
<br>
でもなんだかんだ好きに変わりはないと割り切って考えられるでしょう。
<br>
どんなことがあってもめげずに「好き」という気持ちを持っていられるあなたは素敵です。
<br>
これからもその素直さを忘れずに、相手に気持ちを伝えましょう。
<br>
<br>
<br>
<br>
<a href=top.html>
<img src=home.gif border=0>
</a>
</font>
</body>
</html>
_HTML_
}
#################### 基本処理 ####################
sub get_param
{
local($query, $key, $data, %param);
if($ENV{'REQUEST_METHOD'} eq "POST"){
read(STDIN, $query, $ENV{'CONTENT_LENGTH'});
}else{
#
&error("unknown request method");
$query = $ENV{'QUERY_STRING'};
}
foreach(split(/&/, $query)){
($key, $data) = split(/=/, $_);
$data =~ s/¥+/ /g;
$data =~ s/%([¥da-f][¥da-f])/pack("C", hex($1))/egi;
&jcode'convert($data, 'euc');
#$data =~ s/,/。
、/g;
$data =~ s/¥r//g;
$param{$key} = $data;
}
return %param;
}
sub error
{
print "Content-Type: text/html¥n¥n";
print <<"---EOF---";
<HTML><HEAD><TITLE>Information</TITLE></HEAD>
<BODY bgcolor="white">
<FONT color="red"> $_[0]</FONT>
<FORM method="GET" action="$top_page">
<INPUT type=SUBMIT value="戻る>
</FORM>
</BODY></HTML>
---EOF--exit;
}