ICT教材「デジタル版社会科資料集『しゃかロム』の開発
株式会社日本標準/株式会社YHB編集企画 様

ICT教材「デジタル版社会科資料集『しゃかロム』の開発

小学校6年生向けの社会科資料集のデジタル教材をHTML5で開発。
株式会社ジャパンネット銀行様 フォスター電機株式会社様

小学校6年生向けの社会科資料集のデジタル教材をHTML5で開発しました。

もくじページ(縄文時代から現代まで)
もくじページ(縄文時代から現代まで)
縄文時代と弥生時代の生活の様子をくらべます
縄文時代と弥生時代の生活の様子をくらべます
?ボタンをクリックすると、説明を表示します
?ボタンをクリックすると、説明を表示します
クライアント
株式会社日本標準/株式会社YHB編集企画 様
テクノロジー
HTML5、CSS3、JavaScript(jQuery)
デバイス
Windows、Mac (iOS、Androidにも対応)
  • ・HTML5を使用し、Windows VISTA/7/8、Mac OS X以降の主要ブラウザに対応。
  •  (Internet Explorer 9以降、Google Chrome、Safari)
  •  Android/iOSは現時点で未配布ながら、タブレット端末で動作確認済み。
  • ・インタラクティブなクリックアクション。
  •  マウススクロールによる画像の拡大縮小移動に対応。
  •  マウスクリックによる画像内リンク遷移やヘルプ表示に対応。
  • ・画面の拡大縮小時に自動でページサイズを最適化。
  •  あらゆる環境でジャストフィットしたページ表示。

プロジェクトについて

HTML5+JavaScriptでインタラクティブな表現

これまでFLASHが使用されることの多かったデジタル資料集をHTML5で作成。画像の拡大縮小、画像内リンク、クリックアクション(説明の表示・非表示、凡例の表示・非表示)などにも対応し、インタラクティブな表現で、教材を楽しめます。また、HTMLでルビの表現にも対応しています。

Windows/Macに両対応し、主要なブラウザ全てで表示可能

HTML5で作成されているため、Windows(VISTA/7/8)でもMac(OS X以降)でも1枚のCDで表示可能。ブラウザもInternetExplorer9以降、Google Chrome、Safariに対応しています。Androidタブレット/iPadでも動作確認済みのため、将来的なタブレット端末のサポートも可能です。

端末に応じ、自動的に画面表示を最適化

使用する機器によって、PCの画面サイズが変わるため、どのような画面サイズであっても、画面の横幅や縦幅に応じて、自動的に画面を最適化することで、現場での操作の負担を軽減しました。 また、わかりやすく・使いやすいUI(ユーザーインターフェース)デザインを心がけています。

採用情報

一人一人が仕事に責任を持ち、成果をアウトプットすることが、私たちの価値観です。
エンジニア主体のチームに興味がある方は、ぜひアシアルにお越しください。一緒に大きな仕事を作っていける仲間を、心待ちにしています。

お問い合わせ

製品やソリューション、システムコンサルティング等に関するお問い合わせはこちらから。