集団塾のeラーニングシステムの性能改善（base64エンコード）

■集団塾のeラーニングシステムの性能改善（base64エンコード）

オンライン授業が進む集団塾向けのeラーニングシステムの性能改善をしました。
講師と生徒はタブレットで授業をします。最大４０人が使うシステムです。
このeラーニングシステムはiFrameを利用しています。
生徒はタブレットで講師とやりとりします。
講師からの文字や画像を読み込むのに数分かかっていました。画像データをbase64へエンコードすることでデータ量を300MBから12MBに改善しました。結果として読み込みスピードを改善しました。

改善前：ページ表示１０分、データ量３００MB

改善後：ページ表示５秒、データ量は１２MBへ改善

■クライアント課題

最大４０人の生徒のホワイトボードを同時に添削したい。
その際に添削の表示スピードが遅い。

【対象機能】
・生徒がタブレットで操作すると、ボード画面へ自動反映される。
・講師がタブレットで、個別または複数人または全員の生徒タブレットへ採点・添削ができる。

base64とは

base64という言葉を聞いたことがあるでしょうか？？
base64とは、64進数を意味する言葉で、すべてのデータをアルファベット（大文字小文字）と数字、一部の記号の64文字で表すエンコード方式です。
Webページの表示の際にリクエスト数を減らすためにbase64でエンコードした画像をhtmlにそのまま埋め込むなどに使用されています。

■作業内容

生徒と講師の読み込みスピードを5秒以内に反映するように性能改善

■開発期間

開発期間
2021年3月から2021年4月
開発規模
2人月

■対応範囲

コーディング
プロラム：Node.js/php/Vue.js

環境構築
開発環境を提供の上、性能改善開発

システムテスト
単体テスト
テスト仕様書・テストレポートを作成、納品

受入テスト
クライアント様にて対応

システム保守・運用
対応なし

■対応技術

プログラム：Node.js/php/Vue.js
データベース：mySQL

■類似実績

・音楽系アーティスト共同プロジェクトのコーポレイトサイト構築（システム保守）
本案件は、公式ファンクラブサイトの開発をしました。開発後のシステムの保守や運用の業務も請け負いました。

ONETECHは、業務システムを始めさまざまなシステム開発、アプリ開発、ソフトウェア開発をベトナム オフショアで開発しています。