もう業務はとまらない！もう業務はとまらない！rich client web contents language...

もう業務はとまらない！

Rich Client Web Contents LanguageNEXT GENERATION INTERACTIVE WEB

オフライン機能を使った業務アプリケーションの実例と最新Curl情報

株式会社カール三野凡希

Copyright © 2008Curl International Corporation. All Rights Reserved2 ページ

Curlとは？

主要あるコンテンツ言語を包括した言語

テキスト記述＆レイアウトデザインHTML

スクリプト言語JAVA Script

オブジェクト指向プログラム言語JAVA

2D/3Dグラフィックス、マルチメディア対応Flash/Shockwave

1995: 研究開始 – $5M DARPA-MITプロジェクト

・現在のW3Cの設立(CSS,DOM,XML,etc)

・Curlプロジェクト（インターネットに特化した新言語の開発）

1998: 会社設立 ⇒ Ｄｒ．Lee を含むMITの１２人により設立

2001: Surge 1.0のリリース

2003: Surge 2.0で日本語版リリース

2004: Surge 3.0

住商情報システムがＣｕｒｌ（知財権）を取得

2005: Surge 4.0

2006: Curl 5.0

2007: Curl 6.0

2009: Curl 7.0

株式会社カールCurl Inc.

SCSの100%関連会社

R&D及び米国内販売日本国内販売

及びマーケティング

Curlの特長

• 米国MITで開発されたWebリッチクライアント言語及び開発ツール

• 国内３５０社以上の基幹業務採用実績を持つ

• inB,toB（業務システム向け）機能が充実• 処理性能が高い


Webアプリケーションの問題

せっかく入力したのに

SessionTimeOutで再入力･･･

サーバー・ネットワークが

ダウンしたら復旧まで現場は・・

出張先で情報を

入力したいけど

アプリに接続できない・・


随時接続コンピューティングにより、アプリケーションユーザーは Web サーバー

に接続していないときでもアプリケーションにアクセスすることができます。

OCCアプリケーションはユーザーマシン上にそれ自体のコピーを作成します。

ユーザーはオフラインかオンラインかを意識せずにアプリケーションを起動することができます。

オフライン機能 - OCC（Occasionally Connected Computing）

Files saved in cache

or local storage

Actual accessClient

URL access

Server

Original Files


Curl実行の仕組みの違い

サーバブラウザCurl™RTE

４．JIT コンパイラ実行

１．プレフィックス付URLの場合、実行環境起動

ローカルコンピュータ

２b．オフラインの場合、ローカルコピーへアクセス

２a．オンラインの場合、サーバへリクエスト

３b．Curlファイル取得

１．ブラウザからURLでリクエスト

２．Curlファイルをダウンロード

３．実行環境起動

３a．Curlファイルをダウンロード

４．JIT コンパイラ実行通常実行

OCC（オンライン）

OCC（オフライン）


OCC機能は「ローカルにアプリケーションをコピーおよび更新します」という宣言文とオフライン専用のデプロイメントを行うことで簡単に構築することができます。

起動ファイル(start.dcurl/start.curl）に1行書き込むことでプロジェクトメンバーをローカルにコピーします

オフライン用のコピーの圧縮ファイルなどを生成するために【OCC用デフォルトのデプロイメント】を行います。

随時接続コンピューティング機能


OCC（Occasionally Connected Computing）の仕組み

Ms-AccessSqlite

Start.dcurl curl-timestamp.txt

curl-archive.car

アプリケーションコンテンツ

タイムスタンプ

manifest.mcurl

アーカイブファイルマニフェストファイル

curl://occ/https://www.curlap.com/start.dcurl

Curlプレフィックスを使用するとWebサーバーにあるプロジェクトのアーカイブファイルがダウンロードされ、ローカルにコピーされます。

request

download


一般的なWebアプリケーション RIA（Curl）

HTML

Browser

Server

HTTP

データ要求変更通知更新要求

Curl applet

Model

ControllerView

Server

データ要求

XMLWebサービス

テキスト

HTTPSOAP

TCP/IP

変更通知更新要求

データ要求変更通知

Offline RIA（Curl）

•アプリケーションの状態保持•アプリケーションの機能提供•変更をビューに通知

Model

View

• 情報表示

Controller

•ビューを選択

•更新を要求

Model

•キャッシュデータを保持•変更をViewに通知

DB DB

OCC Curl applet

Model

ControllerView

Server

データ要求

XMLWebサービス

テキスト

変更通知

更新要求

更新要求

データ要求変更通知

Model•キャッシュデータを保持・DB同期•変更をViewに通知・DBアクセス

DB

DB

View

• Controllerに動きを報告

アーキテクチャの違い

HTTPSOAP

TCP/IP

Sync

DB同期

リアルタイム

ポーリング

更新要求


{import * from COM.CURL.CDK.SQLITE}

def db = {SQLiteDatabase {url “sample.db” }}

{db.execute "

CREATE TABLE products (

id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,

name TEXT NOT NULL,

price DOUBLE NOT NULL);“

}

{db.execute "

INSERT INTO products VALUES (1,'paper',10.00);

INSERT INTO products VALUES (2,'envelope',5.00);

INSERT INTO products VALUES (3,'pen',4.00);

INSERT INTO products VALUES (4,'pencil',2.00);

INSERT INTO products VALUES (5,'marker',7.00);

INSERT INTO products VALUES (6,'folder',9.00);

INSERT INTO products VALUES (7,‘calendar',4.00);”

}

ローカルデータベースへのアクセス

CDKパッケージのインポート

データベースの作成

SQLの発行

SQLの発行

http://sourceforge.net/projects/curl-cdk/※CDK ( Curl Data Kit ) :


{import * from COM.CURL.CDK.SQLITE}

{value

def db = {SQLiteDatabase {url “sample.db”}}

def con = {SQLiteConnection db}

def rs =

{SQLiteRecordSet.create-from-table-name con, "main",

"products",

request-modifiable? = true,

strict-types? = true}

{RecordGrid

record-source = rs,

width = 4in,

height = 3in

}

}

データベースの内容をRecordGridに表示

CDKパッケージのインポート

http://sourceforge.net/projects/curl-cdk/※CDK ( Curl Data Kit ) :

データベースへの接続

RecordSetオブジェクトの作成

RecordGridの表示


佐川急便様 e飛伝Ⅱ

http://www.sagawa-exp.co.jp/business/service/other/e-hiden.html

http://www.sagawa-exp.co.jp/business/service/other/e-hiden2.html







Files saved in cache

or local storage

Actual accessClient

URL access

Server

Original Files

送り状発行システム



インターネットに接続しているパソコンとプリンタさえあれば、送り状や飛脚メール便ラベルをラクラク発行できます。送り状を記入する手間が省けるだけでなく、お届け先の住所録機能や出荷データの取り込みなど、便利な機能が盛りだくさんです。

主な機能カンタンに送り状を作成

お届け先の住所を入力するだけのカンタン操作で送り状を作成いただけます。

便利な送り状送り状はシールタイプでお荷物へラクラク貼付け。お手持ちのプリンターでご利用いただけます。また、貴重品などの指定シールを送り状へ印刷することもできます。

お届け先の住所録お届け先を住所録として保存いただけます。保存したお届け先を呼び出すだけのカンタン操作で、送り状を作成いただけます。

出荷データの取り込み出荷データをＣＳＶ形式で取り込めば、複数の送り状を一括で作成できます。



■送り状の種類

佐川急便様 e飛伝Ⅱの送り状印刷


システム概念図

システム概要図を表示（詳細情報削除）


ローカルDBとサーバーDBとの同期は？

明細情報（問合せ番号）のコードの採番は？

送り状の作成および印刷は？

ローカルＤＢやアプリケーションの破損障害への対応は？

オフライン時の課題とポイント


ローカルDBとサーバーDBの同期

全件同期と差分同期を使い分けており、同期のタイミングはログイン時とポーリング方式

ユーザが任意に同期処理を行うことも可能！

クライアントDBとサーバーDBの簡略フローを表示

（詳細情報削除）


ユーザーデータを複数端末にてデータ共有する仕組み

同じユーザーＩＤが複数端末で使用でき、かつ端末間のデータを同期する仕組みを実現！


同一ユーザーで複数端末を使用する場合の端末間ＤＢ同期の図を表示


クライアント端末にのみ管理されるデータ

プリンタの設定や端末に依存する情報はサーバーに持たず、クライアントのみに持つことで運用面でのメリットを実現！


クライアント端末のみに持つテープルの図を表示


帳票レイアウトと問合わせ番号

バーコードフォント

イメージ

問合せ番号

Curlで帳票レイアウトを動的に作成し、ローカルデータベースのデータをバインドすることでネットワーク障害時（オフライン）でも帳票印刷が可能！


問合せ番号の採番と帳票印刷

オフライン状態であっても問合せ番号（明細番号）や帳票印刷を実現！


印刷実行から問合せ番号の採番、DB登録までのフローを表示


問合せ番号の採番

•各端末へ幅をもった採番方式を実装することでネットワーク障害時にも継続運用が可能！

•端末側で空き番号がなくなった場合はサーバーより自動的に割り振られる仕組み！


オフライン時でも問合せ番号を採番できる仕組みの図を表示


ローカルＤＢやアプリケーションの破損障害への対応は？

障害時の対応についての説明を表示



使用された特徴的なＣｕｒｌ機能

オフライン機能

随時接続コンピューティング（OCC）機能

ローカルＤＢアクセス

CSKライブラリ（オープンソース）のADO接続API

帳票レイアウト

Curl標準GUIおよびバーコードフォントとVLE（VisualLayutEditor）

印刷機能

Curl標準PrintAPI


New 7.0 Feature Areas

Performance

Presentation

Security

Offline capability

Interoperability and Deployment

Eclipse IDE


Security models

Server of OriginAny Server

unprivilegedbrowser applet

unprivileged desktop applet

sandboxed

Must be signed

By validCertification

Authority

AdministratorOverride


Servers with Network permission file

privileged desktop application



＜Ｃｕｒｌホームページ＞

http://www.curlap.com

＜Curl技術情報＞

・ Curlデベロッパーセンタ－http://developers.curlap.com

＜Ｃｕｒｌ公式ブログ＞

・ Curlブログhttp://blogs.curlap.com

＜Ｃｕｒｌギャラリー＞

・Curl Apps Garraryhttp://developers.curlap.com/apps

＜Ｃｕｒｌメディア記事＞

・ Codezine VBプログラマのためのCurl入門http://codezine.jp/article/detail/3068

・＠IT いまさら聞けないCurl入門http://www.atmarkit.co.jp/fwcr/rensai/imasara15/imasara15_1.html

・＠IT Curlの無料投稿サイトでアプリをいろいろ試してみたhttp://www.atmarkit.co.jp/news/200809/10/curl.html

・ CurlのオープンソースUIライブラリ builder tecday レポートhttp://builder.japan.zdnet.com/news/story/0,3800079086,20381432,00.htm

・＠IT リッチクライアントカンファレンスⅣ パネルディスカッションレポートhttp://www.atmarkit.co.jp/fwcr/special/richc4apanel/richc4apanel_1.html

Ｃｕｒｌ関連情報

http://www.curlap.com/

http://developers.curlap.com/

http://blogs.curlap.com/

http://developers.curlap.com/apps

http://codezine.jp/article/detail/3068

http://www.atmarkit.co.jp/fwcr/special/richc4apanel/richc4apanel_1.html

http://www.atmarkit.co.jp/news/200809/10/curl.html

http://builder.japan.zdnet.com/news/story/0,3800079086,20381432,00.htm

http://www.atmarkit.co.jp/fwcr/special/richc4apanel/richc4apanel_1.html


株式会社カールへお問合せ下さい。

E-Mail [email protected] http://www. curlap.comBlog http://blogs.curlap.com

もう業務はとまらない！もう業務はとまらない！rich client web contents language...

Documents