第 9 回 ことえらび レポート課題
氏名:吉田 栞
学籍番号:c1101997
語学クラス:英語クラス6
コース(系):政策マネジメントコース
すみません。
上手く送信出来なかったようなのでもう一度送ります。
1.筆記問題
A.ラジオボタンのしくみ
ラジオボタンとは、複数の選択肢から1つのみ選択するしくみです。
複数の選択肢それぞれにinput要素を用意します。
同じグループのラジオボタンに属性するものには共通のname属性を指定します。
---授業内で作成したhtmlを参考にすると---
窓
通路
type="radio" でラジオボタンを使用
name= "seat" で使うラジオボタンを区別
value= "窓" でユーザが選ぶとこの値がプログラムに送られる
---授業内で作成したプログラムを参考にすると---
seat = cgi["seat"]
htmlで選択された項目がseatに代入されます
B.チェックボックスのしくみ
チェックボックスとは、ラジオボタンと違い、複数の選択肢から複数を選択
することが出来ます。
複数の選択肢のそれぞれにinput要素を用意します。
また、同じグループのチェックボックスに属性のものには共通のname属性を
指定します。
同じ項目を選択するたびに、onとoffに入れ替わります。
C.基礎プログラミングのキャラクタ画像 (char_r2_c110199.png)
----掲載アドレス----
http://roy/~c110199/advertise2/
----作品解説----
題名:「基礎プログラミングの木」
解説: 目に優しい色で、ほのぼのしたキャラクタをイメージして描きました。
一応、「基礎プログラミング」と書かれた球体の栄養(知識)を吸収し、
この木は成長した設定です。
工夫した点: 工夫したのは全体の色のバランスと木です。手書きとツールを合わせて
地道に描きました。
2.プログラム問題 [ A,B,D に取り組みました ]
A
(1)リンクのアドレス
http://roy/~c110199/advertise2/rubycgi/fork.html
(2)CGIの題名と意図
題名: 「カウンター」
意図: サイトにアクセスした人数が知りたいと思ったため。
また、授業で扱われたカウンターの構造を理解したいので作成しました。
(3)入力部分 [ count.rb ]
#!/usr/koeki/bin/ruby
require'cgi' # CGI を使用する宣言
cgi = CGI.new("html4") # HTML で CGI を使用する
print("Content-type: text/html; charset=EUC-JP\n\n") # 日本語表記にする
number = 0 # 最初は0人から始まる
open("count.dat","r")do |read|
# count.dat を読みこみモードで開き read という名前に置き換える
while suji = read.gets #データがなくなるまで繰り返す
if /(\d+)/ =~suji #もしデータが数字だったら
number = $1.to_i # 数値で表示させる
end
end
end
print("\n")
print("\n")
print("\n")
print("カウンター")
print("\n")
print("\n")
print("いらっしゃいませ
")
pprint("
\n")
printf("あなたは%d人目のお客様です
",number )
print("
\n")
print("
\n")
print("\n")
print("\n")
number += 1
open("count.dat" , "w") do |write|
write.printf("%d\n",number )
end
(4)各部の説明
open("count.dat","r") do |read| で count.dat を読みこみモードで開き、
read という名前に置き換える。
count.datは、chmod o+w count.datとすることで-rw-r--rw-に
することが出来た。
これにより、所有者だけでなく、閲覧者もこのテキストに書込みが
出来るということになる。
よって、他の人のアクセスする度にnumber に +1ずつされる。
(5)実行結果
pan{c110199}% ./count.rb [~/public_html/advertise2/rubycgi]
(offline mode: enter name=value pairs on standard input)
Content-type: text/html; charset=EUC-JP
カウンター
いらっしゃいませ
あなたは6人目のお客様です
B
(1)リンクのアドレス
http://roy/~c110199/advertise2/rubycgi/fork.html
(2)CGIの題名と意図
題名: 「計算プログラム」
意図: web上でユーザーが計算出来るプログラムを作成するには
ばよいか知りたかったからです。
(3)
入力部分 [ keisan.html ]
計算プログラム
# css を 使用する
計算プログラム
送信結果の表示する部分 [ color.rb ]
#!/usr/koeki/bin/ruby
require 'cgi' # cgi が使えるようにする
cgi = CGI.new("html4") # cgi という名前で CGI をつくる
print("Content-type: text/html; charset=EUC-jp\n\n")
# 受け取ったデータを使う宣言をする
color = cgi["color"] # 受け取ったデータをiroに挿入する
print("\n")
print("\n")
print("色変えプログラム\n")
if color == "aka" # もしiroがakaだったら
print("\n")
# iro1のcssを使う
elsif color == "ao" # もしiroがaoだったら
print("\n")
# iro2のcssを使う
else color == "murasaki" # もしiroがmurasakiだったら
print("\n")
# iro3のcssを使う
end
print("\n")
print("\n")
print("色変えプログラム
\n")
print("
\n")
print("色が変わりました!
\n")
print("\n")
print("\n")
[ iro1.css ]
body {
background: red;
font-size: 1em;
color:black;
text-align: center;
}
h1 {
font-size: 2em;
color: white ;
background : yellowgreen
}
h2 {
font-size: 1.5em;
color: white;
background : yellowgreen
}
p {
color : black
}
[ iro2.css ]
body {
background: blue;
font-size: 1em;
color:black;
text-align: center;
}
h1 {
font-size: 2em;
color: white ;
background : yellowgreen
}
h2 {
font-size: 1.5em;
color: white;
background : yellowgreen
}
p {
color : black
}
[ iro3.css ]
body {
background: violet;
font-size: 1em;
color:black;
text-align: center;
}
h1 {
font-size: 2em;
color: white ;
background : yellowgreen
}
h2 {
font-size: 1.5em;
color: white;
background : yellowgreen
}
p {
color : black
}
(4)各部の解説
赤
青
紫
type="radio" でラジオボタンを使用する
name= "color" で使うラジオボタンを区別する
(5)実行結果
pan{c110199}% ./color.rb [~/public_html/advertise2/rubycgi]
(offline mode: enter name=value pairs on standard input)
Content-type: text/html; charset=EUC-jp
色変えプログラム
色変えプログラム
色が変わりました!
--------
感想
--------
今回の課題は、講義中につまずいた時にTAの先輩に質問することが出来たので
前回より内容を理解しながら取り組めたと思います。
Tgifは、先生の前期の12回を参考にしたり、既に習っていた友だちに質問しながら
作りました。
今までGIMPしか使ったことがなかったので新鮮でした。
-------------
参考文献
-------------
西村まどか
基礎プログラミング I 第 12 回 「自由課題コンペティション / 画像作成」
基礎プログラミング II 第 9 回 「ことえらび」
Tgif 協力者
田中美穂