| 電子情報通信学会 研究会発表申込システム 講演論文 詳細 |
技報閲覧サービス [ログイン] 技報アーカイブ |
| トップに戻る | 前のページに戻る | [Japanese] / [English] |
| 講演抄録／キーワード | ||
| 講演名 | 2022-03-11 09:25 E-ラーニングによるDX化支援方式 ～ Webアプリケーション構築のためのCSS学習支援システム ～ ○久保田陸斗・須永 宏・平山 亮（阪工大）  SC2021-35 |
|
| 抄録 | （和） | 本論文はHTML，CSS文法とプログラミングを実践的に学ぶことができる学習支援システムについて提案する．近年のWebアプリケーションは単純なHTMLによる画面構築のみではなくCSSを用いてビジュアルに描画するのが主流である．これを体系的に学ぶにはWebデザインなどの教科書の教材で着実に進めるべきだが，実際はWebサイトの断片的な情報を用でプログラミングすることが多かった．HTMLコーディングを補助したり，プロパティなどを補完したり，記述したコードをその場で確認しできるエディタもあるが，本研究では，このようなエディタと同等の機能を持ち，サンプル利用や示唆により実際にWebページを作り上げることのできるアプリケーションとして，学習効率の上昇を狙っている．主に二種類の画面が表示され，一方はプログラミングができるエディタと，HTMLタグ，CSSプロパティを調べられるデータベースやほかにもカラーコードを調べられるカラーパレット等を用意したプログラミング用ページである．他方は，空欄に当てはまる単語を選択肢の中から選択して回答するクイズ形式の問題を解くことのできるページである．クイズページで得た知識をエディタページで実際に試してみる，といったアクションにより利用者の知識向上を図る．問題はデータベースにて管理され，新しい問題や既存問題のバリエーションを追加できるようにしている．Webデザイン系の授業の履修者からも高い評価を得ている． |
| （英） | This paper proposes a learning support system to help students learn HTML, CSS Grammar, and programming hands on. The mainstream Web applications these days involve not only screen construction with simple HTML but also drawing with CSS. Ideally, these should be learned systematically with a textbook on Web designing, but in reality, many students program with fragmented information online. Code-Editing Software (Editors) that assist coding, complement properties, or check codes as one writes them already exist. Our study, however, aims to boost learning efficiency with an application that can help students actually make Web pages by providing helpful samples and suggestions in addition to having the equivalent functions of the previous editors. In our application, mainly two different kinds of screens are shown. One is a page for programming which is equipped with an editor that can program, the HTML tag, a database with which one can search CSS properties, and a color palette with which one can search color codes. The other is a quiz page where one is asked to fill in the blanks by choosing the correct option provided. The users are expected to enhance their knowledge from the quiz page by testing it on the editor page. This application has been receiving favorable feedback even from students taking Web design courses. | |
| キーワード | （和） | サービスコンピューティング / E-learning / CSS / Web design / 教育のDX化 / / / |
| （英） | Services Computing / E-learning / CSS / Web design / Digital Data Transformation in IT Education / / / | |
| 文献情報 | 信学技報, vol. 121, no. 437, SC2021-35, pp. 7-12, 2022年3月. | |
| 資料番号 | SC2021-35 | |
| 発行日 | 2022-03-04 (SC) | |
| ISSN | Online edition: ISSN 2432-6380 | |
| 著作権に ついて |
技術研究報告に掲載された論文の著作権は電子情報通信学会に帰属します．(許諾番号：10GA0019/12GB0052/13GB0056/17GB0034/18GB0034) | |
| PDFダウンロード | SC2021-35 |
|
| 研究会情報 | |
| 研究会 | SC |
| 開催期間 | 2022-03-11 - 2022-03-11 |
| 開催地（和） | 機械振興会館 (ハイブリッド開催)からオンライン開催に変更 |
| 開催地（英） | EventIn |
| テーマ（和） | 「ＤＸとサービスコンピューティング」および一般 |
| テーマ（英） | Service Computing under DX, and general topics |
| 講演論文情報の詳細 | |
| 申込み研究会 | SC |
| 会議コード | 2022-03-SC |
| 本文の言語 | 日本語 |
| タイトル（和） | E-ラーニングによるDX化支援方式 |
| サブタイトル（和） | Webアプリケーション構築のためのCSS学習支援システム |
| タイトル（英） | Digital Transformation in IT Education |
| サブタイトル（英） | E-Leraning System for Creating CSS-based Web Applications |
| キーワード(1)（和/英） | サービスコンピューティング / Services Computing |
| キーワード(2)（和/英） | E-learning / E-learning |
| キーワード(3)（和/英） | CSS / CSS |
| キーワード(4)（和/英） | Web design / Web design |
| キーワード(5)（和/英） | 教育のDX化 / Digital Data Transformation in IT Education |
| キーワード(6)（和/英） | / |
| キーワード(7)（和/英） | / |
| キーワード(8)（和/英） | / |
| 第1著者 氏名（和/英/ヨミ） | 久保田 陸斗 / Rikuto Kubota / クボタ リクト |
| 第1著者 所属（和/英） | 大阪工業大学 (略称： 阪工大) Osaka Institute of Technology (略称： OIT) |
| 第2著者 氏名（和/英/ヨミ） | 須永 宏 / Hiroshi Sunaga / スナガ ヒロシ |
| 第2著者 所属（和/英） | 大阪工業大学 (略称： 阪工大) Osaka Institute of Technology (略称： OIT) |
| 第3著者 氏名（和/英/ヨミ） | 平山 亮 / Makoto Hirayama / ヒラマヤ マコト |
| 第3著者 所属（和/英） | 大阪工業大学 (略称： 阪工大) Osaka Institute of Technology (略称： OIT) |
| 講演者 | 第1著者 |
| 発表日時 | 2022-03-11 09:25:00 |
| 発表時間 | 25分 |
| 申込先研究会 | SC |
| 資料番号 | SC2021-35 |
| 巻番号（vol） | vol.121 |
| 号番号（no） | no.437 |
| ページ範囲 | pp.7-12 |
| ページ数 | 6 |
| 発行日 | 2022-03-04 (SC) |
[研究会発表申込システムのトップページに戻る]