Firefox

Safari

Chrome

Internet Explorer

実績紹介

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

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

特徴

・HTML5を使用し、Windows VISTA/7/8、Mac OS X以降の主要ブラウザに対応。
 (Internet Explorer 9以降、Google Chrome、Safari)
 Android/iOSは現時点で未配布ながら、タブレット端末で動作確認済み。

・インタラクティブなクリックアクション。
 マウススクロールによる画像の拡大縮小移動に対応。
 マウスクリックによる画像内リンク遷移やヘルプ表示に対応。

・画面の拡大縮小時に自動でページサイズを最適化。
 あらゆる環境でジャストフィットしたページ表示。

  • もくじページ(縄文時代から現代まで)

  • 縄文時代と弥生時代の生活の様子をくらべます

  • ?ボタンをクリックすると、説明を表示します

タグ

  • HTML5 × Javascript × CSS3アプリケーション開発
  • デザイン・UI設計
  • HTML5

プロジェクトについて

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(ユーザーインターフェース)デザインを心がけています。

Top

開発体制・構築手法など

作業範囲 設計、デザイン、開発、テスト
テクノロジー HTML5、CSS3、JavaScript(jQuery)
開発期間 3ヶ月
開発体制 2名
予算 非公開
デバイス Windows、Mac (iOS、Androidにも対応)
Top

プロジェクト主要メンバー紹介

鴨田健次 Webディレクター/Webデザイナー

1980年生まれ。大学時代の専攻は、ドイツ語(ドイツに半年ほど留学)と映像制作(ドキュメンタリー)でしたが、独学でWebデザインを学び、大学卒業後は制作会社やコンテンツポータル会社で、主にWebデザイナー/HTML・CSSコーダーとして勤務。
2010年から、アシアルにてWebディレクター/Webデザイナーとして、日々精進しています。

Top

類似する実績

お問い合わせ

システム構築のご相談、研修やセミナー・執筆のご要望など、お気軽にお問い合わせくださいませ。
技術に明るい担当者が直接ご相談させて頂きます。

開発事例ダウンロード

下記のリンクより開発事例の資料をご覧いただけます。

PHP開発補助製品

  • SSLモバイル
  • JpGraph

Webサービス&携帯サービス

  • Monaca
  • PHPプロ!
  • OnsenUI