C1-3Moodle ⏝࡟㛤Ⓨࡋࡓㄢ㢟ศᯒᅗ UI ࡢᨵၿ̺࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ㒊ࡢ Flash ໬̺

Improvement of Learning Task Analysis Diagram UI for Moodle- Development of the UI based on Flash -㧗ᶫ ᬡᏊ㸪 ႐ከ ᩄ༤㸪 ୰㔝 ⿱ྖ㸪 㕥ᮌ ඞ᫂Akiko TAKAHASHI㸪 Toshihiro KITA㸪 Hiroshi NAKANO㸪 Katsuaki SUZUKI⇃ᮏ኱Ꮫ኱Ꮫ㝔 ♫఍ᩥ໬⛉Ꮫ◊✲⛉ ᩍᤵࢩࢫࢸ࣒Ꮫᑓᨷ
Graduate School of Instructional Systems, Kumamoto University
Email: atakahashi@st.gsis.kumamoto-u.ac.jp࠶ࡽࡲࡋ㸸➹⪅ࡽࡣ㸪Moodle ࡛ືసࡍࡿㄢ㢟ศᯒᅗ࡟ᇶ࡙ࡃᏛ⩦⪅⏝࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ࡟ࡘ࠸࡚㸪ࢡࣟࢫࣈࣛ࢘ࢨᑐ⟇࡜㸪ࡉࡽ࡞ࡿ᧯సᛶࡢྥୖࢆ┠ⓗ࡟㸪 Flash ࡟ࡼࡿ෌㛤Ⓨࢆ⾜ࡗࡓ㸬Flash໬࡟࠾࠸࡚ࡣ㸪๓㌟ࡢࢩࢫࢸ࣒࡛ᐇ⌧ࡋ࡚࠸ࡓᶵ⬟ࢆᘬࡁ⥅࠸ࡔ࠺࠼࡛㸪Ꮫ⩦⪅⏝࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ࡜㑅ᢥࡋࡓᏛ⩦㡯┠࡟ᒓࡍࡿᏛ⩦ࢥࣥࢸࣥࢶࢆᕥྑ࡟୪࡭࡚⾲♧ࡋ㸪᧯స࡛ࡁࡿࡼ࠺࡟ࡍࡿࡓࡵࣈࣟࢵࢡ໬ࢆヨࡳࡓ㸬࣮࣮࢟࣡ࢻ㸸⮬ᕫ୺ᑟᏛ⩦㸪࢖ࣥࢫࢺࣛࢡࢩࣙࢼࣝࢹࢨ࢖ࣥ㸪LMS1.

ࡣࡌࡵ࡟ᡂேᏛ⩦⪅࡟࡜ࡗ࡚㸪⮬ᚊⓗ࡟Ꮫ⩦ࢆࡍࡍࡵࡿࡇ࡜ࡢᚲせᛶࡣ⮬࡛᫂࠶ࡿ㸬⌧ᅾࡢ e ࣮ࣛࢽࣥࢢࢩࢫࢸ࣒࡛ࡣ㸪Ꮫ⩦ෆᐜࡀ⥺ᙧࡢ࣓ࢽ࣮ࣗ࡜ࡋ࡚ᥦ౪ࡉࢀ㸪㐍ᤖ≧ἣࡣ඲య࡟ᑐࡍࡿ㐩ᡂ⋡➼࡛ᥦ♧ࡉࢀ࡚࠸ࡿሙྜࡀከ࠸㸬ࡍࡿ࡜㸪Ꮫ⩦⪅ࡣₔ↛࡜ᥦ♧ࡉࢀࡓ㡰࡟Ꮫ⩦ࡋࡀࡕ࡟࡞ࡿ㸬ᅗ1ᅗ2Ꮫ⩦⪅⏝࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫㄢ㢟ศᯒᅗࢆసᡂࡍࡿ࣮࢜ࢧࣜࣥࢢࢶ࣮ࣝࡑࡇ࡛➹⪅ࡽࡣ㸪Ꮫ⩦⪅࡟ࡼࡿ⮬ᕫ୺ᑟᏛ⩦ࢆᨭ᥼ࡍࡿどⅬ࡟❧ࡕ㸪ᵓ㐀໬ࡣࡍࡿࡀ㸪⣔ิ໬ࡣᏛ⩦⪅࡟ࡺࡔࡡࡿࡇ࡜࡜ࡋ㸪ㄢ㢟ศᯒᅗ࡟ᇶ࡙ࡃᏛ⩦⪅⏝࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ(1)㸦ᅗ 1㸧࡜㸪ㄢ㢟ศᯒᅗࢆసᡂࡍࡿ࣮࢜ࢧࣜࣥࢢࢶ࣮ࣝ(2)㸦ᅗ 2㸧ࢆ㛤Ⓨࡋࡓ㸬ᮏࢶ࣮ࣝࡣ㸪௦⾲ⓗ࡞Ꮫ⩦⟶⌮ࢩࢫࢸ࣒ࡢ 1 ࡘ
࡛࠶ࡿ Moodle ࡛ືసࡍࡿ㸬Moodle ࡢ 1 ࢥ࣮ࢫෆ࡟
㓄⨨ࡉࢀࡿ」ᩘࡢᏛ⩦㡯┠ࡢᵓ㐀ᅗࢆ♧ࡋ㸪㐍ᤖ≧ἣ㸦Ꮫ⩦ᡂ⦼㸧ࢆⰍศࡅ⾲♧ࡍࡿࡇ࡜࡛㸪Ꮫ⩦⪅ࡀ⮬ᚊⓗ࡟Ꮫ⩦ෆᐜࢆ㑅ᢥࡍࡿࡇ࡜ࢆ≺ࡗ࡚࠸ࡿ㸬Ꮫ⩦⪅⏝࣮ࣘࢨ࣮࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ㸦௨ୗ㸪Ꮫ⩦⪅⏝ UI㸧ࡣ࣐࢘ࢫ᧯స࡛ືࡃࢢࣛࣇ࢕࢝ࣝ࡞࢖ࣥࢱ࣮ࣇ࢙࣮ࢫ࡛࠶ࡿ㸬ᅗ 1 ࡟♧ࡍࡼ࠺࡟㸪Moodle ࡢࢥ࣮ࢫࢺࢵࣉ࣮࣌ࢪࡢࢺࣆࢵࢡୖ㒊࡟㓄⨨ࡉࢀࡿ㸬ࢻࣛࢵࢢ㸤ࢻࣟࢵࣉ࡛ᅗࢆື࠿ࡋ㸪ᣑ኱࣭⦰ᑠ࡞࡝࡛ዲࡳࡢࢧ࢖ࢬ࡟ኚ᭦࡛ࡁ㸪ࢡࣜࢵࢡ࡛㑅ᢥࡋࡓᏛ⩦㡯┠ࡀᏛ⩦⪅⏝ UI ࡢୗ࡟⾲♧ࡉࢀࡿ௙⤌ࡳ࡜࡞ࡗ࡚࠸ࡓ㸬ࡇࡢᏛ⩦⪅⏝ UI ࡢ୺࡞ㄢ㢟ࡣ 2 Ⅼ࠶ࡗࡓ㸬
1 Ⅼ┠ࡣࢡࣟࢫࣈࣛ࢘ࢨᑐ⟇࡛࠶ࡿ㸬Ꮫ⩦⪅⏝ UIࡣ㸪๓㌟࡜࡞ࡗࡓࢩࢫࢸ࣒(3)ࡢ௙ᵝࢆᘬࡁ⥅ࡂ㸪Ajaxࢆᚿྥࡋ࡚ JavaScript ࢆ⏝࠸࡚㛤Ⓨࡋࡓ㸬ࡋ࠿ࡋ㸪᧯సᛶࢆ㔜どࡋ㸪࠶ࡲࡾỗ⏝ⓗ࡛ࡣ࡞࠸ࣛ࢖ࣈࣛࣜࡶ⏝࠸ࡓࡓࡵ㸪࠶ࡽࡺࡿࣈࣛ࢘ࢨ࡟ࡣᑐᛂ࡛ࡁ࡞࠿ࡗࡓ㸬ࡑࡇ࡛㸪࣐࢘ࢫ᧯స࡟ࡼࡿືసࡢᐇ⌧ࡀᐜ࡛᫆㸪ከࡃࡢࣈࣛ࢘ࢨ࡟ᑐᛂ࡛ࡁࡿ Web ࢶ࣮ࣝࡢࣇ࣮࣒࣮ࣞ࣡ࢡ࡜ࡋ࡚ࡣ㸪Flash ࡀᮃࡲࡋ࠸ࡢ࡛ࡣ࡞࠸࠿࡜⪃࠼ࡓ㸬࡞࠾㸪࣮࢜ࢧࣜࣥࢢࢶ࣮ࣝࡣ㸪Flashࢆ⏝࠸࡚㛤Ⓨ῭ࡳ࡛࠶ࡿ㸬
2 Ⅼ┠ࡣ㸪Ꮫ⩦⪅ࡀ฼⏝ࡍࡿࢹ࢕ࢫࣉࣞ࢖ࡢゎീᗘࡀప࠸ሙྜ㸪Ꮫ⩦㡯┠࠾ࡼࡧᏛ⩦㡯┠࡟ᒓࡍࡿᏛ⩦ࢥࣥࢸࣥࢶࢆぢࡿࡓࡵ࡟㸪ୗ᪉ྥ࡟ࢫࢡ࣮ࣟࣝࡋ
࡞ࡅࢀࡤ࡞ࡽ࡞࠸Ⅼ࡛࠶ࡿ㸬Ꮫ⩦⪅ࡀᖖ࡟Ꮫ⩦ᵓ㐀࡜㐍ᤖ≧ἣࢆព㆑ࡋ࡞ࡀࡽᏛ⩦ࢆ㐍ࡵࡿࡓࡵ࡟ࡣ㸪− 234 −

教育システム情報学会
第 34 回全国大会

ࢫࢡ࣮ࣟࣝࡋ࡞ࡃ࡜ࡶ㸪Ꮫ⩦⪅⏝ UI ࡜㑅ᢥࡋࡓᏛ⩦㡯┠࡟ᒓࡍࡿᏛ⩦ࢥࣥࢸࣥࢶࡢ཮᪉ࡀど⏺࡟ධࡾ㸪࡝ࡕࡽࡶᐜ᫆࡟᧯స࡛ࡁࡿࡇ࡜ࡀᚲせࡔ࡜⪃࠼ࡓ㸬௨ୖ࠿ࡽ㸪ᮏ◊✲࡛ࡣ㸪ࢡࣟࢫࣈࣛ࢘ࢨᑐ⟇࡜㸪ࡉࡽ࡞ࡿ᧯సᛶࡢྥୖࢆ┠ⓗ࡜ࡋ㸪Ꮫ⩦⪅⏝ UI 㒊ࢆFlash ࡛෌㛤Ⓨࡍࡿࡇ࡜࡜ࡋࡓ㸬2.

Ꮫ⩦⪅⏝ UI ࡢᨵၿ

2.1 Flash ໬Ꮫ⩦⪅⏝ UI ࢆ Flash8 ࠾ࡼࡧ ActionScript2.0 ࡛㛤Ⓨࡋࡓ㸬ࡇࢀ࡟ࡼࡾ㸪Flash Player ࡀ࢖ࣥࢫࢺ࣮࡛ࣝࡁࡿࣈࣛ࢘ࢨ࡛࠶ࢀࡤ㸪ࡍ࡭࡚ࡢࣈࣛ࢘ࢨ࡛Ꮫ⩦⪅⏝ UI ࡀ฼⏝࡛ࡁࡿࡼ࠺࡟࡞ࡗࡓ㸬࡞࠾㸪๓㌟ࡢࢩࢫࢸ࣒࡛ᐇ⌧ࡋ࡚࠸ࡓㄢ㢟ศᯒᅗࡢ㐍ᤖ≧ἣ⾲♧㸪ᅗࡢࢻࣛࢵࢢ㸤ࢻࣟࢵࣉ⛣ື㸪ᅗࡢᣑ኱࣭⦰ᑠ㸪࠾ࡍࡍࡵᏛ⩦㡯┠ࡢ࢔ࢻࣂ࢖ࢫ➼ࡢᶵ⬟ࡣཎ๎࡜ࡋ࡚ࡍ࡭࡚ᘬࡁ⥅࠸ࡔ㸬
2.2 ࣈࣟࢵࢡ໬
Ꮫ⩦⪅⏝ UI ࡜㑅ᢥࡋࡓᏛ⩦㡯┠࡟ᒓࡍࡿᏛ⩦ࢥࣥࢸࣥࢶࢆᕥྑ࡟୪࡭࡚⾲♧ࡍࡿࡓࡵ㸪Ꮫ⩦⪅⏝ UIࡢࣈࣟࢵࢡ໬ࢆヨࡳࡓ㸬ලయⓗ࡟ࡣ Moodle ࡢ㛤Ⓨ⪅ྥࡅࢻ࣓࢟ࣗࣥࢺ(4)ࢆཧ⪃࡟㛤Ⓨࡋࠊࣇ࢓࢖ࣝ⩌ࢆࢻ࣓࢟ࣗࣥࢺ࣮ࣝࢺ
ࡢ blocks ࢹ࢕ࣞࢡࢺࣜ㓄ୗ࡟㓄⨨ࡋࡓ㸬㛤Ⓨࡋࡓࣇ࢓࢖ࣝ⩌ࡢᵓᡂࢆᅗ 3 ࡟♧ࡍ㸬
documentroot/blocks/course_sections_struct/- block_course_sections_struct.php㸦ࣈࣟࢵࢡᮏయ㸧- ui.swf㸦Ꮫ⩦⪅⏝ UI㸧
- config_instance.html㸦⦅㞟⏬㠃㸧- authoring.swf㸦࣮࢜ࢧࣜࣥࢢࢶ࣮ࣝ㸧ᅗ3୺࡞ࣇ࢓࢖ࣝᵓᡂ

2009/8/19 - 8/21ᑠࢸࢫࢺ࡞࡝ࡢ࠸ࡃࡘ࠿ࡢάືࣔࢪ࣮࡛ࣗࣝࡣ㸪࣮࣌ࢪෆ࡟ࣈࣟࢵࢡࢆ⾲♧ࡍࡿࡇ࡜ࡀ࡛ࡁࡿ㸬ࢺࢵࣉ࣮࣌ࢪࡢ⟶⌮ࣈࣟࢵࢡ࠿ࡽ㸪࢔ࣆ࢔ࣛࣥࢫЍࢸ࣮࣐Ѝࢸ࣮࣐タᐃࢆ⾲♧ࡋ㸪͆ࣔࢪ࣮࣮ࣗࣝ࣌ࢪ࡟ࣈࣟ
ࢵࢡࢆ⾲♧ࡍࡿ͇ࢆ࢜ࣥ࡟ࡍࡿࡇ࡜࡛㸪ࢧ࢖ࢻࣈࣟ
ࢵࢡࢆ㏣ຍ࡛ࡁࡿࡼ࠺࡟࡞ࡿ㸬ࡋ࠿ࡋ㸪ࢹࣇ࢛ࣝࢺ࡛ࡣ㠀ᶆ‽ࣈࣟࢵࢡࢆࢧ࢖ࢻࣈࣟࢵࢡ࡜ࡋ࡚㏣ຍ࡛ࡁ࡞࠸㸬ࡑࡇ࡛ࣈࣟࢵࢡᮏయࣇ࢓࢖ࣝ࡟௨ୗࡢࡼ࠺
࡞ applicable_formats ࣓ࢯࢵࢻࢆグ㏙ࡍࡿࡇ࡜࡛㸪
function applicable_formats() {return array('mod' => true);}ࣔࢪ࣮࣮ࣗࣝ࣌ࢪ࡟Ꮫ⩦⪅⏝ UI ࡢࣈࣟࢵࢡࢆ㏣ຍ࡛ࡁࡿࡼ࠺࡟ࡋࡓ㸬ࡲࡓ㸪࢙࢘ࣈ࣮࣌ࢪࡣ㸪⦅㞟࣮࣌ࢪЍ࢘࢕ࣥࢻ࢘Ѝᣑᙇせ⣲ࢆ⾲♧ࡋ㸪͆ࢥ࣮ࢫࣈࣟࢵࢡࢆ⾲♧ࡍࡿ͇ࢆ࢜ࣥ࡟ࡍࡿ࡜㸪ྠ୍࢘࢕ࣥࢻ࢘࡟ࢥ࣮ࢫࢺࢵࣉ࣮࣌ࢪ࡜ྠࡌࣈࣟࢵࢡࢆ⾲♧ࡍࡿࡇ࡜ࡀ࡛ࡁࡿ㸬௨ୖࡢタᐃࢆࡍࡿࡇ࡜࡛㸪Ꮫ⩦ࢥࣥࢸࣥࢶࡢෆᐜ࡜ྠ᫬࡟Ꮫ⩦⪅⏝ UI ࡀ⾲♧ࡉࢀࡿࡼ࠺࡟࡞ࡾ㸪Ꮫ⩦⪅ࡣᖖ࡟Ꮫ⩦ᵓ㐀࡜㐍ᤖ≧ἣࢆព㆑ࡍࡿࡇ࡜ࡀ࡛ࡁࡿ࡜⪃࠼ࡿ㸬ࡓࡔࡋ㸪ࣈࣟࢵࢡ㡿ᇦࡣᶓᖜ 165px ⛬ᗘࡢࡓࡵ㸪኱ࡁ࡞ᅗࡣ⾲♧ࡋࡁࢀ࡞࠸㸬ࡑࡇ࡛ᣑ኱࣎ࢱࣥࢆ㏣ຍࡋ㸪ู࢘࢕ࣥࢻ࢘࡟ᣑ኱ᅗࢆ⾲♧ࡉࡏࡿࡇ࡜ࡀ࡛ࡁࡿࡼ࠺࡟ࡋࡓ㸬࡞࠾㸪⟶⌮⪅࠾ࡼࡧ⦅㞟ྍ⬟࡞ᩍᖌᶒ㝈࡛ࣟࢢ࢖ࣥࡋ㸪⦅㞟࣮ࣔࢻ࡟ษࡾ᭰࠼ࡿࡇ࡜࡛㸪ࣈࣟࢵࢡ⦅㞟࣎ࢱࣥࡀ⾲♧ࡉࢀࡿ㸬⦅㞟࣎ࢱࣥࢆࢡࣜࢵࢡࡍࡿ࡜㸪࣮࢜ࢧࣜࣥࢢࢶ࣮ࣝࡀ⤌ࡳ㎸ࡲࢀࡓ⦅㞟⏬㠃㸦ᅗ2㸧ࡀ⾲♧ࡉࢀ㸪ㄢ㢟ศᯒᅗࢆసᡂࡍࡿࡇ࡜ࡀ࡛ࡁࡿ㸬

3.

ࡇࢀ࡟ࡼࡾ㸪ࢥ࣮ࢫ࣮࣌ࢪࡢᕥྑࡢࣈࣟࢵࢡ㡿ᇦ࡟Ꮫ⩦⪅⏝ UI ࢆ⾲♧࡛ࡁࡿࡼ࠺࡟࡞ࡗࡓ㸦ᅗ 4㸧㸬

JSiSE2009࠾ࢃࡾ࡟ᮏ◊✲࡛ࡣ㸪ࢡࣟࢫࣈࣛ࢘ࢨᑐ⟇࡜㸪ࡉࡽ࡞ࡿ᧯
సᛶࡢྥୖࢆ┠ⓗ࡟㸪Ꮫ⩦⪅⏝ UI ࢆ Flash ࡛෌㛤Ⓨࡋࡓ㸬௒ᚋ㸪ᙧᡂⓗホ౯࡟ࡼࡗ࡚᧯సᛶ➼ࢆ☜ㄆࡋ㸪Ꮫ⩦ຠᯝࡢホ౯ࢆ⤒࡚㸪୍⯡බ㛤ࢆ┠ᣦࡍ㸬ཧ⪃ᩥ⊩(1) 㧗ᶫᬡᏊ, ᕷᕝᑦ, ႐ከᩄ༤, ୰㔝⿱ྖ, 㕥ᮌඞ᫂㸸ᅗ4ࣈࣟࢵࢡ໬ࡋࡓᏛ⩦⪅⏝ UI㸦㛤Ⓨ୰㸧͆ㄢ㢟ศᯒᅗ࡟ᇶ࡙ࡃ Moodle ࣔࢪ࣮ࣗࣝࡢ㛤Ⓨ㸦1㸧͇㸪ᩍ⫱ࢩࢫࢸ࣒᝟ሗᏛ఍➨ 33 ᅇ඲ᅜ኱఍ㅮ₇ㄽᩥ㞟
pp.54-55㸦2008㸧(2) 㧗ᶫᬡᏊ, ᕷᕝᑦ, ႐ከᩄ༤, ୰㔝⿱ྖ, 㕥ᮌඞ᫂㸸͆ㄢ㢟ศᯒᅗ࡟ᇶ࡙ࡃ Moodle ࣔࢪ࣮ࣗࣝࡢ㛤Ⓨ㸦2㸧͇㸪᪥ ᮏ ᩍ ⫱ ᕤ Ꮫ ఍ ➨ 24 ᅇ ඲ ᅜ ኱ ఍ ㅮ ₇ ㄽ ᩥ 㞟pp.891-892㸦2008㸧(3) 㧗ᶫᬡᏊ, ᕷᕝᑦ, 㜿㒊᫛༤, 㕥ᮌඞ᫂㸸͆ㄢ㢟ศᯒᅗ࡟ᇶ࡙ࡃ⮬ᕫ⟶⌮Ꮫ⩦ᨭ᥼ᆺ e ࣮ࣛࢽࣥࢢࢩࢫࢸ࣒ࡢ㛤Ⓨ͇, ᪥ᮏᩍ⫱ᕤᏛ఍ㄽᩥㄅ㸦ࢩ࣮ࣙࢺࣞࢱ࣮≉㞟ྕ㸧, 31(suppl): pp.25-29㸦2007㸧
(4) Development Blocks: http://docs.moodle.org/en/Blocks_Howto− 235 −