D2Bridge Framework から sgcHTML への移行 — Delphi Web UI コンポーネント | eSeGeCe

D2Bridge Framework から sgcHTML への移行

D2Bridge Framework は既存の Delphi VCL フォームを Web に公開するもので、人気があるのには正当な理由があります。最小限のコード変更で、レガシーアプリケーションにブラウザから到達できるようにする最速の道だからです。チームが sgcHTML を検討するのは通常その次の段階です。つまり、ミラーリングされたデスクトップ画面を、デスクトップから引き継いだものではなく、ブラウザとモバイルのユーザーのために設計されたレイアウト、ナビゲーション、操作パターンを備えた、独立した Web アプリケーションへ発展させる必要が出てきたときです。

アーキテクチャ上の変更点

ミラーリングされたデスクトップフォームから、Web ファーストでコンポーネントから構築されるページへ。

ベンダー自身の説明によれば、D2Bridge Framework はブリッジです。すでにある VCL フォームを取り込み、デスクトップフォームのレイアウトをミラーリングした Bootstrap ベースの Web UI を生成するため、既存アプリケーションはごくわずかな手直しでブラウザからアクセスできるようになります。sgcHTML は反対側から出発します。クリーンな Bootstrap 5 マークアップをレンダリングする 89 種類のサーバーサイドコンポーネントから各ページを構成するため、ページは最初の 1 行目からブラウザのために設計され、デスクトップフォームは再現すべきレイアウトではなく、学ぶための棚卸しリストになります。

Web ファーストの UI

ページ、ナビゲーション、インタラクションは、デスクトップフォームから派生させるのではなく、Web とモバイルのユーザーのために構築します。結果は標準的なサーバーレンダリング HTML で、SEO に強く、どのデバイスでも高速です。

マークアップの完全な制御

生成される Bootstrap 5 マークアップのすべての要素を制御でき、任意の Bootstrap テーマで再スタイルできます。ライトとダークのテーマも組み込みです。

htmx + WebSocket リアルタイム

htmx(約 14 KB)による部分的なページ更新と、sgcHTMX エンジンを通じて WebSocket でプッシュされるリアルタイムは、hx-swap-oob のフラグメントブロードキャストを含めて、コンポーネントセットの第一級の機能です。

Delphi、C++ Builder、.NET

同じコンポーネントがネイティブの Delphi / C++ Builder クラスとして提供され、同じ Tsgc* 名を持つ純粋なマネージド .NET 実装もあります。完全なソースコード付きで、商用サポートと sgcWebSockets ネットワークスタックがその土台にあります。

D2Bridge の概念、sgcHTML での対応

ブリッジされた VCL アプリケーションの各要素が、sgcHTML モデルのどこに対応するかを示します。

D2Bridge Framework では sgcHTML では
エクスポートされた VCL フォーム 目的に合わせて構築される sgcHTML ページ。すでにあるミラーリング済み画面の棚卸しから始めます。
Web に公開された VCL コントロール Web の UX に合わせて選ばれる、対応する sgcHTML コンポーネント。グリッド、フォーム、チャート、カードなど。
DB 対応の VCL コントロール 同じ TDataSet / DataSource ロジックにバインドする 27 種類のデータアウェア sgcHTML コンポーネント。
フォームイベント コンポーネントの HTML を返す htmx フラグメントルート。
ブラウザにミラーリングされた VCL の見た目 ブラウザとモバイルのために設計された Bootstrap 5 レイアウト。
ブリッジランタイムによるアプリケーション配信 sgcWebSockets サーバー実行ファイル、または WebBroker、DataSnap、RAD Server ホスト。
変化するデータの再読み込みやポーリング WebSocket プッシュ。サーバーが接続中のブラウザへ HTML フラグメントをブロードキャストします。

移行は見た目ほど大きくない

UI を移行しても、アプリケーションを書き直すことにはなりません。

コードベースと IDE

Delphi または C++ Builder とともに、これからも RAD Studio で作業できます。sgcHTML コンポーネントは、サーバーバイナリにコンパイルされるネイティブクラスです。

データ層

データモジュール、クエリ、TDataSet ロジックはそのまま引き継がれます。データアウェアコンポーネントは、VCL 画面がすでに使っているデータセットに直接バインドします。

デプロイの習慣

外部ランタイム不要の、単一の自己完結型実行ファイルまたはサービス。デプロイはデスクトップアプリケーションと同じくらいシンプルなままです。

チームのスキル

あなたが Object Pascal や C# を書けば、sgcHTML が HTML、CSS、JavaScript を書きます。開発者に JavaScript は必要ありません。

現実的な移行パス

両方のサーバーを並行稼働させながら、ページ単位で進めます。

1

画面を棚卸しする

ブリッジされたアプリケーションが公開しているフォーム、それぞれの背後にあるデータ、そしてユーザーが実際に使い込んでいる画面を洗い出します。この棚卸しは、ブリッジがすでに与えてくれています。

2

画面をコンポーネントにマッピングする

各画面を sgcHTML コンポーネント(グリッド、フォーム、チャート、ダッシュボード)に対応付けます。コンポーネントギャラリーを見て、各画面にふさわしい Web パターンを選んでください。

3

ページ単位で再構築する

sgcHTML は標準の HTTP を配信するため、一度に 1 ページずつ移行する間、新旧のサーバーを同じリバースプロキシの背後で並行稼働できます。

4

インタラクティブ性とプッシュを配線する

部分更新には htmx のインタラクションを、再読み込みやポーリングの代わりにライブデータが必要な箇所には WebSocket プッシュを追加します。

私たちが移行をお手伝いします

D2Bridge Framework アプリケーションについてお聞かせください。eSeGeCe チームが、どの画面をどのコンポーネントに対応させるか、何を残し、何を Web のために再設計するかといった移行計画の立案を支援します。ご希望であれば、sgcCustomization HTML(€149 からの一回限りのパッケージ)を通じて、アプリケーションの文書による説明から私たちが再構築します。

稼働中のデモを見る

5 つの完全なアプリケーション。いずれも sgcHTML + sgcWebSockets だけで構築されています。

ERP

顧客、仕入先、商品、請求書、レポート。

ライブデモを開く →

管理 CRUD

CRUD 画面とライブ検索を備えたコンパクトな管理コンソール。

ライブデモを開く →

ライブモニター

KPI が WebSocket 経由でプッシュされるリアルタイムダッシュボード。

ライブデモを開く →

カスタマーポータル

注文、プロフィール、サポートを備えたセルフサービスポータル。

ライブデモを開く →

ヘルプデスク

返信スレッドと管理ダッシュボードを備えたサポートチケット。

ライブデモを開く →

両方のアプローチに公平を期すために。要件が、既存の VCL 画面一式を最小限の手直しで素早く公開することだけであれば、D2Bridge Framework のようなブリッジアプローチは正当な第一歩であり、その課題をうまく解決します。sgcHTML は、Web UI が第一級の製品にならなければならないときの道です。sgcHTML が他の Delphi / .NET Web フレームワークとどう比較されるかの中立的な見解は、出典付きの横並びマトリックスをご覧ください。sgcHTML は開発者ごとに €299 から完全なソースコード付きでライセンスされ、sgcWebSockets Professional または Enterprise が必要です。

最もお得な選択: All-AccesseSeGeCe の全製品にプレミアムサポートが付いて、年間 €1,059 からご利用いただけます。
All-Access の価格を見る

Web ファースト版を構築する

89 種類すべてのコンポーネントを含む無料体験版をダウンロードして、最初の画面をブラウザのために設計されたページとして再構築してみてください。