第 8 回電子チケットを作ろうレポート課題氏名:鈴木茉衣子学籍番号:c1110878 語学クラス:英語3 コース:地域共創 1 筆記問題 A まず、デジタルデバイドという言葉の意味を調べた。デジタルデバイド『digital divide』とはパソコンやインターネットなどの情報技術を使いこなせるものとそうでない者との間に生じる待遇や貧富、機会の格差のことである。個人間の格差の他、国家間や地域間の格差を指す場合もある。情報技術が社会的な格差を拡大、固定化する現象がデジタルデバイドである。そのデジタルデバイトへの対応策として、Webサイトではどのような対応が出来るかを考えた。まずは情報を読み取りやすいように、Webページの構成を工夫したり、文字の大きさをユーザーが変えられるようなシステムを作るなど、万人が見やすいようにWebページを作る心掛けが必要である。また、視覚障害者の方でも情報を理解できるよう音声つきのWebページを作成するなどの方法もある。 Ctrl-uでそのページのHTML言語がわかるというのがわかれば、その意味を理解できる人には情報を読み取る上で効果的であるだろう。 B データを読み込ませると、ユーザが確認できるような仕組みは、 ATMにキャッシュカードを入れるとその人の口座の残金がわかる、ポイントカードを提示するとその人が何ポイント貯まっているかわかる、SHIPにIDとパスワードを入力してログインし、時間割などを確認できる、などに用いられている。 C 架空の公益大生のデータを作った。 #名前 #学年 #コース #学籍番号 #取得単位青井佑 4 地域共創 c1090001 172 井上麻緒 4 地域共創 c1090002 124 植野樹里 1 社会福祉 c1120001 20 円東憲一 5 政策マネジメント c1080003 102 押せろ中嶋 2 社会福祉 c1110009 128 大場夏奈子 3 政策マネジメント c1100007 78 加藤茶 1 環境サイエンス c1120012 65 木ノ下栗子 1 地域共創 c1120013 52 木葉里美 2 社会福祉 c1110019 78 砂糖柚子 2 環境サイエンス c1110128 96 佐藤水樹 2 環境サイエンス c1110322 88 鈴木剛志 3 政策マネジメント c1100087 102 2 プログラミング問題 A. 公益大生のデータを選択して、その情報をWebページに記載させるプログラムを作った。 a. ▽プログラム本体(web_order_c111087.rb) #!/usr/koeki/bin/ruby #coding: euc-jp name = Array.new grade = Array.new course = Array.new unit = Array.new number = Array.new i = 0 open("web_data_c111087.dat","r") do |read| while data = read.gets #print data if /(\S+)\s+(\d+)\s+(\S+)\s+(\S+)\s+(\d+)/ =~ data #print data name[i] = $1 grade[i] = $2.to_i course[i] = $3 number[i] = $4 unit[i] = $5.to_i i += 1 end end end #p name, grade j = 0 while j < name.length printf("候補 %d : %s\n", j+1, name[j]) j += 1 end STDERR.printf("該当したデータを選択し、候補番号を入力してください:") s = gets.to_i #p name[s-1] open("web_c111087.html", "w") do |html| printf("\n") printf("\n") printf("\t登録データ\n") printf("") printf("\n") printf("\n") printf("公益大生徒個人情報\n") printf("

%sさん

\n", name[s-1]) printf("

学籍番号:%s 第 %d 学年<\p>\n", number[s-1], grade[s-1]) printf("

%s コース所属

\n", course[s-1]) printf("

取得単位:%d

\n", unit[s-1]) printf("\n") printf("\n") end ▽kterm出力結果 pan{c111087}% ./web_order_c111087.rb [~/public_html/openweb] 候補 1 : 青井佑候補 2 : 井上麻緒候補 3 : 植野樹里候補 4 : 円東憲一候補 5 : 押せろ中嶋候補 6 : 大場夏奈子候補 7 : 加藤茶候補 8 : 木ノ下栗子候補 9 : 木葉里美候補 10 : 砂糖柚子候補 11 : 佐藤水樹候補 12 : 鈴木剛志該当したデータを選択し、候補番号を入力してください:1 登録データ公益大生徒個人情報

青井佑さん

学籍番号:c1090001 第 4 学年

地域共創コース所属

取得単位:172

b. 上記のプログラムにhtmlを付け加えた。 ▽プログラム本体 (web_order_c111087.rb) #!/usr/koeki/bin/ruby #coding: euc-jp name = Array.new grade = Array.new course = Array.new unit = Array.new number = Array.new i = 0 open("web_data_c111087.dat","r") do |read| while data = read.gets #print data if /(\S+)\s+(\d+)\s+(\S+)\s+(\S+)\s+(\d+)/ =~ data #print data name[i] = $1 grade[i] = $2.to_i course[i] = $3 number[i] = $4 unit[i] = $5.to_i i += 1 end end end #p name, grade j = 0 while j < name.length printf("候補 %d : %s\n", j+1, name[j]) j += 1 end STDERR.printf("該当したデータを選択し、候補番号を入力してください:") s = gets.to_i #p name[s-1] open("web_c111087.html", "w") do |html| #html.printfになおした html.printf("\n") html.printf("\n") html.printf("\t登録データ\n") html.printf("\n") html.printf("\n") html.printf("公益大生徒個人情報\n") html.printf("

%sさん

\n", name[s-1]) html.printf("

学籍番号:%s 第 %d 学年<\p>\n", number[s-1], grade[s-1]) html.printf("

%s コース所属

\n", course[s-1]) html.printf("

取得単位:%d

\n", unit[s-1]) html.printf("\n") html.printf("\n") end ▽上記のプログラムのkterm出力結果 pan{SUZUKI Maiko}% ./web_order_c111087.rb [~/public_html/openweb] 候補 1 : 青井佑候補 2 : 井上麻緒候補 3 : 植野樹里候補 4 : 円東憲一候補 5 : 押せろ中嶋候補 6 : 大場夏奈子候補 7 : 加藤茶候補 8 : 木ノ下栗子候補 9 : 木葉里美候補 10 : 砂糖柚子候補 11 : 佐藤水樹候補 12 : 鈴木剛志該当したデータを選択し、候補番号を入力してください:1 ▽Webページ結果公益大生徒個人情報植野樹里さん学籍番号:c1120001 第 1 学年社会福祉コース所属取得単位:20 c.さらに上記のプログラムにweb_order_c111087.cssを読み込ませ、webページの表示方法に色を付けたり文字の大きさを変えたりなどをした。 ▽プログラム本体 #!/usr/koeki/bin/ruby #coding: euc-jp name = Array.new grade = Array.new course = Array.new unit = Array.new number = Array.new i = 0 open("web_data_c111087.dat","r") do |read| while data = read.gets #print data if /(\S+)\s+(\d+)\s+(\S+)\s+(\S+)\s+(\d+)/ =~ data #print data name[i] = $1 grade[i] = $2.to_i course[i] = $3 number[i] = $4 unit[i] = $5.to_i i += 1 end end end #p name, grade j = 0 while j < name.length printf("候補 %d : %s\n", j+1, name[j]) j += 1 end STDERR.printf("該当したデータを選択し、候補番号を入力してください:") s = gets.to_i #p name[s-1] open("web_c111087.html", "w") do |html| html.printf("\n") html.printf("\n") html.printf("\t登録データ\n") html.printf("") #ここを付け加えた html.printf("\n") html.printf("\n") html.printf("公益大生徒個人情報\n") html.printf("

%sさん

\n", name[s-1]) html.printf("

学籍番号:%s 第 %d 学年<\p>\n", number[s-1], grade[s-1]) html.printf("

%s コース所属

\n", course[s-1]) html.printf("

取得単位:%d

\n", unit[s-1]) html.printf("\n") html.printf("\n") end ▽web_order_c111087.css内容 body { background: lightblue; text-align: center; font-size: 1em; } hl { color: navy; font-size: 2.5em; text-align: center; } h2 { color: hotpink; background: white; font-size: 2em; text-align: center; } p { color: black; background: white; font-size: 1.5em; text-align: center; } ktermの出力結果はb.と同様である。 ▽webページ最終結果 (掲載ページURL; http://roy/~c111087/openweb/web_c111087.html) 公益大生徒個人情報植野樹里さん学籍番号:c1120001 第 1 学年社会福祉コース所属取得単位:20 ▼考察 ▽プログラム本体 (web_order_c111087.rb) #!/usr/koeki/bin/ruby #coding: euc-jp name = Array.new #登録者の名前 grade = Array.new #学年 course = Array.new #コース unit = Array.new #単位数 number = Array.new #学籍番号 i = 0 #初期値 open("web_data_c111087.dat","r") do |read| # open--endで作ったデータ(web_data_c111087.dat)をこのファイル (web_order_c111087.rb)に読み込ませる。読み込ませたデータをreadとおく。 # "r"とは読み込ませるモードである。 while data = read.gets #読み込むデータ(data)を(read.gets)とおく。 #.getsは入力されたデータを取りこんでくれるメソッド。これが無いと上手く動かない。 #print data if /(\S+)\s+(\d+)\s+(\S+)\s+(\S+)\s+(\d+)/ =~ data #上で定義したdata から情報を取り出す。 ~とは含むと言う意味。 #print data name[i] = $1 #$数字でデータの何行目に書いてある情報かを指定する grade[i] = $2.to_i #.to_iは文字列を切り替えてくれるメソッド。iは integerの頭文字で、文字列を整数に切り替えてくれる。 course[i] = $3 number[i] = $4 unit[i] = $5.to_i i += 1 #データを1つずつ表すようにする end end end #p name, grade j = 0 while j < name.length #lengthは長さ。登録者の名前が最大までいったら止めてくれる。最大値のこと。 printf("候補 %d : %s\n", j+1, name[j]) j += 1 end STDERR.printf("該当したデータを選択し、候補番号を入力してください:") # STDERRとは標準エラー出力でprintfを実行するメソッドのこと s = gets.to_i # getsで入力された文字を取り込み、to_iで整数に切り替える #p name[s-1] open("web_c111087.html", "w") do |html| #このopenも上記と同じ働きをする。 #wはwriteの頭文字で、書き込むモードである。 html.printf("\n") # html.をprintfの前に加えることによってkterm にhtmlのタグを表示させなくなる。 # HTMLとはホームページ用の文書のこと。 # でここからはHTML文書であることを示す html.printf("\n") # で情報の題名や情報に関連することを記す。 html.printf("\t登録データ\n") # --で題名を記す。 html.printf("") # スタイルシートをCSSで設定して、そのCSSファイル名を指定する。これがあると文字の大きさや色、背景色などを装飾できる。(装飾そのものはCSSのファイルで行う。) html.printf("\n") # でheadタグの終わり、ここまで。 html.printf("\n") # 本文を記す。 html.printf("公益大生徒個人情報\n") #

--

で文書の見出しを記す。 html.printf("

%sさん

\n", name[s-1]) #文書の見出しその2。 html.printf("

学籍番号:%s 第 %d 学年<\p>\n", number[s-1], grade[s-1]) #

で通常の文章を記す。 html.printf("

%s コース所属

\n", course[s-1]) html.printf("

取得単位:%d

\n", unit[s-1]) html.printf("\n") #bodyタグの終了。 html.printf("\n") #htmlタグの終了。 end #openファイルの終わり。 ▽CSS内容 body { # bodyタグ内への装飾開始 background: lightblue; # 背景色をlightblueに指定 text-align: center; # 文書の位置を中央にする font-size: 1em; # 文字の大きさを指定する } # bodyタグへの装飾終了 hl { # h1タグへの装飾開始 color: navy; # 文字の色をnavyに指定 font-size: 2.5em; text-align: center; } # h1タグへの装飾終了 h2 { # h2タグへの装飾開始 color: hotpink; background: white; font-size: 2em; text-align: center; } # h2タグへの装飾終了 p { # pタグへの装飾開始 color: black; background: white; font-size: 1.5em; text-align: center; } # pタグへの装飾終了 3 感想共創まちづくり論という科目で、衰退する商店街を活気づけるまちづくりについて学んだ。そこで、商店街にある店舗の一店一店の売上げや専門としている分野 (例えば飲食、文具など)をデータ化し、売上げのグラフなどを見れるようなソフトウェアがあれば便利なのではと思った。 excelで数値の整理をしたりグラフを作ったりできそうだと考える。地図上でお店の位置を確認したりできるとなお便利であると思われるので、 Google Earthのようなものを利用できれば良いとも考える。 ._._._._._._._._._._._._._._._._. 東北公益文科大学 Maiko Suzuki/鈴木茉衣子 c111087@g.koeki-u.ac.jp ._._._._._._._._._._._._._._._._.