microwebserverの最新情報と今後の展開 - ne · も独自暗号化apiを用意し...

Software Partner Inc.Software Partner Inc.

MicroWebServerMicroWebServerのの最新情報最新情報と今後の展開と今後の展開

～　スマートフォン／タブレット端末をビジネスで廉価＆～　スマートフォン／タブレット端末をビジネスで廉価＆本格的に活用するための開発・実行基盤を提供！本格的に活用するための開発・実行基盤を提供！

【【 GG--CONSORTIUM CONSORTIUM 】】定例フォーラム定例フォーラム

20132013年年0303月月2525日（日（月月）　）　


2Copyright 2013 © All rights reserved, Software Partner Inc.

本日のアジェンダ本日のアジェンダ

１．　スマートフォン／タブレット利用時の問題点と解決策２．　他の開発言語との比較３．　デモ４．　機能紹介５．　システムイメージ６．　開発の流れ７．　事例紹介８．　今後の予定について９．　G-Consortiumセミナー参加企業様の特典１０．質疑応答１１．お問い合わせ

１．　スマートフォン／タブレット利用時の問題点と解決策２．　他の開発言語との比較３．　デモ４．　機能紹介５．　システムイメージ６．　開発の流れ７．　事例紹介８．　今後の予定について９．　G-Consortiumセミナー参加企業様の特典１０．質疑応答１１．お問い合わせ



１１. . スマートフォン／タブレット利用時の問題点と解決策スマートフォン／タブレット利用時の問題点と解決策

■　タブレット端末毎の言語習得は不要で、従来のWebシステムの開発言語でシステム構築が可能　　★　HTML、CGI、Lua（PHPレベルの技術で簡単に習得可能）、SQL　　★　帳票作成（PDF生成）ツールもバンドル

■　オフラインでもWebアプリが動作■　スマートフォン／タブレット端末内部にコンテンツ・DBを保有し、高速なアクセスが可能■　Wifi搭載のタブレット端末で利用可能につき、毎月の回線利用費を削減可能

①①　開発の生産性　開発の生産性

②②　オフライン利用　オフライン利用

■　MicroWebServerの開発環境を利用すれば、一つのアプリケーションがiPad／iPhone／Android／　　Windows8のどの環境でも動作

■　無償や廉価なASPサービスとの連携■　MicroWebServerをプロキシサーバとして利用することで、サーバ側アプリをそのまま利用可能

④　サーバ側アプリとの連携④　サーバ側アプリとの連携

③　利用③　利用OSOS

『MicroWebServer 』はスマートフォン／タブレット端末内部でWeb／DBサーバを稼動させるためのアプリです。これによって問題解決します！



２２. . 他の開発言語との比較他の開発言語との比較～～そのその11

区分項目 MicroWebServer Webサービスネイティブアプリ

1 1 通信オンライン利用 ○ ○ ○

2 オフライン利用 ○ × ○

2 1 スマートデバイスカメラ、NFC等のデバイス内蔵機能の利用 ○ × ○

2 バーコードリーダー等外部接続機器の利用 ○ × ○

3 ローカルストレージ(ファイル/DB)の利用 ○ × ○

3 1 情報鮮度の維持サーバデータ・リアルタイム取得 ○ ○ △

2サーバとPUSHデータ通信(サーバ側トリガーによるデータ転送)

△(計画) × △

3 ローカルコンテンツ自動更新 ○ × ○

4 1 ユーザビリティコンテンツの表示スピード ○ △（通信が必要） ○

2 デバイス固有UI △ × ○

5 1 セキュリティローカルストレージ保護(ファイル/DBデータ暗号化)

○ － △

2 サーバ間セキュア通信 ○ ○ △

3 MDM連携 ○ × △

6 1 マルチプラットフォーム複数種OS端末対応 ○ ○ ×

2 作成アプリの複数OS端末間バイナリ互換 ○ ○ ×

7 1 開発生産性の高さ ○ △ ×

2 豊富な技術者 ○ ○ ×

3 WEB技術(HTML5＋JavaScript)の利用 ○ ○ △

4 クラウド技術への対応 ○（API提供予定） △ △

8 1 その他ライセンス費用 △（有償） △（有償ミドル利用時） ○（Apple小額開発ライセンス）

2 最新OSへの対応 ○（MWSで吸収） △（必要に応じ開発） △（必要に応じ開発）

No

（１）（１）WebWebサービス、ネイティブアプリとの比較サービス、ネイティブアプリとの比較



２２. . 他の開発言語との比較他の開発言語との比較～～そのその22

（２）マルチプラットフォーム言語との比較（２）マルチプラットフォーム言語との比較

No 比較項目 MicroWebServer PhoneGap Titanium 備考

1 マルチプラットフォーム △（拡大中　※1） ○ ○※1 Androidは対応中　　Windowsタブレットも2012/4対応予定

2 ホスト連携 ○（API提供） △（要開発） △（要開発）

3 ローカルDB利用 ○（標準） △（要開発） △（要開発）

4 サーバDBとの同期 △（オプション） △（要開発） △（要開発）

5 帳票作成 ○（標準） × ×

6 セキュリティ ○（標準　※2） △（要開発） △（要開発）※2 ログ出力、コンテンツやDBの暗号化　　別添「セキュリティ対策」資料参照

7 開発の容易性 ○（PHPレベル） ○（HTMLレベル） △（javaレベル）

8 開発の自由度 ○（PHPレベル） △（HTMLレベル） ○（javaレベル）

9 画面の表現力や拡張性 ○（Webベース） ○（Webベース） ×（※3）※3 予め用意されたUIや機能で作る場合は早い　　が、逸脱すると開発が厳しくなる

10 コンテンツの再利用性 ○（Webベース） ○（Webベース） ×（※4） ※4 （同上）

11 メーカーサポート ○（SPI） ×（OSS） ×（OSS）

12 ライセンス費用 △（有償　※5） ○（無償） ○（無償）※5 MWSを利用した開発効率の高いアプリ開発の　　委託が可能、かつMWSの機能追加の依頼も可　　能で費用対効果は高い

13 AppStore申請 △（申請中） ○ ○



２２. . 他の開発言語との比較他の開発言語との比較～～そのその３３

（（３３））有償の有償のマルチプラットフォーム言語との比較マルチプラットフォーム言語との比較



２２. . 他の開発言語との比較他の開発言語との比較～～そのその４４　　

（（４４））MicroWebServerMicroWebServerセキュリティ対策セキュリティ対策

MicroWebServer　領域

他のiPad

サーバー

サーバDB

ローカルDB

コンテンツ

プログラム

① PDFなどコンテンツも独自暗号化APIを

、用意し保存可能

⑥ 他のスマートデバイスからのアクセス禁止

② ローカルDBはSQLiteを暗号化した

SQLCipher使用

⑤ 機密性の高い情報は直接サーバ

DBに格納

④ SSLによるセキュアな通信にも対応

コンテンツ

③ アクセスログの自動取得



３３. . デモ　デモ　

【　iPad　／Android　／　Windows 8 】

　　①　簡単に帳票（PDF）作成できます、また手書き入力ソフトと連動できます。

　　②　リッチなインターフェース（jQuery）がそのまま動作するので、豊富なオープンソースのライブ　　　　ラリイが活用でき、ユーザビリティの高いアプリケーションが開発できます。

　　③　既存のWebシステムの画面を簡単にコンバート（再利用）できます。

　　④　HTML5とデータベースを利用できます。

　　⑤　容量の大きなファイルでも快適なレスポンスで参照できます。

　　⑥　オフラインでもアンケート登録ができます、アンケート集計結果も簡単にグラフ表示できます。

【　iPad　】

　　⑦　アプリ画面の操作でカメラを起動して写真が取り込めます、またブラウザ画面に手書きで絵やサイン　　　　ができます。

　　⑧　シナリオ機能によって、簡単に資料が作成できます、また、作成した資料によりスマートな　　　　プレゼンテーションが可能になります。

　　⑨　バーコードを読み込み、読み込んだ商品コードによりデータベースの商品情報を自動検索できます。

　　⑩　ARを利用してアナログとデジタルをうまく活用できます。



４４. . 機能紹介　機能紹介　

◆　HTML、CGI、SQL、Luaが動作するiPad／iPhone内部WEBサーバ機能　　　－　静的コンテンツ(HTML,画像等)表示の為の基本的なWEBサーバ機能　　　－　CGIスクリプトインタープリター(Lua言語)、SQL Database (sqlite3)

◆　スマートデバイスへのWebアプリ・コンテンツのインストール／更新機能　　　－　開発したアプリケーションをサーバ上に設置し、iPad上のMicroWebServer管理画面から　　　　　ワンアクションでスマートデバイス上にダウンロード・インストールできます。

◆　PDFファイル動的生成機能　　　－　EXCELで簡単にPDFの雛型が作成可能　　　－　Safariの画面で入力した文字情報をPDFの雛形に流し込むだけで、PDFファイルが自動生成されます

◆　ファイル一括更新機能　　　－　Webアプリで利用するカタログなどのPDFファイルに関して、iPad／iPhone内　　　　　のファイルとサーバ側のファイルを比較し、更新の発生したファイルを自動更新できます　

◆　リモートホスト連携機能　　　－　リモートホストに対するHTTPリクエスト送受信機能を用意しています。iPad上に蓄えたデータを　　　　　作業終了等のタイミングで、リモートホストに対しバッチ送信する処理が実現できます。

◆　アクセスログ取得機能　　　－　スマートデバイス内のWebサーバのアクセスログやトレースログを取得しています。リモートホスト　　　　　連携との組合せで、iPad／iPhone操作ログをサーバ側に自動送信し、管理者がチェックすることが可能です。

◆　その他の機能　　　①　内蔵カメラによる簡易バーコード　　　　　　QR Code、UPC-A・E、EAN-8・13（JAN）、Code 39・93・128、ITF、Codabar、RSS-14、Data Matrix

　　　②　磁気カードリーダー　　　③　専用バーコードスキャナ対応（3Dバーコードも要相談）　　　④　カメラ撮影・データ取得　　　⑤　GPS（位置情報）



５５. . システムイメージシステムイメージ

OS（iOS、Android、Windows）

HTTP Daemon CGIスクリプトインタープリタ

SQLiteDatabase

LightPDF for iOS

RemoteHost Link

User AppInstaller

オプション(GPS, Barcode, etc)

MicroWebServer

User App(1)

Html

JavaScript(jQuery等)

CGI Script

Image, 動画

PDF template

User App(2)

…

ユーザーコンテンツの表示データの入力

Web Browser

AirPrint ePrint …

印刷

iPad／Android／Windows8

InternetHTTP/HTTPS　POSTメソッド

InternetHTTP/HTTPS　POSTメソッド

Wi-FiBluetooth

リモートホスト　・ファイルダウンロード　・ファイルアップロード　・データ送受信　・ユーザーアプリダウンロード

Html


CGI Script

Image, 動画

PDF template



６６. . 開発の流れ開発の流れ～～そのその11

（１）（１）MicroWebServerMicroWebServer for for iOSiOSを利用するまでを利用するまで

【手順１】iPadにMicroWebServerをインストール

【手順２】開発PCでアプリ開発しよう！

UserApp

【手順3】iPadにアプリをインストール

①エミュレーション環境で開発

②開発したアプリを圧縮（ZiP形式）

③サーバに保存

①iDeveloperEnterpriseProgram(iDEP)を申請＆取得番号を開発会社に連絡

②iDEP付MicroWebServerを配布サーバにアップ

③iTunesにMWSをコピー＆　iPadにインストール

①管理メニューからダウンロードサーバに接続

②アプリの配置③メインメニューからアプリ起動

Image, 動画

PDF template

DB

Html


CGI Script



６６. . 開発の流れ開発の流れ～～そのその22

（２）（２）MicroWebServerMicroWebServer for Androidfor Androidを利用するまでを利用するまで

【手順２】開発PCでアプリ開発しよう！

UserApp

【手順3】Androidにアプリをインストール

①エミュレーション環境で開発

②開発したアプリを圧縮（ZiP形式）

③サーバに保存

①管理メニューからダウンロードサーバに接続

②アプリの配置③メインメニューからアプリ起動

Image, 動画

PDF template

DB

Html


CGI Script



７７. . 事例紹介事例紹介～～そのその１１



７７. . 事例紹介事例紹介～～そのその２２



７７. . 事例紹介事例紹介～～そのその３３



７７. . 事例紹介事例紹介～～そのその４４



７７. . 事例紹介事例紹介～～そのその５５

①アイコンや名称は　自由に設定可能 ②メインメニュー

　アンケート入力、　照会、データ　アップロードへ

入力しやすいインターフェース

入力時間がなければ音声録音や手書きでメモ入力できます！

簡単に順番選択できます！

アンケート結果照会と集計画面へ

検索、一覧照会ができます

明細の照会＆訂正できます

アンケート結果をグラフ表示します

サーバにデータをアップロードします

アプリ配信＆集計サーバ

※PCで構築予定

タブレット

ラップトッ

プ

無線LAN

① MicroWebServer　インストール

② 検査アプリ　インストール

③ 検査アプリ

を起動して検査データ

を登録

⑤ 検査データの集計作業

※貴社ご担当

④ 検査したデータを一括アップロード

タブレットによる検査システムタブレットによる検査システム



８８. . 今後の予定について今後の予定について

　　●　SAPとの連携

　　　　　 SAPから提供されるSDK、APIを実装し、タブレットで利用可能

　●　Salesforce.comとの連携

　　　　　① Oauth認証実装（複数人での使用を想定）

　　　　　② CRUD処理（Salesforceからデータ抽出する際、パケット量の制限で

　　　　　　一度に取得できるデータに限度があるため）

　　　　　③ PDF、画像データのSalesforce送信

　　　　　④ BulkAPI（CSV等をサーバにアップロードし、同データをサーバにて

　 insert/update/upsert/delete等の処理を非同期で実行させる）

　 ⑤ push通知（チャットに書き込みがあった場合等に、push通知を行う）

　●　業務マニュアル管理システム　～ EPUB（電子書籍）対応

　（次頁参照）

Software Partner Inc.Software Partner Inc.８. 今後の予定について　～業務マニュアルのEPUB化①


（１）業務マニュアル管理システム　全体イメージ図

Software Partner Inc.Software Partner Inc.８. 今後の予定について　～業務マニュアルのEPUB化②


②② EPUBEPUB簡易ビュワー簡易ビュワー①① EPUBEPUB検索＆一覧表示検索＆一覧表示

③③ EPUBEPUBリーダーで閲覧、コミュニケーションツールでメール配信などリーダーで閲覧、コミュニケーションツールでメール配信など

（２）CUBE（利用者）画面イメージ

microwebserverの最新情報と今後の展開 - ne · も独自暗号化apiを 用意し...

Documents

microwebserverの最新情報と今後の展開 - ne · も独自暗号化apiを用意し...