5最新情報技術学習のための初学者用教材開発 およびe‐learningヘの適用~VisualC#の場合~
(代表)石田 阿戸 品木 竹橋 宮澤 南
香
里沙希平樹 瞳恵美知洋弘
(教育学部人間環境課程I情報教育コース (教育学部人間環境課程情報教育コース (教育学部人間環境課程`情報教育コース (教育学部人間環境課程情報教育コース (教育学部人間環境課程情報教育コース (教育学部人間環境課程`情報教育コース
111111
年年年年年年
333334指導教員
佐々木敏彦(教育学部産業技術講座教授)
1.背景と研究目的
私たちが所属する情報教育コースの学生の大半は民間企業への就職を希望しているため、
近年企業が注目しているJava、VisualBasic、VisualC++、VisualC#などの比較的新しい プログラミング言語の習得の必要』性を感じている学生も多い。しかし、大学のカリキュラ ムでは実績があり教材が充実している、基礎的なFORTRANやCが重視され、急速に進歩 を遂げている新しい言語を授業で学ぶ機会は少ない。そのため独学による習得を目指すが、
新しい言語は機能が豊富で専門性も高い傾向があり学習教材も難解なものが多いため、私 たちのように文系学生の多い情報教育コースでは、苦戦・挫折しているのが現状である。
そこで、初めて新しい言語を学習する学生、つまり初学者の自主学習に役立つ情報技術 学習教材の開発を研究のテーマとした。本研究ではVisualC#を対象とした。VisualC#は 最近注目されているオブジェクト指向プログラミングを実現する最適な言語で、かつグラ フィカルなデザイン環境で開発できる言語であるため、初学者に適していると考えられる。
さらに、昨年までの研究成果としてe-1earning化の有効』性が証明されているので、今回の 学習教材もe-learning化することで多くの人が未|」用できるようにした。
こうした初学者用の分かりやすい情報教育教材は、プログラミングに対する苦手意識を 抱かずに継続的な学習を始めるきっかけとなり、プログラミング技術の向上に貢献できる。
そして、'情報技術が幅広く普及することを願う。
-26-
2.研究方法
VisualC#の習得→サーバの構築→教材の作成→検証作業
3.研究成果と考察
(1)研究成果
本教材では、「開発環境を使いこなす知識」「VisualC#の文法に関する知識」「コンポーネ ントを使いこなす知識」といったVisualO#でプログラミングを行うために必要な知識を(
ランスよく学習できるようにした。
教材設置URL httD://Steel・edkanazawa章u・acjD/
型ニニーーー..-. ̄…----コ… 日Ⅲ垂旦
⑦p・…←…-………,H CC鄙CC-可緬。。の。。
 ̄6PX
rg-c-ゴ弧宙-pの。・・フ行-5.
*&⑥二--...……・再司L1
oF2-J⑫Jw--p kP-I。qfや戸か ̄
⑨戸全丞rB-ゴエいう-1凸出走苣小可
■TT向nF。pnTUUZ1U乃F珂TI運10 K籾刊T1頭辰子1.1死垂
Ww0ICI賦IlTUWH第ジ 色F1池Tm田野
一
稗印包R、抑偲11刀 屯向PDm宙Y置郎に
ⅥsualC#教材Topページ
Lゴロニ■ヨロ
可~トヨーレ-四匹②瞠可で凸メニュー ̄
エアコシロf鋸七日『■~文字q山刀・ゴロバテイロはエー ー囚I6Kf瓦。且PTn~
ユ[ぬL」Iq------~【ご卯?』』・■しM皿-
5wL4I佃河ニロロ画⑱~千エ.rワボTワスロⅡ文~
酊辿nSIコェロヴタ雨~可シォボ勺>,■】ZfIf丈~
⑥IかQ帝靹。
【A+世H2H勃弘醇凸~毬|
:烹羅露悪I エアコン、`里柄七コ君~メ幸ローシボ字ワエーヅボギ勺Z~'
⑥Hql画冗…弟。.~の陵7-1頭T・lL-T(I"文】~
霞
1国」句ダイ寺一~紅イマー、ポ勺>puJpに~、ボヤン○回随に~-TF0lw--".~Hlz9・砥や。堅守とTRFI記~
--■△凸■P-
面16,国シ堂ヱレーシコン~7P5ZqlT区~
凸Ⅱ“L=鼻丁。】ⅡDu ̄B■厘凸ZUUニレ5.J=--
⑰'0戸u7-Iu官曲面[丞
鶴
与下シカグート 山Dn9■、nF閂&
 ̄
--,代.色i盆2基入院勤労凸凹巴署且 左乙ヨョW■■、■■P
~'、忌】劇15」
⑮諺尹ir6識三富巨嘉=\h醗` ̄'=申一…
し鏡c-_ヨ効愈-‐切り・口尹が+b元;…手?…踵…』・
差酋鋳勒早
■BUP〆
JgTT□、r辞七・一 EF・nhLo殆已・P
「■
尉色癖炉も珂甸舶粁』。⑨@G口刑p‐⑧。⑨すい於砂廿向Ⅶ●伸凸価色伊帥ロヴロ凹口Ⅱ甘可”河Ⅱ4仙料Ⅲ畑函唖晶祀牝叩麺師晒州雨串拘。]『印状川成・P■■■戸9499月ユⅧ59幻・0凸⑤刀盟予?。口跡v●司抄一屯ロⅢ
StagelのTopページ
ー般的な教材では「文字の表示」から 学習を始めることが多いが、本教材では
『画像の表示」を学習の第一歩とした。
また、サンプルプログラムや画像を
ダウンロードできるようにした。ID
Ⅱ汀田口h■ Stagel
■団 59J
Ⅲ
空き缶つぶし
~画像の表示・メニュー~
サンプルダウンロード画仰ダウンロード
g男射ルォー
①F壱if[五』Z障西偽口l[町。-
ゼエウイ、JBB Jザトゥイ目、。
-27-
Stagel
空き缶つぶし
~面像の表宗一メニューーー
ーjニラj彦尹>==8.班lHグウンローE 午n.FIqH
qw凸ruF分▲
■F-0oqIDp凸 :U6-BUnIIh凸 T●剣、■IUtO⑦ ロfOU0mO廿已
。■ザTBゴロ⑤汎呂ヨロ乱几巴和 U00POMqTwUw⑨■=
りり年u、弓UIjo■
Iグヨヰ■CulT■
司企UFIjdP W■助quF⑥ 1h句角■90ヶp li■、q■U曰
■H 同■
bbg 弓=
■fd
■+『わI XH囚
1コhqg△■=:・二 M生匡‐吾
I\●■U--
罪5,庫一一
内qU■再呵,卜汀製品▽
18曲ICU刺TIPパーP Tn 窮閣
房8
-W「・・汀r0q瓦孑ェ7で「はい而一Ⅱ’
か~m缶や2割二活栓IWF;卜万浜ニュー竜 ズァュン、n才I●応~六F、出n.TDT【チマ面NTE=I IB、記舌向⑪~B百ImlFご河辺別一一一t
”弓記迂口内矼珂先手百万万菰〒ワス元1文=~ ̄i
~戸5.鯨Y-室転玩-両一
~-万議了症一一可一戸海女一■
正面UT戸f乖示可可。甸了r、-匹い、-ワl碑文】宙[’
聾
。#剣bU■百一一崗泊一可8コ■W
⑥…cMw4-Iu-……='…-M、
 ̄ョIEC。芝11な■ロ。E1-首方5
$が。粉配D1
=~可一z司煎LA皇挺I
_卦eLwl
p。
g圦君。Aロ一一さつ lbワロ-邨孑゛・P 埒」旬協 ⑨秀・PIO山'ん…』・・--…'国。,'……Im
Q温冒投仁。ちl…6。.。.⑥"赤.ル陣'M『`ず,",.,◆…ルー
和鱗W酷00 Y-IW■包幻ロー含ゴP9←9.画yg9NOUシデ8ヵ゜凸11$巽1$ ③産・〃、nつロハ□
か。Jウロ。'・仏、。、張P
■」
UBDIObU IDmq2型
、■PUnwddg⑤JO
。&●公■、日已、。□0k守印①⑨③qWcc。⑤Ⅲ恥Ⅶ、、岬Ⅶ珈卵、、帳呵⑤、⑭△ロ5⑤由比、⑪出代片山出▼明代片qAhn砂甲■】倒川埒屯Fl中幹■’ぬ⑫]【4一日]q0R則QlUw00団丙N叩肉【b打・柾秒リツザ』』Tr衙邨恐狐戸向山Rb一
000口■|■■二■Ⅱ1.5-■』凸。■110■
のnhM■
『ロロ已勾』鰊Rn■■派’⑨。②mwoc⑨●腕mMmm附叩岬剛M中仙、、㈹咀価扣咄、栖泄鐸伊宇田帥吋徐r毎㎡■・』田]、△勺0.二■刺00険Ⅳ●9幹Ⅱ冊加涌・可牡阻む。■ロ汐凹刎咀P岨・川R●何ロロヴ
環境コメント 今回のプログラム
L■ 頭旺ゴミの中で、伝・びん・ブラスチプク興容圏やペットポトルなどといつ↑ご 容器牢動02冥物の割合が全休のGB1以上を占めてい蒜と☆、ら
「容罷包装リサイクル法jihI施行されました. ’ 空き缶の写真を表示して、 1
それをつぶすプログラムを作ります。
【
↑ムブニらの身の回りには.スプレー母堂ぺ初やIiX料水の畑など 様々なlnRHの缶があり、日米生活唇営行上君欠かせない存逓となづてい戒ず縁 平成17年侭における企、の各市町村泥のスヲャール缶とアルミ缶の分NII収臓状況は、
ほぼ100q6とJIKっていて、容弱色慾廃熱緬中で鼠も分別収蝸がtii厄されていまず鱒 アルミ画とスチール缶は.jUjB1されて力Iらプレスされ、金屑Ⅲ、にiml幽咄てから リサイクルされています.
lO I1 IO I0 Ih
、
蕊「 …
i慮窺11 回三四伯の分別収采は.獅二ちにとうて非常に身近なリサイクルだと首えます。
ニオzから[よ輿白馬f;けではなく、他の罫究旬觜塵緊物の分別奴編も滋応させていく 必要があり寵す.
■宮口
十
F印卜,ざシ型 芒ユWDrJZ2L MDKツイWJq-
鼎鰯;U§XX摺鰐沈1勲可愚.テ
「ウ、牙可=辿りI 5エライrOZ記エ pJGFfF勒呵-
⑨仏璽!p輔!】鶴縄轆】、奉:?’
勺司
「環境問題」を一貫したテーマとして取り上げた。
環境コメントのページで環境問題について考えた後、その内容に関連した例題プログラム を作成するという流れになっている。
詫亡Ⅱ■ロ 浸すLEl
p-
。【k百・」ヒニn-二
、。□序・再○・■
1sや擁
,⑨●nN■U中■ ̄■Ⅳ■~~~U---U■。-W
酉奪夛0.…‐………'1心`…ID⑤。`,黙一一一一一二二cxzkICマ鄭、混一○ロロマウザ宙牛,。PゴロかNM守恥,・ら…昨身。醇●か』 ̄“ ̄
合d'[⑪シN0Tgr,口牟…。.。
○-.00…--''舌……。-W,。[…'1j、
 ̄浄lBC-等吐卍・@。、。*鈩試ガワ印す“他8▽化尚・ゅ趣些lか 琶李荊軸01
印PPエ
BP100●0
0町■出」 『5
AI U⑤FOnWNpg
I8M幻UMnII woddumnoI WO巴JDnnIl n哲小-:、房印Ⅱ
仇。●。
mIrp
フォームの設計①
AO9nIf○
AGWUIl命 守凸叩、⑭AFUiD茂Rb■
MWivHfd句H閂 PodbnoI色 AnlW▲
nblHq AqDnII○
Mm付●
nHz。
コードの記述①
。U■例R■宙 0冊OGや
 ̄ OoObVUqI1
hnlliW hnmIロ
□ スクロールバーをダブルクリックして、コードを記述し求寸。
k咀加Ⅲ。
pにturoDoxI・HeIght=250幹巴.ⅡwWIuoI
函 AnIOⅡ。曲げ■。
0別別肉hnf戸肉山■P
1
勺月Ⅱn町■4■白山Rb
UD IF BD 80ケ■do岳力Uo1
圏膳鐘ベロP甘埒=tL5bU
T。醜_蕊…-1璽藝雪国,
□「HI FormIDNowpいに「エスフロールパーの1句御男示T;j煙(、-1“)が与えらr’
二11によって・手瓦のNY「園E示すト超唱hUプロバティAI辿常の聾Ojb、ら゛
焼小の'CO二ての,u沼て量化する縄になる.
Ⅲ [
pICLweBoXl・Top■nhに.CIien1R2clonZI6、HCIEM-pにlureBoェ1.IISI[M)ノ28
Fcnnl署辿択し7二極1mで、1 IF
プロバティのToxtをツールポックスの
煙き缶』にTる゜PictureBoxをクリックFonn上でクリック 河lrなサイズ.形にするSi2G-J50250
u唾示に01m具に汎示Tろ.
四回(プログラムワインl;ゥ)士f$:の幻lZから.回低の随南好男I引いて
#&分にしたところ達.、F1麹義示する上筬「P:q電し首いるため‘
荊(=mTmIル上下同賄」iiI5同じlE醜のところ.っ望L川'奥にIUW嵯が護爺さI1ろ ニニでいつ'二んデザイナ画面にⅨu寵す。
7句トヶイシ配 ユエワギFdFⅢ、= wwyしq亭Iアワwシ凹
巴代。R廟憩汐面面E回□=字ペマ鈩醗IKuu且
S民ブイ,u」聾⑫ 副エウイFPQ-
DrF工U町・I邪匂穿酩■Iヨーニ
画面構成はシンプルなものにし、画像をできるだけ多く用いた。コードが短いことも特徴 である。また、どのStageも10数ページで構成されており、1つのプログラムを簡単に、
しかも短い時間で作成することができる。
IFA二.慨 ⑪土ⅨX▼■蛆IMU■RT■民回■沮割Qや■bql軒酌UJmbd・r
CU上.■MwA…,"…….;企:葱Ⅲ`ボ
ー凸IdGDや】ID君■づ幻、。⑨7脚ごpFhブニP籾n秒7J,印?‐圦Lピル 仁ごィ
dLI=・Jcncレロ
。薄▽lLoOwh-密一…浄山=,、
…画.{…二湾譲,』:………"功色151■申3脚= ⑪16,少 分・ロ診守〕・③・幻。底・’。F■~■一 盃。【缶互艸剋凸朔枇廊回矼T8T症 ご汕浜 埒qlnU字。..』.。..
SmH⑪Iクイズ ”JITリ10W抄UMmIkOI⑩RⅡTV1月10
KH1材$16hlx船研究由 以丁年7W己召ZJZHKI・
町1百I雌lJWWモト負rP便目邸ルロー“?
O陸RuTDuw OP41”'一・二
.1mい$M CI旬■齢 周笘左ニーニリ了壁晋臣I侶分ユントローパハ。?
on。~L-
oWUUtい■
oIl几一Fp4 CP碑泊り丁軸I
r。x7F1rrF宕官-1 アツゲート
パスワードRHzU両INT 罪曰・画W9IITP品O」cE
IUjWII
汎湘黙感lX棟q震!;)'1=ピユ
ー■ロ両一==qョ--元、凸Ⅱ
楴添歸一
I1fIさ年⑩ツーニゴワ !「亜=
一卯
i鱸淵露
ローエコー.「■J ̄
斗鋼jhWlN 1,W、
旧nInMqm押切保■m洲UTI促弓
虹→蛍Ⅸ幻白IYOLZ ③f;幻UuWiツ[割,品唾リロー: ur-ツ年▲#P■rL1 壁 WY勤睡畑弁1FIプjTM種痴云勺
クイズとパスワードの導入により、ゲーム感覚で学習を進められるようにした。
-28-
環境コメント
顧亘ゴミCD中で.qiDuん・プラスチソク製客臼 汀確包鳶堰翼胴の四台が±I「のONlU卜を当
「房総色"リサイクル鶏」bI堕行さIE3した。
ヤペットポトルとどといつた めていること〃、烏
マハたちの月の回り【弓Iま-スプレー団ロ丈ぺ1,や欣$3*の缶など 柿点なIhlHの催があU、B然皇最由r$心上で久か辻琢い秤塵趣ってい旗V喝
・示或【瀧以'二打ける±国②当市WIFでのスチール協とγ爆缶の升1M囚繩噸峠巡 瞠I憲曜1,0発と砿うてL{て.箸I9a峨腫東潟の中でH6分BIIbt鯖#1MA尽きれでいます.
アルミ缶とステール岡は.mZjさIしてからブレュされ.金函川風'二コ「詞Lてから リサイクルされてい祁丁、
型色缶の分間収戻佶ⅡlHたちにと=て罪誌に身玉なりす㎡クルHと言えます.
二11からは溺白舟'9【十でIまxZ《.池の夛賎釘注踵郵力の分冊I種眼も徹庇さt&ていく 必已、(ありエ才.
 ̄
19骨lbqHw9 IUFUbQ間1ケ③ UU■IMU■'0凸 ,▲II7Wlo■「=合=u弓■
,ZUOリ可仰9ブリODU0j白■- ,pwAqRR⑤ DpTUL■何10。
I餌PR■jm Ub-Ubq神妙p DU■dido街lOC I-レロロ凸企 ln l1IIbn ln '4斤
P▲
WG Vt Ub
■ロ
■l9 IPt U9 H“
WO W 初●
又UU R■
MU 戸ロ
■ヶ 可笄mur n■11●
Lい、OhDlPhFAD-
UqfPFfUqOn-
■IqⅡC G■Ⅱ●
『瓜句
■IDⅡC QnIU◆
IlllD
■』■●民■砿宙■、
H0pDA●ⅡOIC
。。P白bUIBp
■BI R1Q UO刊q Rn HPイ月
uT■nVユUudWVU『Ⅱq X」nMrllhⅨnQIPウqtP 四刑u涼一一一 痕=閂崔■■■
早》一山
雲 ・‐.==蓋豆零識鵡
-,勺■▲■~勺■
凡一m~■PWV■■
--匹面~。
HhI巴gzgiz:qff蕗
一一驫。
笈
Z窪 エ
コードの記述①
スクロールパー芒ダブルクリックして、=-Fを記込します。
pIcluruDoxUqlI⑧izhl二25卸■e・Xe白V血Iue:
繍瀞蕊繍ザ辮鋼澱〕
僅鵜蕊畿騨i澱ili:x1蝿}
授業にて検証を行った。
どの学生も真剣に取り組んでいた。
また、授業中に学生から指摘を受けた点を、随時改良した。
これは、Stage3で数値型から文字列型に変換するParseメソッドが分かりにくいという指 摘に対し、図を追加することで理解しやすくなるよう改善した例である。
コードの記述②コードの記述②
day盲lnLPars6(grqnTextBox・Tex。:
day=InLPar囚巳(KramTBx【Box,TexL)I
文字列g「amToxIBoxの内容をdayに代入する 文字列gramTexlBoxの内容を1,1型に変換してdayに代入する
。
テキストボックスのテキスト(文字列)を、in【形〈熟Mb狐)の数値として計岬に利用することはできません。
この渦合.Pa「seを使って、文字型を数値型に変換する必要があります。
柵文Parsc(<文字列>)
テキストボックスのテキスト(文字列)を、
int形(熟敷辺り)の数値として計算に利用することはできません。
この場合、Pa「s、を使って.文字型を数{in型に変換する必要があります。
柵文Pa「Sc(<文字列>)
罫
学)
[黒 黒
year=day''’385:
dayと…かけた…内霧…『に代入するI lnlParse 、
、、.
(2)考察
授業で行ったアンケートをもとに考察を行った。
①環境問題を一貫したテーマとして取り上げたことに関する考察
3年生 2年生
□学習しやすい
□特に何も思わない
□バラバラのテーマの方がよい
□学習しやすい
□特に何も思わ
□バラバラの〒
傭巽i露;b方がよい’
他のプログラミング言語を学習したことのある3年生でより良い結果が得られた。一貫し
たテーマを持たせることは有効だと言える。-29-
②クイズやパスワードを取り入れたことに関する考察
3年生 2年生
ロゲームみたいで楽しい
□別にあってもいい ロ面倒だ
□必要ない
□ゲームみたいで楽しい
□別にあってもいい
□面倒だ
□必要ない
「ゲームみたいで楽しい」と答えた学生は少なく、2年生では4分の1の学生が「必要な い」と答えている。もっと進んだ技術を使ってゲーム感覚を実現していたら、今回とは違
う結果が出たのかもしれない。
③VisualC#を取り上げたことに関する考察
3年生 2年生
□良いほうに変わった
□変わらない
□悪いほう方に変わった
良変悪ロロロ’
いぼうに変わった わらない いぼうに変わった
70パーセント近くの学生が、本教材を用いた学習によってプログラミングに対・するイメ ージが『良いほうに変わった」と答えている。VisualC#を取り上げた意義はあったと言え
る。
4.結論
今回の教材の一番のポイントは、「初学者の継続的な学習の最初の第一歩となる」ことで あった。つまり知識や技術の習得ではなく、VisualC#でプログラミング学習の経験をして もらうことを目的として作成した。日ごろ自分たちが抱いているプログラミング学習に対 する不満や問題点を、『環境問題」『パスワード」『学習する順序」など様々な工夫をするこ
とで解決を目指した結果、初学者用教材としてある程度評,価できるものになった。
これからは、これまでの研究成果を活かし、VisualC#の一番の特徴であるオブジェクト 指向プログラミングについて抵抗なく学習できるStageを追加していく。プログラミング
-30-
に興味を持った学生の継続的な学習の支援と、さらに多くの学生にプログラミングのおも しろさを伝えプログラミング学習の最初の第一歩を踏み出してもらえるよう努力を続けて いきたと考えている。
参考文献
.「VisualC#2005パーフエクトマスター」金城俊哉秀和システム
・「VisualC#NET入門」笠原一浩山本美孝山崎秀ソフトバンクパブリッシング
・「スタートアップC#」.NETExpert編集部技術評論社
・「基本情報技術者合格教本」定平誠兼平敦技術評論社
参考Web
.Apachehttp://www、apacheorg/
・ActiveParlhttp://www・activestatecom/Products/ActivePerl/
・あいまいモード・コムhttp:"wwwjmymode・com/indexhtm
・WEB問題作成ツールhttp://www・filreai、orjp/~irie/webquiz/#1 .narishinCGIhttp://www、narishin、com/
・MSDNhttp://www・microsoft・com/japan/msdn/
・環境省http:"www・envbgo・jp/indexhtml 参考論文
.「情報技術を利用した情報教育教材の作成に関する研究一e-learning化
(ExcelVBA授業導入検討)-」岩下亜希子2006,金沢大学教育学部卒業論文集
-31-