e-Learning 受講認定システム 2023

e-Learning 受講認定システムって、なに?

 この e-Learning 受講認定システムは、Webシステムとはどういうものか?一般的なホームページと何が違うのか?キートンではどのような貢献ができるのか?を具体的に知ってもらうために設置しました。

 e-Learning 受講認定システムでは、動画によるe-Learningを実施し、その理解度をクイズ形式で確認し、全問正解すると認定証を発行する、ということが全て自動化されたシステムです。
大学等の教育機関、医療機関、養成学校、各種専門学校、学会、団体、企業等でe-Learningを実施されたい方は、ぜひ弊社にお問い合わせください。

 この e-Learning 受講認定システムは、以前ある医療機関からのご依頼で作成したシステムをもとにデモンストレーション用に改修したシステムです。以前のシステムでは認定証に記載される認定番号をもとに、次のステップの予約も行えましたが、このシステムでは予約機能は搭載していません。

e-Learning 受講認定システムを試してみる

認定システムではどんなことをするの?

1.動画をみて

まず、「Web制作について」の動画をご覧ください。動画は約5分ほどあります。

2.クイズに答えて

動画を最後まで見終わると、クイズが出題されます。Webサイトの仕組みやセキュリティなどの知識の確認をします。クイズはランダムに出題され、間違うと1問目に戻ります。全問正解すると、認定証が発行されます。

3.認定証を受け取る

クイズに全問正解すると、PDF形式で認定証(サンプル)が発行されます。

ご注意

  • このe-Learning 受講認定システムは、デモンストレーションです。
  • 発行される認定証はサンプルです。弊社にご提出されても特典等はありません。

e-Learning 受講認定システムを試してみる

Cookieの使用について

 e-Learning認定システムでは、動画の視聴状況を確認するため、Cookie(クッキー)を使用しています。

 Cookieの使用に同意していただいた場合は、動画を一度最後まで視聴すると、2回目以降、最後まで視聴しなくてもクイズに移行できます。

 Cookieの使用に同意していただけない場合は、動画を毎回、最後まで視聴しないとクイズに移行できません。

 Cookieの有効期限は24時間です。有効期限内であってもCookieは削除することができます。削除方法はお手数ですが、お使いのブラウザ名と「Cookieを削除する方法」等で検索してください。

e-Learning 受講認定システムを試してみる


e-Learning 受講認定システムを構築するために使用した技術

プログラミング言語
HTML, CSS, JavaScript, PHP
CSSファイルはSass(SCSS)によって出力
ウェブサーバ
Apache
データベース
公開時:MySQL
開発時:MariaDB
サイトのフレームワーク
Yii2
PHPライブラリ管理
composer
認定証のPDF
書き出し:mPDF
フォント:NotoSansJP(Google Fonts)
動画作成
編集:Adobe AfterEffects
出力:Adobe MediaEncoder
ナレーション
VOICEVOX(音声合成ソフトウェア)
音声モデル:剣崎雌雄
サーバーOS
CentOS
開発時の仮想環境構築
Docker, Docker Compose, Windows Subsystem for Linux(WSL)
ソースコードの管理
Git, Bitbucket, Sourcetree
プログラミング環境(IDE)
PHPStorm

e-Learning 受講認定システムを試してみる