@things-factory/shell 7.0.14 → 7.0.19

package/helps/about/framework/redirection.md

@@ -1,7 +1,7 @@
 # redirection
 
 사용자가 브라우저에서 어플리케이션을 사용하는 경우에 사용자의 액션에 의한 URL 요청이 서버쪽에서 여러가지 상황에서 다른 URL로 리디렉트될 수 있다.
-(HTTP 응답코드 302(임시이동)로 응답되는 상황을 의미한다.)
+(HTTP 응답코드 302(임시이동)로 응답되는 상황을 의미한다.)
 URL 리디렉션으로 브라우저에는 사용자가 요청한 URL이 아닌 리디렉트된 페이지가 보여지게 된다.
 통상적으로 리디렉트된 페이지는 적절한 과정을 거쳐서 최종적으로는 항상 사용자가 최초에 요청한 URL에 해당하는 페이지로 도달하게 된다.
 

package/helps/about/framework.ja.md

@@ -0,0 +1,73 @@
+# Things Factory フレームワーク
+
+## フレームワークの特徴
+
+### 1. **クラウドとインフラストラクチャのサポート**
+
+Things-Factory フレームワークは、現代的なクラウドインフラとの完全な互換性を提供し、アプリケーションの展開と管理をより効率的にします。エッジコンピューティング機能を通じてデータ処理の効率を最大化し、さまざまなファイルストレージオプションを通じて柔軟なデータ管理をサポートします。クラスター環境でも高い性能を維持できるように設計されています。
+
+- **クラウドサービス構造の準備**: Things-Factory は、AWS、GCP、Azure などの主要クラウドプラットフォームと Kubernetes(K8s) とのシームレスな統合を提供します。これにより、ユーザーはクラウド環境でアプリケーションを簡単に展開および管理できます。たとえば、自動スケーリングおよび負荷分散機能を通じてトラフィック急増時にも安定したサービスを維持でき、IaC（Infrastructure as Code）サポートによりクラウドリソースをコードで管理できます。
+- **エッジコンピューティング**: クラウドでモデリングしたデータをエッジで実行することで、リアルタイムデータ処理と迅速な応答性を提供します。たとえば、製造現場で発生する大量のセンサーデータをリアルタイムで処理し、クラウドに送信する前に必要なデータを選別してフィルタリングできます。この機能は分散環境でも高性能を維持し、ネットワーク遅延を最小化できます。
+- **さまざまなファイルストレージの活用**: ローカルファイルシステムや Amazon S3 などのクラウドベースのストレージをサポートし、安全で柔軟なデータ管理が可能です。たとえば、大容量ファイルを S3 に保存してコストを削減し、バージョン管理機能を通じてデータの変更履歴を追跡できます。さまざまなストレージオプションは、企業のニーズに応じた柔軟性を提供します。
+- **クラスター環境サポートのスケジューラー**: クラスター環境でも使用可能なスケジューラーサービスを通じて、タスクの効率を向上させることができます。たとえば、分散処理タスクを複数のノードに分散して並列実行し、タスク完了時に結果を集計する方式を使用できます。この機能は大規模なデータ処理タスクを分散させ、システムの負荷を効果的に管理します。これにより、高い可用性と安定性を維持できます。
+
+### 2. **セキュリティと認証**
+
+セキュリティと認証は、現代のアプリケーションに不可欠な要素です。Things-Factory フレームワークは、生体認証ログイン、SSO（シングルサインオン）、OAuth2 サポートを通じて強力なセキュリティ機能を提供します。これにより、ユーザーのデータを保護し、安全な認証および認可プロセスを実装できます。
+
+- **生体認証ログイン**: 指紋や顔認識などの生体認証技術を活用して、ユーザーのセキュリティを強化します。たとえば、指紋認識を通じてログインする際、ユーザーは複雑なパスワードを覚える必要がなく、簡単にアクセスできます。これにより、パスワード盗難のリスクを減らし、ログインプロセスを簡素化します。生体認証は、銀行、ヘルスケアなど、セキュリティが重要な分野で特に有用です。
+- **SSOの準備**: Google、Azure などの SSO ソリューションを統合して、ユーザー認証を中央で管理できます。たとえば、ユーザーは会社内の複数のアプリケーションに単一のログインでアクセスでき、IT 管理者はユーザーのアクセス権を一元管理できます。SSO は企業内のセキュリティレベルを向上させ、ユーザー体験を改善します。
+- **OAuth2 サポート**: OAuth2 プロトコルを通じて安全な認証および認可プロセスを提供します。たとえば、サードパーティのアプリケーションがユーザーのデータにアクセスするには、ユーザーは OAuth2 を通じて該当アプリケーションにアクセス権を付与できます。これにより、サードパーティアプリケーションとの安全なデータ共有が可能となり、ユーザー権限を効果的に管理できます。OAuth2 は、ソーシャルログイン、API 連携など、さまざまなシナリオで活用できます。
+- **ロールベースアクセス制御（RBAC）**：このフレームワークでは、事前に定義されたロールと権限に基づいてユーザーアクセス管理を行うためのRBACモデルを設定できます。例えば、管理者は「管理者」、「編集者」、「閲覧者」などのロールを定義し、それぞれに特定のアクセス権と特権を与えることができます。これにより、ユーザーは自分のロールに必要なリソースと機能にのみアクセスできるため、セキュリティが強化され、管理が簡素化されます。RBACモデルは、複雑な組織構造を持つ環境で特に有用であり、きめ細かいアクセス制御とセキュリティポリシーの遵守を確保します。
+
+### 3. **API と通信**
+
+強力な API と通信機能は、Things-Factory フレームワークの中核要素です。GraphQL ベースの API と PubSub チャネルを通じて、クライアントとサーバー間のスムーズなデータ交換をサポートし、さまざまな統合機能を提供します。これにより、開発者は効率的で拡張可能なアプリケーションを構築できます。
+
+- **GraphQL ベースの API**: 強力なタイプチェックをサポートする GraphQL ベースの API を通じて、クライアントとサーバー間のスムーズな通信を保証します。たとえば、クライアントは必要なデータのみをリクエストし、サーバーはそのデータのみを応答することで、ネットワークトラフィックを減らし、パフォーマンスを最適化できます。これにより、データリクエストと応答が明確に定義され、バグを減らし、開発速度を向上させることができます。GraphQL の柔軟性は、さまざまなデータニーズに迅速に対応できます。
+- **GraphQL PubSub チャネル**: PubSub 通信メカニズムを通じて、リアルタイムデータの更新とイベント処理を効果的に行うことができます。たとえば、チャットアプリケーションでメッセージがリアルタイムで更新されたり、株式取引システムで価格変動が即座に反映されたりします。この機能は、リアルタイムフィードバックが重要なアプリケーションに適しており、ユーザーに最新情報を迅速に提供できます。
+- **さまざまな統合機能**: さまざまなアダプタ構造と統合シナリオの構成のためのタスクコンポーネントを提供し、EAI（エンタープライズアプリケーション統合）を簡単に実装できます。たとえば、ERP システムと CRM システム間のデータ統合を自動化し、両システム間のデータをリアルタイムで同期できます。これにより、複数システム間のデータ統合とプロセス自動化を効率的に管理できます。統合機能は、企業内のさまざまなアプリケーションを有機的に接続します。
+
+### 4. **ユーザーインターフェイスとユーザー体験**
+
+ユーザーインターフェイスと体験は、アプリケーションの成功にとって重要な要素です。Things-Factory フレームワークは、完全な PWA 機能、UI テーマの適用、レスポンシブ UX、WebComponents ベースの構造、内蔵 UI コンポーネントを通じて最適なユーザー体験を提供します。これにより、ユーザーは直感的で効率的なインターフェイスを使用できます。
+
+- **PWA 機能**: Things-Factory は完全な PWA（プログレッシブウェブアプリケーション）機能をサポートし、ウェブアプリケーションがネイティブアプリと同様のユーザー体験を提供します。たとえば、ユーザーはアプリケーションをホーム画面に追加してネイティブアプリのように使用でき、オフライン状態でも基本機能を使用できます。これにより、アプリケーションはオフラインでも動作し、迅速な読み込み速度と高いパフォーマンスを維持できます。PWA 機能はユーザーのアクセス性を大幅に向上させます。
+- **UI テーマの適用**: Material Theme コンセプトを適用し、さまざまなアプリケーションに一貫したテーマを提供します。たとえば、ダークモードとライトモードをサポートし、ユーザーが好みのテーマを選択でき、企業のブランドアイデンティティに合わせたカスタマイズが可能です。これにより、ユーザー体験を向上させ、ブランドの一貫性を維持できます。
+- **レスポンシブ UX**: モバイル、タブレット、デスクトップなどのさまざまな環境に最適化されたレスポンシブ UX を提供します。たとえば、ユーザーはスマートフォン、タブレット、デスクトップなどのどのデバイスでも同じアプリケーションを一貫した体験で使用できます。これにより、ユーザーはどのデバイスでも一貫した体験を得ることができ、開発者は一つのコードベースで複数のプラットフォームをサポートできます。レスポンシブ UX は開発効率とユーザー満足度を向上させます。
+- **WebComponents ベースの構造**: WebComponents ベースのアプリケーション構造を通じて、標準化されたコンポーネントの使用と拡張が容易になります。たとえば、開発者は共通の UI 要素を WebComponent として定義し再利用し、プロジェクト間で一貫性を維持できます。これにより、開発者は再利用可能なコンポーネントを簡単に作成および維持できます。WebComponents は開発効率とコード品質を向上させます。
+- **内蔵 UI コンポーネント**: データグリッドなどのさまざまな UI コンポーネントを自社提供し、フレームワークと完璧に結合されて生産性を向上させます。たとえば、複雑なデータテーブルを簡単に実装し、さまざまなフィルタリングおよびソート機能を提供できます。これにより、開発者は必要な UI 要素を迅速に実装し、ユーザーに直感的なインターフェイスを提供できます。内蔵コンポーネントは開発時間とコストを削減します。
+- **グラフィックおよび HTML UI モデラー**: ダッシュボード、マシンコントロール UI、フロアコントロール UI などのための WYSIWYG ベースの UI モデラーを提供し、生産性を向上させます。たとえば、ユーザーはドラッグアンドドロップ方式でダッシュボードを構成し、リアルタイムデータを視覚化できます。さまざまなチャートやビジネスコンポーネントを活用して、ユーザーは直感的なグラフィックインターフェイスを作成できます。この機能は複雑な UI を簡単にモデリングできるようにします。
+- **ラベルモデリングおよびデータバインディングされたラベル生成**: Things-Factory は 100 種類以上のさまざまなバーコード形式をサポートし、ユーザーが WYSIWYG 方式でラベルをモデリングできます。たとえば、ユーザーはドラッグアンドドロップ方式でラベルにテキスト、画像、バーコードを追加し、データとバインドしてリアルタイムでラベルを生成できます。これにより、バーコードラベル印刷言語を知らなくても正確にモデリングされた形で印刷でき、さまざまなフォントやバーコード形式を適用したラベルを簡単に作成できます。この機能は物流、製造、流通などさまざまな分野で効率的なラベリングを可能にします。
+- **データ分析および可視化ツール**：このフレームワークは、WYSIWYGベースのモデリングおよび簡単なデータバインディング機能を含む、強力なデータ分析および可視化ツールを提供します。たとえば、ユーザーはドラッグアンドドロップインターフェイスを使用して、チャート、グラフ、ダッシュボードなどのデータ可視化を作成および構成し、これらのビジュアルコンポーネントにデータを簡単にバインドできます。これにより、ユーザーはインタラクティブで視覚的に魅力的な表現を通じてデータから洞察を得ることができ、意思決定とデータ主導の戦略を改善できます。
+
+### 5. **開発生産性および管理**
+
+効率的な開発および管理ツールは、Things-Factory フレームワークの中核です。モジュール構造の再利用性、階層的なドメイン構造、ユーザー定義のメニューシステム、多言語機能などを通じて開発生産性および管理効率を最大化します。これにより、開発者はより迅速かつ効率的にアプリケーションを構築できます。
+
+- **モジュール構造の再利用性**: 完璧なモジュール構造を通じて、コードの再利用およびメンテナンスを容易にします。たとえば、共通機能をモジュールとして分離し、複数のプロジェクトで再利用し、新しい機能を追加する際に既存コードを修正せずに簡単に拡張できます。これにより、開発者は反復作業を減らし、生産性を最大化できます。モジュール構造はアプリケーションの拡張性を高め、品質を維持します。
+- **階層的なドメイン構造**: 継承可能なテナント構造をサポートし、複雑なマルチドメイン環境でも効率的な管理が可能です。たとえば、複数のサブドメインが親ドメインの設定と権限を継承し、一貫したポリシーを維持できます。これにより、さまざまなビジネスニーズに柔軟に対応し、テナント間のデータと設定を効率的に管理できます。階層構造は管理効率を向上させます。
+- **ユーザー定義のメニューシステムの提供**: 各ユーザーの要求に合わせてメニューシステムをカスタマイズできます。たとえば、管理者と一般ユーザーに異なるメニューを提供し、不要な機能を隠し、重要な機能を強調します。これにより、ユーザーは自分に最適化されたインターフェイスを作成でき、管理者はさまざまな設定を柔軟に調整できます。ユーザー定義のメニューシステムはユーザー体験を向上させます。
+- **多言語機能**: テナント別のユーザー定義の多言語機能を通じて、グローバルビジネス環境でもスムーズなアプリケーション使用を保証します。たとえば、各国別に言語および地域設定を適用し、ユーザーに最適化されたコンテンツを提供できます。これにより、異なる言語を使用するユーザーに一貫した体験を提供します。多言語機能はグローバル市場への参入を容易にします。
+- **Markdown ベースのヘルプおよびコンテンツ構成**: Markdown ベースの多言語ヘルプ提供およびコンテンツ構成フレームワークを通じて、ユーザーサポートおよびドキュメント管理が容易になります。たとえば、技術文書を Markdown 形式で作成し、さまざまな言語に翻訳および維持できます。これにより、ユーザーは必要な情報を迅速に見つけることができ、管理者はドキュメントを効率的に維持できます。Markdown ベースのヘルプはユーザー体験を改善します。
+- **ワークフローベース**: ユーザーの ToDo リストと承認タスク処理のためのワークフローベースを提供し、業務効率を向上させます。たとえば、プロジェクト管理でチームメンバーにタスクを割り当て、完了したタスクの承認プロセスを自動化できます。これにより、ユーザーはタスクを体系的に管理し、承認プロセスを簡素化できます。ワークフローベースは組織の生産性を向上させます。
+- **データグリッド**: さまざまな環境で使用可能なデータグリッドを提供し、ユーザーの個別化機能をサポートします。たとえば、ユーザーは自分のニーズに合わせてデータグリッドの列を追加または削除し、フィルタリングおよびソート機能を通じてデータを簡単に管理できます。これにより、ユーザーは自分に最適化されたデータビューを作成でき、開発者はさまざまなデータ表示方法を簡単に実装できます。データグリッドはユーザー体験を向上させます。
+
+### 6. **データ管理および統合**
+
+データ管理および統合は Things-Factory フレームワークの重要な要素です。さまざまなデータベースのサポート、データ収集および入力サービス、ヘッドレス Chrome の利用などの機能を通じて、安全なデータ管理および効率的な統合を提供します。これにより、企業はデータを効果的に活用できます。
+
+- **さまざまなデータベースのサポート**: クラウドだけでなくオンプレミス環境でもさまざまなデータベースをサポートし、柔軟なデータ管理を可能にします。たとえば、MySQL、PostgreSQL、MongoDB などさまざまなデータベースとの統合をサポートし、企業の既存データベース環境をそのまま活用できます。これにより、企業は自社のデータベースとクラウドベースのデータベースを両方利用できます。さまざまなデータベースのサポートはデータ戦略の柔軟性を提供します。
+- **データ収集および入力サービス**: データ収集、入力、アーカイブ、サマリーモデリングサービスを提供し、データを効率的に管理できます。たとえば、IoT センサーデータ、ユーザー入力データなどをリアルタイムで収集し、必要な形式に変換して保存できます。これにより、企業はデータのライフサイクルを効果的に管理し、必要なデータに迅速にアクセスできます。データ収集および入力サービスはデータ管理の効率を向上させます。
+- **ヘッドレス Chrome の利用**: 画像ベースのバーコードラベル印刷、サムネイル画像の抽出、データスクレイピングを通じたデータ統合などのさまざまな機能を提供します。たとえば、ウェブページのスクリーンショットを自動的にキャプチャしてサムネイル画像を生成したり、製品バーコードを生成してラベルに印刷したりできます。これにより、複雑なデータ作業を自動化し、データを効率的に統合できます。ヘッドレス Chrome の利用はデータ処理作業を簡素化します。
+
+Things-Factory フレームワークは、最新技術とさまざまな機能を統合し、企業用アプリケーション開発に最適化されたソリューションを提供します。革新的な開発ツールと強力な統合機能を通じて、高い生産性と柔軟性を備えたアプリケーションを簡単に開発できます。
+
+## 開発者ガイド
+
+[Things Factory フレームワーク開発者ガイド](http://www.hatiolab.com/things-factory-doc/ko/intro/framework/)
+
+## フレームワークの概念
+
+- [リダイレクト](/helps/about/framework/redirection.md)
+- [typegraphql](/helps/about/framework/typegraphql.md)

package/helps/about/framework.ko.md

@@ -0,0 +1,73 @@
+# Things Factory Framework
+
+## Framework Features
+
+### 1. **클라우드 및 인프라 지원**
+
+Things-Factory 프레임워크는 현대적인 클라우드 인프라와의 완벽한 호환성을 제공하여, 애플리케이션 배포와 관리를 더욱 효율적으로 만듭니다. Edge Computing 기능을 통해 데이터 처리의 효율성을 극대화하며, 다양한 파일 스토리지 옵션을 통해 유연한 데이터 관리를 지원합니다. 클러스터링 환경에서도 높은 성능을 유지할 수 있도록 설계되었습니다.
+
+- **클라우드 서비스 구조 준비**: Things-Factory는 AWS, GCP, Azure 등 주요 클라우드 플랫폼과 Kubernetes(K8s)와의 원활한 통합을 제공합니다. 이를 통해 사용자는 클라우드 환경에서 애플리케이션을 손쉽게 배포하고 관리할 수 있습니다. 예를 들어, 자동 확장 및 로드 밸런싱 기능을 통해 트래픽 급증 시에도 안정적인 서비스를 유지할 수 있으며, IaC(Infrastructure as Code) 지원으로 클라우드 리소스를 코드로 관리할 수 있습니다.
+- **Edge Computing**: 클라우드에서 모델링한 데이터를 Edge에서 실행하여, 실시간 데이터 처리와 빠른 응답성을 제공합니다. 예를 들어, 제조 현장에서 발생하는 대량의 센서 데이터를 실시간으로 처리하여, 클라우드에 전송하기 전에 필요한 데이터를 선별하고 필터링할 수 있습니다. 이 기능은 분산된 환경에서도 높은 성능을 유지하며, 네트워크 지연을 최소화할 수 있습니다.
+- **다양한 파일 스토리지 활용**: 로컬 파일 시스템, Amazon S3와 같은 클라우드 기반 스토리지 등을 지원하여, 데이터를 안전하고 유연하게 관리할 수 있습니다. 예를 들어, 대용량 파일을 S3에 저장하여 비용을 절감하고, 버전 관리 기능을 통해 데이터의 변경 내역을 추적할 수 있습니다. 다양한 스토리지 옵션은 기업의 필요에 맞춰 선택할 수 있는 유연성을 제공합니다.
+- **클러스터링 환경 지원 스케줄러**: 클러스터링 환경에서도 사용 가능한 스케줄러 서비스를 통해 작업의 효율성을 높일 수 있습니다. 예를 들어, 분산 처리 작업을 여러 노드에 배포하여 병렬로 실행하고, 작업 완료 시 결과를 집계하는 방식을 사용할 수 있습니다. 이 기능은 대규모 데이터 처리 작업을 분산시켜, 시스템의 부하를 효과적으로 관리합니다. 이를 통해 높은 가용성과 안정성을 유지할 수 있습니다.
+
+### 2. **보안 및 인증**
+
+보안과 인증은 현대 애플리케이션의 필수 요소입니다. Things-Factory 프레임워크는 생체인증 로그인, SSO(Single Sign-On), OAuth2 지원을 통해 강력한 보안 기능을 제공합니다. 이를 통해 사용자의 데이터를 보호하고, 안전한 인증 및 인가 과정을 구현할 수 있습니다.
+
+- **생체인증 로그인**: 지문이나 얼굴 인식 등 생체인증 기술을 활용하여, 사용자의 보안을 강화합니다. 예를 들어, 지문 인식을 통해 로그인할 때, 사용자는 복잡한 비밀번호를 기억할 필요 없이 간편하게 접근할 수 있습니다. 이를 통해 비밀번호 도난의 위험을 줄이고, 로그인 과정을 간편하게 만듭니다. 생체인증은 은행, 헬스케어 등 보안이 중요한 분야에서 특히 유용합니다.
+- **SSO 준비**: Google, Azure와 같은 SSO 솔루션을 통합하여, 사용자 인증을 중앙에서 관리할 수 있습니다. 예를 들어, 사용자는 회사 내 여러 애플리케이션에 단일 로그인만으로 접근할 수 있으며, IT 관리자는 사용자의 접근 권한을 일원화하여 관리할 수 있습니다. SSO는 기업 내 보안 수준을 높이고, 사용자 경험을 향상시킵니다.
+- **OAuth2 지원**: OAuth2 프로토콜을 통해 안전한 인증 및 인가 과정을 제공합니다. 예를 들어, 제3자 애플리케이션이 사용자의 데이터에 접근하려면, 사용자는 OAuth2를 통해 해당 애플리케이션에 접근 권한을 부여할 수 있습니다. 이를 통해 제3자 애플리케이션과의 안전한 데이터 공유가 가능하며, 사용자 권한을 효과적으로 관리할 수 있습니다. OAuth2는 소셜 로그인, API 연동 등 다양한 시나리오에서 활용될 수 있습니다.
+- **역할 기반 접근 제어 (RBAC)**: 이 프레임워크는 사전에 정의된 역할과 권한을 기반으로 사용자 접근 관리를 할 수 있는 RBAC 모델 설정을 허용합니다. 예를 들어, 관리자는 '관리자', '편집자', '뷰어'와 같은 역할을 정의할 수 있으며, 각 역할에는 특정 접근 권한과 특권이 부여됩니다. 이를 통해 사용자는 자신의 역할에 필요한 리소스와 기능에만 접근할 수 있어 보안이 강화되고 관리가 간소화됩니다. RBAC 모델은 복잡한 조직 구조를 가진 환경에서 특히 유용하며, 세밀한 접근 제어와 보안 정책 준수를 보장합니다.
+
+### 3. **API 및 통신**
+
+강력한 API와 통신 기능은 Things-Factory 프레임워크의 핵심 요소입니다. GraphQL 기반 API와 PubSub 채널을 통해 클라이언트와 서버 간의 원활한 데이터 교환을 지원하며, 다양한 통합 기능을 제공합니다. 이를 통해 개발자는 효율적이고 확장 가능한 애플리케이션을 구축할 수 있습니다.
+
+- **GraphQL 기반 API**: 강력한 타입 체킹을 지원하는 GraphQL 기반 API를 통해 클라이언트와 서버 간의 원활한 통신을 보장합니다. 예를 들어, 클라이언트는 필요한 데이터만 요청하고, 서버는 해당 데이터만 응답함으로써, 네트워크 트래픽을 줄이고 성능을 최적화할 수 있습니다. 이를 통해 데이터 요청과 응답이 명확하게 정의되어, 버그를 줄이고 개발 속도를 높일 수 있습니다. GraphQL의 유연성은 다양한 데이터 요구에 신속하게 대응할 수 있습니다.
+- **GraphQL PubSub 채널**: PubSub 통신 메커니즘을 통해 실시간 데이터 업데이트와 이벤트 처리를 효과적으로 수행할 수 있습니다. 예를 들어, 채팅 애플리케이션에서 메시지가 실시간으로 업데이트되거나, 주식 거래 시스템에서 가격 변동이 즉시 반영될 수 있습니다. 이 기능은 실시간 피드백이 중요한 애플리케이션에 적합하며, 사용자에게 최신 정보를 빠르게 전달할 수 있습니다.
+- **다양한 통합 기능**: 다양한 어댑터 구조와 통합 시나리오 구성을 위한 task 컴포넌트를 제공하여, EAI(Enterprise Application Integration)를 쉽게 구현할 수 있습니다. 예를 들어, ERP 시스템과 CRM 시스템 간의 데이터 통합을 자동화하여, 양 시스템 간의 데이터를 실시간으로 동기화할 수 있습니다. 이를 통해 여러 시스템 간의 데이터 통합과 프로세스 자동화를 효율적으로 관리할 수 있습니다. 통합 기능은 기업 내 다양한 애플리케이션을 유기적으로 연결해줍니다.
+
+### 4. **사용자 인터페이스 및 사용자 경험**
+
+사용자 인터페이스와 경험은 애플리케이션의 성공에 중요한 요소입니다. Things-Factory 프레임워크는 완벽한 PWA 기능, UI 테마 적용, 반응형 UX, WebComponents 기반 구조, 내장 UI 컴포넌트 등을 통해 최적의 사용자 경험을 제공합니다. 이를 통해 사용자는 직관적이고 효율적인 인터페이스를 사용할 수 있습니다.
+
+- **PWA 기능**: Things-Factory는 완전한 PWA(Progressive Web App) 기능을 지원하여, 웹 애플리케이션이 네이티브 앱과 같은 사용자 경험을 제공합니다. 예를 들어, 사용자는 애플리케이션을 홈 화면에 추가하여 네이티브 앱처럼 사용할 수 있으며, 오프라인 상태에서도 기본적인 기능을 사용할 수 있습니다. 이를 통해 애플리케이션은 오프라인에서도 작동하며, 빠른 로딩 속도와 높은 성능을 유지할 수 있습니다. PWA 기능은 사용자 접근성을 크게 향상시킵니다.
+- **UI 테마 적용**: Material Theme 컨셉을 적용하여 다양한 애플리케이션에 일관된 테마를 제공합니다. 예를 들어, 다크 모드와 라이트 모드를 지원하여 사용자가 원하는 테마를 선택할 수 있으며, 기업의 브랜드 아이덴티티에 맞춘 커스터마이징이 가능합니다. 이를 통해 사용자 경험을 향상시키고, 브랜드 일관성을 유지할 수 있습니다.
+- **반응형 UX**: 모바일, 태블릿, 데스크탑 등 다양한 환경에서 최적화된 반응형 UX를 제공합니다. 예를 들어, 사용자는 스마트폰, 태블릿, 데스크탑 등 어떤 기기에서든 동일한 애플리케이션을 일관된 경험으로 사용할 수 있습니다. 이를 통해 사용자는 어떤 기기에서도 일관된 경험을 할 수 있으며, 개발자는 하나의 코드베이스로 여러 플랫폼을 지원할 수 있습니다. 반응형 UX는 개발 효율성과 사용자 만족도를 높입니다.
+- **WebComponents 기반 구조**: WebComponents 기반의 애플리케이션 구조를 통해, 표준화된 컴포넌트 사용과 확장이 용이합니다. 예를 들어, 개발자는 공통 UI 요소를 WebComponent로 정의하여 재사용하고, 프로젝트 간 일관성을 유지할 수 있습니다. 이를 통해 개발자는 재사용 가능한 컴포넌트를 쉽게 만들고 유지할 수 있습니다. WebComponents는 개발 효율성과 코드 품질을 높입니다.
+- **내장 UI 컴포넌트**: 데이터 그리드 등 다양한 UI 컴포넌트를 자체 제공하여, 프레임워크와 완벽히 결합되어 생산성을 향상시킵니다. 예를 들어, 복잡한 데이터 테이블을 쉽게 구현하고, 다양한 필터링 및 정렬 기능을 제공할 수 있습니다. 이를 통해 개발자는 필요한 UI 요소를 빠르게 구현할 수 있으며, 사용자에게 직관적인 인터페이스를 제공합니다. 내장 컴포넌트는 개발 시간과 비용을 절감합니다.
+- **그래픽 및 HTML UI 모델러**: 대시보드, Machine Control UI, Floor Control UI 등을 위한 WYSIWYG 기반의 UI 모델러를 제공하여, 생산성을 높입니다. 예를 들어, 사용자는 드래그 앤 드롭 방식으로 대시보드를 구성하고, 실시간 데이터를 시각화할 수 있습니다. 다양한 차트와 비즈니스 컴포넌트를 활용하여, 사용자는 직관적인 그래픽 인터페이스를 만들 수 있습니다. 이 기능은 복잡한 UI를 쉽게 모델링할 수 있게 합니다.
+- **라벨 모델링 및 데이터바인딩된 라벨 생성**: Things-Factory는 100종류 이상의 다양한 바코드 형식을 지원하며, 사용자가 WYSIWYG 방식으로 라벨을 모델링할 수 있습니다. 예를 들어, 사용자는 드래그 앤 드롭 방식으로 라벨에 텍스트, 이미지, 바코드를 추가하고, 데이터와 바인딩하여 실시간으로 라벨을 생성할 수 있습니다. 이를 통해 바코드 라벨 출력 언어를 몰라도 정확하게 모델링한 모양으로 프린트할 수 있으며, 다양한 폰트와 바코드 형식을 적용한 라벨을 손쉽게 만들 수 있습니다. 이 기능은 물류, 제조, 유통 등 다양한 분야에서 효율적인 라벨링을 가능하게 합니다.
+- **데이터 분석 및 시각화 도구**: 이 프레임워크는 WYSIWYG 기반 모델링 및 간편한 데이터 바인딩 기능을 포함한 강력한 데이터 분석 및 시각화 도구를 제공합니다. 예를 들어, 사용자는 드래그 앤 드롭 인터페이스를 통해 차트, 그래프, 대시보드와 같은 데이터 시각화를 생성하고 구성할 수 있으며, 이러한 시각적 구성 요소에 데이터를 쉽게 바인딩할 수 있습니다. 이를 통해 사용자는 인터랙티브하고 시각적으로 매력적인 표현을 통해 데이터에서 인사이트를 얻을 수 있으며, 의사 결정 및 데이터 기반 전략을 개선할 수 있습니다.
+
+### 5. **개발 생산성 및 관리**
+
+효율적인 개발과 관리 도구는 Things-Factory 프레임워크의 핵심입니다. 모듈 구조의 재활용성, 계층적 도메인 구조, 사용자 정의 메뉴 시스템, 다국어 기능 등을 통해 개발 생산성과 관리 효율성을 극대화합니다. 이를 통해 개발자는 더 빠르고 효율적으로 애플리케이션을 구축할 수 있습니다.
+
+- **모듈 구조의 재활용성**: 완벽한 모듈 구조를 통해, 코드를 재활용하고 유지보수하기 쉽게 만듭니다. 예를 들어, 공통 기능을 모듈로 분리하여 여러 프로젝트에서 재사용할 수 있으며, 새로운 기능 추가 시 기존 코드를 수정하지 않고도 쉽게 확장할 수 있습니다. 이를 통해 개발자는 반복적인 작업을 줄이고, 생산성을 극대화할 수 있습니다. 모듈 구조는 애플리케이션의 확장성을 높이고, 품질을 유지합니다.
+- **계층적 도메인 구조**: 상속 가능한 테넌시 구조를 지원하여, 복잡한 다중 도메인 환경에서도 효율적인 관리가 가능합니다. 예를 들어, 여러 하위 도메인이 상위 도메인의 설정과 권한을 상속받아, 일관된 정책을 유지할 수 있습니다. 이를 통해 다양한 비즈니스 요구에 유연하게 대응할 수 있으며, 테넌트 간의 데이터와 설정을 효율적으로 관리할 수 있습니다. 계층적 구조는 관리 효율성을 높입니다.
+- **사용자 정의 메뉴 시스템 제공**: 각기 다른 사용자 요구에 맞춰 메뉴 시스템을 사용자 정의할 수 있습니다. 예를 들어, 관리자와 일반 사용자에게 각각 다른 메뉴를 제공하여, 필요 없는 기능을 숨기고 중요한 기능을 강조할 수 있습니다. 이를 통해 사용자는 자신에게 최적화된 인터페이스를 만들 수 있으며, 관리자는 다양한 설정을 유연하게 조정할 수 있습니다. 사용자 정의 메뉴 시스템은 사용자 경험을 향상시킵니다.
+- **다국어 기능**: 테넌시별 사용자 정의 다국어 기능을 통해, 글로벌 비즈니스 환경에서도 원활한 애플리케이션 사용을 보장합니다. 예를 들어, 각 국가별로 언어와 지역 설정을 적용하여, 사용자에게 최적화된 콘텐츠를 제공할 수 있습니다. 이를 통해 각기 다른 언어를 사용하는 사용자들에게 일관된 경험을 제공합니다. 다국어 기능은 글로벌 시장 진출을 용이하게 합니다.
+- **마크다운 기반 도움말 및 콘텐츠 구성**: 마크다운 기반의 다국어 도움말 제공 및 콘텐츠 구성 프레임워크를 통해, 사용자 지원과 문서화를 쉽게 관리할 수 있습니다. 예를 들어, 기술 문서를 마크다운 형식으로 작성하여, 다양한 언어로 번역하고 유지보수할 수 있습니다. 이를 통해 사용자는 필요한 정보를 빠르게 찾을 수 있으며, 관리자는 문서를 효율적으로 유지할 수 있습니다. 마크다운 기반 도움말은 사용자 경험을 개선합니다.
+- **워크플로우 기반**: 사용자 Todo 리스트와 결재 승인 업무처리를 위한 워크플로우 기반을 제공하여, 업무 효율성을 높입니다. 예를 들어, 프로젝트 관리에서 팀원이 할 일을 할당받고, 완료된 작업을 승인받는 과정을 자동화할 수 있습니다. 이를 통해 사용자는 작업을 체계적으로 관리할 수 있으며, 결재 과정을 간소화할 수 있습니다. 워크플로우 기반은 조직의 생산성을 향상시킵니다.
+- **데이터 그리드**: 다양한 환경에서 사용 가능한 데이터 그리드를 제공하며, 사용자 개인화 기능을 지원합니다. 예를 들어, 사용자는 자신의 필요에 맞춰 데이터 그리드의 열을 추가하거나 삭제하고, 필터링과 정렬 기능을 통해 데이터를 쉽게 관리할 수 있습니다. 이를 통해 사용자는 자신에게 최적화된 데이터 뷰를 만들 수 있으며, 개발자는 다양한 데이터 표현 방식을 쉽게 구현할 수 있습니다. 데이터 그리드는 사용자 경험을 향상시킵니다.
+
+### 6. **데이터 관리 및 통합**
+
+데이터 관리와 통합은 Things-Factory 프레임워크의 중요한 요소입니다. 다양한 데이터베이스 지원, 데이터 수집 및 입력 서비스, 헤드리스 크롬 활용 등 기능을 통해 데이터의 안전한 관리와 효율적인 통합을 제공합니다. 이를 통해 기업은 데이터를 효과적으로 활용할 수 있습니다.
+
+- **다양한 데이터베이스 지원**: 클라우드뿐만 아니라 온프레미스 환경에서도 다양한 데이터베이스를 지원하여, 유연한 데이터 관리를 가능하게 합니다. 예를 들어, MySQL, PostgreSQL, MongoDB 등 다양한 데이터베이스와의 통합을 지원하여, 기업의 기존 데이터베이스 환경을 그대로 활용할 수 있습니다. 이를 통해 기업은 자체 데이터베이스와 클라우드 기반 데이터베이스를 모두 활용할 수 있습니다. 다양한 데이터베이스 지원은 데이터 전략의 유연성을 제공합니다.
+- **데이터 수집 및 입력 서비스**: 데이터 수집, 입력, 아카이브, 서머리 모델링 서비스를 제공하여, 데이터를 효율적으로 관리할 수 있습니다. 예를 들어, IoT 센서 데이터, 사용자 입력 데이터 등을 실시간으로 수집하고, 필요한 형식으로 변환하여 저장할 수 있습니다. 이를 통해 기업은 데이터의 수명 주기를 효과적으로 관리하고, 필요한 데이터를 신속하게 접근할 수 있습니다. 데이터 수집 및 입력 서비스는 데이터 관리의 효율성을 높입니다.
+- **헤드리스 크롬 활용**: 이미지 기반 바코드 라벨 프린트, 썸네일 이미지 추출, 데이터 스크래핑을 통한 데이터 통합 등 다양한 기능을 제공합니다. 예를 들어, 웹 페이지의 스크린샷을 자동으로 캡처하여 썸네일 이미지를 생성하거나, 제품 바코드를 생성하여 라벨에 출력할 수 있습니다. 이를 통해 복잡한 데이터 작업을 자동화하고, 데이터를 효율적으로 통합할 수 있습니다. 헤드리스 크롬 활용은 데이터 처리 작업을 간소화합니다.
+
+Things-Factory 프레임워크는 최신 기술과 다양한 기능을 통합하여, 기업용 애플리케이션 개발에 최적화된 솔루션을 제공합니다. 혁신적인 개발 도구와 강력한 통합 기능을 통해, 높은 생산성과 유연성을 갖춘 애플리케이션을 쉽게 개발할 수 있습니다.
+
+## Developers Guide
+
+[Things Factory Framework Developers Guide](http://www.hatiolab.com/things-factory-doc/ko/intro/framework/)
+
+## Framework Concepts
+
+- [redirection](/helps/about/framework/redirection.md)
+- [typegraphql](/helps/about/framework/typegraphql.md)

package/helps/about/framework.md

@@ -1,5 +1,68 @@
 # Things Factory Framework
 
+## Framework Features
+
+### 1. **Cloud and Infrastructure Support**
+
+Things-Factory framework offers perfect compatibility with modern cloud infrastructure, making application deployment and management more efficient. Its Edge Computing feature maximizes data processing efficiency and supports flexible data management through various file storage options. It is designed to maintain high performance even in clustering environments.
+
+- **Preparing for cloud service structure**: Things-Factory provides seamless integration with major cloud platforms such as AWS, GCP, Azure, and Kubernetes (K8s). This allows users to easily deploy and manage applications in a cloud environment. For example, features such as auto-scaling and load balancing ensure stable service even during traffic spikes, and IaC (Infrastructure as Code) support allows managing cloud resources through code.
+- **Edge Computing**: By executing data modeled in the cloud at the Edge, it provides real-time data processing and quick responsiveness. For example, it can process large volumes of sensor data generated in manufacturing sites in real-time, selecting and filtering the necessary data before sending it to the cloud. This feature maintains high performance even in distributed environments and minimizes network latency.
+- **Utilizing various file storages**: It supports local file systems and cloud-based storages like Amazon S3, enabling safe and flexible data management. For example, storing large files in S3 reduces costs, and version management features allow tracking data changes. Various storage options provide flexibility to choose according to the enterprise's needs.
+- **Scheduler support for clustering environments**: Scheduler services available in clustering environments can enhance task efficiency. For example, it can distribute distributed processing tasks across multiple nodes for parallel execution and aggregate results upon task completion. This feature effectively manages system load by distributing large-scale data processing tasks. It maintains high availability and stability.
+
+### 2. **Security and Authentication**
+
+Security and authentication are essential elements of modern applications. The Things-Factory framework offers strong security features through biometric authentication login, SSO (Single Sign-On), and OAuth2 support. This protects user data and implements secure authentication and authorization processes.
+
+- **Biometric authentication login**: It enhances user security by utilizing biometric technologies such as fingerprint or facial recognition. For example, when logging in through fingerprint recognition, users can easily access without remembering complex passwords. This reduces the risk of password theft and simplifies the login process. Biometric authentication is especially useful in fields where security is crucial, such as banking and healthcare.
+- **SSO preparation**: By integrating SSO solutions like Google and Azure, it allows centralized management of user authentication. For example, users can access multiple applications within the company with a single login, and IT administrators can manage user access rights centrally. SSO increases security levels within the enterprise and improves user experience.
+- **OAuth2 support**: It provides secure authentication and authorization processes through the OAuth2 protocol. For example, when a third-party application wants to access user data, users can grant access rights to the application through OAuth2. This enables secure data sharing with third-party applications and effectively manages user permissions. OAuth2 can be used in various scenarios such as social login and API integration.
+- **Role-Based Access Control (RBAC)**: The framework allows setting up an RBAC model, enabling user access management based on predefined roles and permissions. For example, administrators can define roles such as 'admin,' 'editor,' and 'viewer,' each with specific access rights and privileges. This ensures that users only have access to the resources and functions necessary for their roles, enhancing security and simplifying management. The RBAC model is especially useful in environments with complex organizational structures, ensuring fine-grained access control and compliance with security policies.
+
+### 3. **API and Communication**
+
+Powerful API and communication features are core elements of the Things-Factory framework. It supports smooth data exchange between clients and servers through GraphQL-based APIs and PubSub channels, providing various integration features. This allows developers to build efficient and scalable applications.
+
+- **GraphQL-based API**: It ensures smooth communication between clients and servers through GraphQL-based APIs that support strong type checking. For example, clients can request only the necessary data, and servers respond only with that data, reducing network traffic and optimizing performance. This clearly defines data requests and responses, reducing bugs and speeding up development. GraphQL's flexibility can quickly respond to various data needs.
+- **GraphQL PubSub channel**: It effectively performs real-time data updates and event handling through the PubSub communication mechanism. For example, in a chat application, messages are updated in real-time, or price changes are immediately reflected in a stock trading system. This feature is suitable for applications where real-time feedback is important and quickly delivers the latest information to users.
+- **Various integration features**: It provides task components for structuring various adapter structures and integration scenarios, making EAI (Enterprise Application Integration) easy to implement. For example, it can automate data integration between ERP systems and CRM systems, synchronizing data between both systems in real-time. This effectively manages data integration and process automation between multiple systems. Integration features organically connect various applications within the enterprise.
+
+### 4. **User Interface and User Experience**
+
+User interface and experience are crucial elements for the success of an application. Things-Factory framework provides optimal user experience through complete PWA functionality, UI theme application, responsive UX, WebComponents-based structure, and built-in UI components. This allows users to use an intuitive and efficient interface.
+
+- **PWA functionality**: Things-Factory supports full PWA (Progressive Web App) functionality, providing a user experience similar to native apps. For example, users can add the application to the home screen and use it like a native app, and basic functions can be used even offline. This ensures the application works offline and maintains fast loading speeds and high performance. PWA functionality greatly enhances user accessibility.
+- **UI theme application**: By applying the Material Theme concept, it provides consistent themes for various applications. For example, it supports dark mode and light mode, allowing users to choose their preferred theme, and enables customization to match the company's brand identity. This enhances user experience and maintains brand consistency.
+- **Responsive UX**: It offers optimized responsive UX for various environments such as mobile, tablet, and desktop. For example, users can use the same application with a consistent experience on any device, including smartphones, tablets, and desktops. This allows users to have a consistent experience on any device, and developers can support multiple platforms with a single codebase. Responsive UX increases development efficiency and user satisfaction.
+- **WebComponents-based structure**: By using a WebComponents-based application structure, it makes standardized component usage and expansion easy. For example, developers can define common UI elements as WebComponents for reuse and maintain consistency across projects. This allows developers to easily create and maintain reusable components. WebComponents increase development efficiency and code quality.
+- **Built-in UI components**: It provides built-in UI components such as data grids, which are perfectly integrated with the framework, enhancing productivity. For example, it can easily implement complex data tables and provide various filtering and sorting functions. This allows developers to quickly implement the necessary UI elements and provide an intuitive interface to users. Built-in components reduce development time and costs.
+- **Graphic and HTML UI modeler**: It provides a WYSIWYG-based UI modeler for dashboards, Machine Control UI, Floor Control UI, etc., enhancing productivity. For example, users can configure dashboards with a drag-and-drop method and visualize real-time data. By using various charts and business components, users can create an intuitive graphic interface. This feature makes it easy to model complex UIs.
+- **Label modeling and data-bound label creation**: Things-Factory supports over 100 types of barcodes and allows users to model labels with a WYSIWYG method. For example, users can add text, images, and barcodes to labels through drag-and-drop, and generate labels in real-time by binding data. This allows users to print labels accurately modeled without knowing the barcode label printing language, and easily create labels with various fonts and barcode formats. This feature enables efficient labeling in logistics, manufacturing, distribution, and various other fields.
+- **Data Analysis and Visualization Tools**: The framework provides robust tools for data analysis and visualization, including WYSIWYG-based modeling and simple data binding features. For example, users can create and configure data visualizations such as charts, graphs, and dashboards with a drag-and-drop interface, making it easy to bind data to these visual components. This enables users to gain insights from their data through interactive and visually appealing representations, improving decision-making and data-driven strategies.
+
+### 5. **Development Productivity and Management**
+
+Efficient development and management tools are key to the Things-Factory framework. It maximizes development productivity and management efficiency through modular structure reusability, hierarchical domain structure, user-defined menu system, multilingual functionality, etc. This allows developers to build applications more quickly and efficiently.
+
+- **Modular structure reusability**: Through a complete modular structure, it makes code reuse and maintenance easy. For example, it can separate common functions into modules for reuse across multiple projects and easily extend new functions without modifying existing code. This reduces repetitive tasks for developers and maximizes productivity. The modular structure enhances application scalability and maintains quality.
+- **Hierarchical domain structure**: By supporting an inheritable tenancy structure, it enables efficient management even in complex multi-domain environments. For example, multiple subdomains can inherit the settings and permissions of the parent domain, maintaining consistent policies. This allows flexible response to various business needs and efficient management of data and settings across tenants. The hierarchical structure increases management efficiency.
+- **User-defined menu system**: It allows customizing the menu system to meet different user requirements. For example, it can provide different menus to administrators and general users, hiding unnecessary functions and emphasizing important ones. This enables users to create an optimized interface for themselves, and administrators can flexibly adjust various settings. The user-defined menu system enhances user experience.
+- **Multilingual functionality**: Through user-defined multilingual functionality for each tenancy, it ensures smooth application use even in a global business environment. For example, it can apply language and regional settings for each country, providing optimized content to users. This provides a consistent experience to users speaking different languages. The multilingual functionality facilitates global market entry.
+- **Markdown-based help and content organization**: Through a Markdown-based multilingual help and content organization framework, it makes user support and documentation easy to manage. For example, it can write technical documents in Markdown format, translate and maintain them in various languages. This allows users to quickly find the necessary information, and administrators to efficiently maintain documentation. Markdown-based help improves user experience.
+- **Workflow-based**: It provides a workflow basis for handling user to-do lists and approval tasks, enhancing work efficiency. For example, in project management, team members can be assigned tasks, and the process of approving completed tasks can be automated. This allows users to systematically manage tasks and streamline the approval process. The workflow basis improves organizational productivity.
+- **Data grid**: It provides a data grid usable in various environments and supports user personalization features. For example, users can add or delete columns in the data grid according to their needs and easily manage data through filtering and sorting functions. This allows users to create a data view optimized for themselves, and developers to easily implement various data representation methods. The data grid enhances user experience.
+
+### 6. **Data Management and Integration**
+
+Data management and integration are important elements of the Things-Factory framework. It provides safe data management and efficient integration through support for various databases, data collection and input services, headless Chrome utilization, etc. This allows enterprises to effectively utilize data.
+
+- **Supporting various databases**: It supports various databases in both cloud and on-premises environments, enabling flexible data management. For example, it supports integration with various databases such as MySQL, PostgreSQL, MongoDB, allowing enterprises to utilize their existing database environment. This allows enterprises to utilize both their own databases and cloud-based databases. Supporting various databases provides flexibility in data strategy.
+- **Data collection and input services**: It provides services for data collection, input, archiving, and summary modeling, allowing efficient data management. For example, it can collect IoT sensor data, user input data, etc., in real-time, convert them into the necessary format, and store them. This allows enterprises to effectively manage the data lifecycle and quickly access the necessary data. Data collection and input services increase the efficiency of data management.
+- **Utilizing headless Chrome**: It provides various functions such as image-based barcode label printing, thumbnail image extraction, and data integration through data scraping. For example, it can automatically capture screenshots of web pages to generate thumbnail images or create product barcodes for label printing. This automates complex data tasks and integrates data efficiently. Utilizing headless Chrome simplifies data processing tasks.
+
+The Things-Factory framework integrates the latest technologies and various features, providing an optimized solution for enterprise application development. Through innovative development tools and powerful integration features, it allows easy development of applications with high productivity and flexibility.
+
 ## Developers Guide
 
 [Things Factory Framework Developers Guide](http://www.hatiolab.com/things-factory-doc/ko/intro/framework/)

package/helps/about/framework.ms.md

@@ -0,0 +1,76 @@
+# Things Factory Framework
+
+## Ciri-Ciri Rangka Kerja
+
+### 1. **Sokongan Awan dan Infrastruktur**
+
+Rangka kerja Things-Factory menawarkan keserasian sempurna dengan infrastruktur awan moden, menjadikan penyebaran dan pengurusan aplikasi lebih cekap. Fungsi Pengkomputeran Edge memaksimumkan kecekapan pemprosesan data dan menyokong pengurusan data yang fleksibel melalui pelbagai pilihan storan fail. Ia direka untuk mengekalkan prestasi tinggi walaupun dalam persekitaran pengelompokan.
+
+- **Penyediaan struktur perkhidmatan awan**: Things-Factory menyediakan integrasi lancar dengan platform awan utama seperti AWS, GCP, Azure dan Kubernetes (K8s). Ini membolehkan pengguna menyebarkan dan mengurus aplikasi dengan mudah dalam persekitaran awan. Sebagai contoh, ciri-ciri penskalaan automatik dan pengimbangan beban memastikan perkhidmatan stabil walaupun semasa lonjakan trafik, dan sokongan IaC (Infrastructure as Code) membolehkan pengurusan sumber awan melalui kod.
+- **Pengkomputeran Edge**: Dengan melaksanakan data yang dimodelkan dalam awan di Edge, ia menyediakan pemprosesan data masa nyata dan respons cepat. Sebagai contoh, ia boleh memproses sejumlah besar data sensor yang dihasilkan di tapak pembuatan dalam masa nyata, memilih dan menapis data yang diperlukan sebelum menghantarnya ke awan. Fungsi ini mengekalkan prestasi tinggi walaupun dalam persekitaran teragih dan meminimumkan kelewatan rangkaian.
+- **Memanfaatkan pelbagai storan fail**: Menyokong sistem fail tempatan dan storan berasaskan awan seperti Amazon S3, membolehkan pengurusan data yang selamat dan fleksibel. Sebagai contoh, menyimpan fail besar dalam S3 mengurangkan kos, dan ciri pengurusan versi membolehkan penjejakan perubahan data. Pelbagai pilihan storan menyediakan fleksibiliti untuk dipilih mengikut keperluan perusahaan.
+- **Penyokong penjadual persekitaran pengelompokan**: Perkhidmatan penjadual yang boleh digunakan dalam persekitaran pengelompokan meningkatkan kecekapan tugas. Sebagai contoh, ia boleh mengagihkan tugas pemprosesan teragih kepada pelbagai nod untuk pelaksanaan selari dan mengumpulkan hasil selepas tugas selesai. Fungsi ini menguruskan beban sistem dengan berkesan dengan mengagihkan tugas pemprosesan data berskala besar. Ini mengekalkan ketersediaan dan kestabilan tinggi.
+
+### 2. **Keselamatan dan Pengesahan**
+
+Keselamatan dan pengesahan adalah elemen penting dalam aplikasi moden. Rangka kerja Things-Factory menawarkan ciri keselamatan yang kuat melalui log masuk pengesahan biometri, SSO (Single Sign-On), dan sokongan OAuth2. Ini melindungi data pengguna dan melaksanakan proses pengesahan dan kebenaran yang selamat.
+
+- **Log masuk pengesahan biometri**: Menggunakan teknologi pengesahan biometri seperti cap jari atau pengecaman wajah untuk meningkatkan keselamatan pengguna. Sebagai contoh, apabila log masuk melalui pengecaman cap jari, pengguna boleh mengakses dengan mudah tanpa mengingati kata laluan yang rumit. Ini mengurangkan risiko kecurian kata laluan dan memudahkan proses log masuk. Pengesahan biometri sangat berguna dalam bidang di mana keselamatan sangat penting seperti perbankan dan penjagaan kesihatan.
+- **Persediaan SSO**: Dengan mengintegrasikan penyelesaian SSO seperti Google dan Azure, ia membolehkan pengurusan pengesahan pengguna secara pusat. Sebagai contoh, pengguna boleh mengakses pelbagai aplikasi dalam syarikat dengan satu log masuk, dan pentadbir IT boleh mengurus hak akses pengguna secara pusat. SSO meningkatkan tahap keselamatan dalam syarikat dan meningkatkan pengalaman pengguna.
+- **Sokongan OAuth2**: Menyediakan proses pengesahan dan kebenaran yang selamat melalui protokol OAuth2. Sebagai contoh, apabila aplikasi pihak ketiga ingin mengakses data pengguna, pengguna boleh memberikan hak akses kepada aplikasi tersebut melalui OAuth2. Ini membolehkan perkongsian data yang selamat dengan aplikasi pihak ketiga dan menguruskan hak pengguna dengan berkesan. OAuth2 boleh digunakan dalam pelbagai senario seperti log masuk sosial dan integrasi API.
+- **Kawalan Akses Berasaskan Peranan (RBAC)**: Rangka kerja ini membolehkan penetapan model RBAC, membolehkan pengurusan akses pengguna berdasarkan peranan dan kebenaran yang telah ditetapkan. Sebagai contoh, pentadbir boleh mentakrifkan peranan seperti 'admin,' 'editor,' dan 'viewer,' setiap satu dengan hak akses dan keistimewaan tertentu. Ini memastikan pengguna hanya boleh mengakses sumber dan fungsi yang diperlukan untuk peranan mereka, meningkatkan keselamatan dan memudahkan pengurusan. Model RBAC amat berguna dalam persekitaran dengan struktur organisasi yang kompleks, memastikan kawalan akses yang terperinci dan pematuhan kepada polisi keselamatan.
+
+### 3. **API dan Komunikasi**
+
+Ciri-ciri API dan komunikasi yang kuat adalah elemen utama dalam rangka kerja Things-Factory. Ia menyokong pertukaran data yang lancar antara klien dan pelayan melalui API berasaskan GraphQL dan saluran PubSub, menyediakan pelbagai ciri integrasi. Ini membolehkan pembangun membina aplikasi yang cekap dan boleh diperluaskan.
+
+- **API berasaskan GraphQL**: Menyokong komunikasi yang lancar antara klien dan pelayan melalui API berasaskan GraphQL yang menyokong pemeriksaan jenis yang kuat. Sebagai contoh, klien boleh meminta hanya data yang diperlukan, dan pelayan akan membalas hanya dengan data tersebut, mengurangkan trafik rangkaian dan mengoptimumkan prestasi. Ini mentakrifkan dengan jelas permintaan dan balasan data, mengurangkan pepijat dan mempercepatkan pembangunan. Fleksibiliti GraphQL membolehkan respons cepat terhadap pelbagai keperluan data.
+- **Saluran PubSub GraphQL**: Melalui mekanisme komunikasi PubSub, ia boleh melaksanakan kemas kini data masa nyata dan pemprosesan acara dengan berkesan. Sebagai contoh, dalam aplikasi sembang, mesej dikemas kini dalam masa nyata, atau dalam sistem perdagangan saham, perubahan harga segera dipaparkan. Fungsi ini sesuai untuk aplikasi di mana maklum balas masa nyata adalah penting dan menyediakan maklumat terkini kepada pengguna dengan cepat.
+- **Ciri integrasi pelbagai**: Menyediakan komponen tugas untuk membina pelbagai struktur penyesuai dan senario integrasi, memudahkan pelaksanaan EAI (Enterprise Application Integration). Sebagai contoh, ia boleh mengotomatikkan integrasi data antara sistem ERP dan CRM, menyegerakkan data antara kedua-dua sistem dalam masa nyata. Ini menguruskan integrasi data dan automasi proses antara pelbagai sistem dengan berkesan. Ciri integrasi menghubungkan pelbagai aplikasi dalam syarikat secara organik.
+
+### 4. **Antara Muka Pengguna dan Pengalaman Pengguna**
+
+Antara muka pengguna dan pengalaman adalah elemen penting untuk kejayaan aplikasi. Rangka kerja Things-Factory menyediakan pengalaman pengguna yang optimum melalui fungsi PWA lengkap, penerapan tema UI, UX responsif, struktur berasaskan WebComponents, dan komponen UI terbina dalam. Ini membolehkan pengguna menggunakan antara muka yang intuitif dan cekap.
+
+- **Fungsi PWA**: Things-Factory menyokong fungsi PWA (Progressive Web App) lengkap, menyediakan pengalaman pengguna yang serupa dengan aplikasi asli. Sebagai contoh, pengguna boleh menambah aplikasi ke skrin utama dan menggunakannya seperti aplikasi asli, dan menggunakan fungsi asas walaupun dalam keadaan luar talian. Ini memastikan aplikasi berfungsi walaupun dalam keadaan luar talian dan mengekalkan kelajuan pemuatan yang cepat dan prestasi tinggi. Fungsi PWA meningkatkan kebolehcapaian pengguna dengan ketara.
+- **Penerapan tema UI**: Dengan menerapkan konsep Material Theme, ia menyediakan tema yang konsisten untuk pelbagai aplikasi. Sebagai contoh, menyokong mod gelap dan mod terang, membolehkan pengguna memilih tema pilihan mereka, dan membolehkan penyesuaian mengikut identiti jenama syarikat. Ini meningkatkan pengalaman pengguna dan mengekalkan konsistensi jenama.
+- **UX responsif**: Menyediakan UX responsif yang dioptimumkan untuk pelbagai persekitaran seperti mudah alih, tablet, dan desktop. Sebagai contoh, pengguna boleh menggunakan aplikasi yang sama dengan pengalaman yang konsisten pada mana-mana peranti, termasuk telefon pintar, tablet, dan desktop. Ini membolehkan pengguna mempunyai pengalaman yang konsisten pada mana-mana peranti, dan pembangun boleh menyokong pelbagai platform dengan satu kod asas. UX responsif meningkatkan kecekapan pembangunan dan kepuasan pengguna.
+- **Struktur berasaskan WebComponents**: Melalui struktur aplikasi berasaskan WebComponents, ia memudahkan penggunaan dan pengembangan komponen standard. Sebagai contoh, pembangun boleh mentakrifkan elemen UI yang biasa sebagai WebComponent untuk digunakan semula dan mengekalkan konsistensi antara projek. Ini membolehkan pembangun membuat dan menyelenggara komponen yang boleh digunakan semula dengan mudah. WebComponents meningkatkan kecekapan pembangunan dan kualiti kod.
+- **Komponen UI terbina dalam**: Menyediakan komponen UI terbina dalam seperti grid data, yang diintegrasikan dengan sempurna dengan rangka kerja, meningkatkan produktiviti. Sebagai contoh, ia boleh melaksanakan jadual data yang kompleks dengan mudah dan menyediakan pelbagai ciri penapisan dan penyusunan. Ini membolehkan pembangun melaksanakan elemen UI yang diperlukan dengan cepat dan menyediakan antara muka yang intuitif kepada pengguna. Komponen terbina dalam mengurangkan masa dan kos pembangunan.
+- **Modeler UI grafik dan HTML**: Menyediakan modeler UI berasaskan WYSIWYG untuk papan pemuka, UI kawalan mesin, UI kawalan lantai, dan sebagainya, meningkatkan produktiviti. Sebagai contoh, pengguna boleh menyusun papan pemuka dengan kaedah seret dan lepas dan memvisualisasikan data masa nyata. Dengan menggunakan pelbagai carta dan komponen perniagaan, pengguna boleh membuat antara muka grafik yang intuitif. Fungsi ini memudahkan pemodelan UI yang kompleks.
+- **Pemodelan label dan penciptaan label terikat data**: Things-Factory menyokong lebih daripada 100 jenis format kod bar dan membolehkan pengguna memodelkan label dengan kaedah WYSIWYG. Sebagai contoh, pengguna boleh menambah teks, imej, dan kod bar pada label dengan kaedah seret dan lepas, dan menghasilkan label secara masa nyata dengan mengikat data. Ini membolehkan pengguna mencetak label yang dimodelkan dengan tepat tanpa mengetahui bahasa percetakan label kod bar, dan mudah membuat label dengan pelbagai fon dan format kod bar. Fungsi ini membolehkan pelabelan yang cekap dalam logistik, pembuatan, pengedaran, dan pelbagai bidang lain.
+- **Alat Analisis dan Visualisasi Data**: Rangka kerja ini menyediakan alat yang kukuh untuk analisis dan visualisasi data, termasuk pemodelan berasaskan WYSIWYG dan ciri pengikatan data yang mudah. Sebagai contoh, pengguna boleh membuat dan mengkonfigurasi visualisasi data seperti carta, graf, dan papan pemuka dengan antara muka seret dan lepas, memudahkan pengikatan data kepada komponen visual ini. Ini membolehkan pengguna mendapatkan wawasan daripada data mereka melalui perwakilan interaktif dan menarik secara visual, meningkatkan pembuatan keputusan dan strategi yang dipacu oleh data.
+
+### 5. **Produktiviti dan Pengurusan Pembangunan**
+
+Alat pembangunan dan pengurusan yang cekap adalah teras rangka kerja Things-Factory. Ia memaksimumkan produktiviti pembangunan dan kecekapan pengurusan melalui kebolehgunaan semula struktur modular, struktur domain berlapis, sistem menu yang ditentukan oleh pengguna, dan fungsi berbilang bahasa. Ini membolehkan pembangun membina aplikasi dengan lebih cepat dan cekap.
+
+- **Kebolehgunaan semula struktur modular**: Melalui struktur modular yang lengkap, ia memudahkan penggunaan semula dan penyelenggaraan kod. Sebagai contoh, ia boleh memisahkan fungsi umum sebagai modul untuk digunakan semula dalam pelbagai projek dan mudah memperluas fungsi baru tanpa mengubah kod sedia ada. Ini mengurangkan tugas berulang untuk pembangun dan memaksimumkan produktiviti. Struktur modular meningkatkan kebolehupayaan aplikasi dan mengekalkan kualiti.
+- **Struktur domain berlapis**: Dengan menyokong struktur penyewa yang boleh diwarisi, ia memungkinkan pengurusan yang cekap walaupun dalam persekitaran multi-domain yang kompleks. Sebagai contoh, pelbagai subdomain boleh mewarisi tetapan dan kebenaran domain induk, mengekalkan dasar yang konsisten. Ini memungkinkan respons fleksibel terhadap pelbagai keperluan perniagaan dan pengurusan data dan tetapan antara penyewa dengan cekap. Struktur berlapis meningkatkan kecekapan pengurusan.
+- **Sistem menu yang ditentukan oleh pengguna**: Membolehkan penyesuaian sistem menu untuk memenuhi keperluan pengguna yang berbeza. Sebagai contoh, ia boleh menyediakan menu yang berbeza untuk pentadbir dan pengguna umum, menyembunyikan fungsi yang tidak diperlukan dan menekankan fungsi penting. Ini membolehkan pengguna mencipta antara muka yang dioptimumkan untuk diri mereka sendiri, dan pentadbir boleh menyesuaikan pelbagai tetapan dengan fleksibel. Sistem menu yang ditentukan oleh pengguna meningkatkan pengalaman pengguna.
+- **Fungsi berbilang bahasa**: Melalui fungsi berbilang bahasa yang ditentukan oleh pengguna bagi setiap penyewa, ia memastikan penggunaan aplikasi yang lancar walaupun dalam persekitaran perniagaan global. Sebagai contoh, ia boleh menerapkan tetapan bahasa dan wilayah bagi setiap negara, menyediakan kandungan yang dioptimumkan kepada pengguna. Ini menyediakan pengalaman yang konsisten kepada pengguna yang menggunakan bahasa yang berbeza. Fungsi berbilang bahasa memudahkan kemasukan ke pasaran global.
+- **Bantuan berasaskan Markdown dan organisasi kandungan**: Melalui kerangka kerja bantuan berbilang bahasa berasaskan Markdown dan organisasi kandungan, ia memudahkan sokongan pengguna dan pengurusan dokumentasi. Sebagai contoh, ia boleh menulis dokumentasi teknikal dalam format Markdown, menterjemahkannya dan mengekalkannya dalam pelbagai bahasa. Ini membolehkan pengguna mencari maklumat yang diperlukan dengan cepat, dan pentadbir menyelenggara dokumentasi dengan cekap. Bantuan berasaskan Markdown meningkatkan pengalaman pengguna.
+- **Berasaskan aliran kerja**: Menyediakan asas aliran kerja untuk mengendalikan senarai tugas pengguna dan tugas kelulusan, meningkatkan kecekapan kerja. Sebagai contoh, dalam pengurusan projek, ahli pasukan boleh diberikan tugas, dan proses kelulusan tugas yang diselesaikan boleh diotomatikkan. Ini membolehkan pengguna menguruskan tugas dengan sistematik dan memudahkan proses kelulusan. Asas aliran kerja meningkatkan produktiviti organisasi.
+- **Grid data**: Menyediakan grid data yang boleh digunakan dalam pelbagai persekitaran dan menyokong ciri personalisasi pengguna. Sebagai contoh, pengguna boleh menambah atau memadam lajur dalam grid data mengikut keperluan mereka dan menguruskan data dengan mudah melalui fungsi penapisan dan penyusunan. Ini membolehkan pengguna mencipta pandangan data yang dioptimumkan untuk diri mereka sendiri, dan pembangun boleh melaksanakan pelbagai kaedah perwakilan data dengan mudah. Grid data meningkatkan pengalaman pengguna.
+
+### 6. **Pengurusan dan Integrasi Data**
+
+Pengurusan dan integrasi data adalah elemen penting dalam rangka kerja Things-Factory. Ia menyediakan pengurusan data yang selamat dan integrasi yang cekap melalui sokongan pelbagai pangkalan data, perkhidmatan pengumpulan dan input data, penggunaan Chrome tanpa kepala, dan sebagainya. Ini membolehkan perusahaan memanfaatkan data dengan berkesan.
+
+- **Sokongan pelbagai pangkalan data**: Menyokong pelbagai pangkalan data dalam persekitaran awan dan di lokasi,
+
+membolehkan pengurusan data yang fleksibel. Sebagai contoh, menyokong integrasi dengan pelbagai pangkalan data seperti MySQL, PostgreSQL, MongoDB, membolehkan perusahaan memanfaatkan persekitaran pangkalan data sedia ada mereka. Ini membolehkan perusahaan memanfaatkan kedua-dua pangkalan data mereka sendiri dan pangkalan data berasaskan awan. Sokongan pelbagai pangkalan data menyediakan fleksibiliti dalam strategi data.
+
+- **Perkhidmatan pengumpulan dan input data**: Menyediakan perkhidmatan pengumpulan, input, arkib dan pemodelan ringkasan data, membolehkan pengurusan data yang cekap. Sebagai contoh, ia boleh mengumpul data sensor IoT, data input pengguna, dan sebagainya dalam masa nyata, menukarnya ke format yang diperlukan dan menyimpannya. Ini membolehkan perusahaan menguruskan kitaran hayat data dengan berkesan dan mengakses data yang diperlukan dengan cepat. Perkhidmatan pengumpulan dan input data meningkatkan kecekapan pengurusan data.
+- **Penggunaan Chrome tanpa kepala**: Menyediakan pelbagai fungsi seperti percetakan label kod bar berasaskan imej, pengekstrakan imej kecil, dan integrasi data melalui pengikisan data. Sebagai contoh, ia boleh menangkap tangkapan skrin halaman web secara automatik untuk menghasilkan imej kecil atau mencipta kod bar produk untuk percetakan label. Ini mengotomatikkan tugas data yang kompleks dan mengintegrasikan data dengan cekap. Penggunaan Chrome tanpa kepala memudahkan tugas pemprosesan data.
+
+Rangka kerja Things-Factory mengintegrasikan teknologi terkini dan pelbagai ciri, menyediakan penyelesaian yang dioptimumkan untuk pembangunan aplikasi perusahaan. Melalui alat pembangunan yang inovatif dan ciri integrasi yang kuat, ia membolehkan pembangunan aplikasi yang mempunyai produktiviti dan fleksibiliti tinggi dengan mudah.
+
+## Panduan Pembangun
+
+[Things Factory Framework Panduan Pembangun](http://www.hatiolab.com/things-factory-doc/ko/intro/framework/)
+
+## Konsep Rangka Kerja
+
+- [penghalaan semula](/helps/about/framework/redirection.md)
+- [typegraphql](/helps/about/framework/typegraphql.md)

package/helps/about/framework.zh.md

@@ -0,0 +1,73 @@
+# Things Factory 框架
+
+## 框架概念
+
+### 1. **云和基础设施支持**
+
+Things-Factory 框架提供与现代云基础设施的完美兼容性，使应用程序部署和管理更加高效。通过 Edge Computing 功能最大化数据处理效率，并通过各种文件存储选项支持灵活的数据管理。设计确保在集群环境中也能保持高性能。
+
+- **准备云服务结构**：Things-Factory 提供与主要云平台如 AWS、GCP、Azure 以及 Kubernetes (K8s) 的无缝集成。这使用户能够在云环境中轻松部署和管理应用程序。例如，通过自动扩展和负载均衡功能，即使在流量激增时也能保持稳定的服务，并通过 IaC（基础设施即代码）支持以代码管理云资源。
+- **边缘计算**：通过在 Edge 执行在云中建模的数据，提供实时数据处理和快速响应。例如，可以实时处理制造现场产生的大量传感器数据，在发送到云之前筛选和过滤必要的数据。该功能在分布式环境中也能保持高性能，并将网络延迟降到最低。
+- **利用各种文件存储**：支持本地文件系统和基于云的存储如 Amazon S3，实现安全和灵活的数据管理。例如，将大文件存储在 S3 中可降低成本，并通过版本管理功能跟踪数据更改记录。多种存储选项提供按企业需求选择的灵活性。
+- **支持集群环境调度器**：在集群环境中可用的调度器服务通过提高任务效率。例如，可以将分布式处理任务分配到多个节点并行执行，并在任务完成时汇总结果。该功能通过分散大规模数据处理任务有效管理系统负载，从而保持高可用性和稳定性。
+
+### 2. **安全和认证**
+
+安全和认证是现代应用程序的必要元素。Things-Factory 框架通过生物认证登录、SSO（单点登录）和 OAuth2 支持提供强大的安全功能。这保护用户数据并实现安全的认证和授权过程。
+
+- **生物认证登录**：利用指纹或面部识别等生物认证技术提高用户安全性。例如，通过指纹识别登录时，用户无需记住复杂的密码即可轻松访问。这降低了密码盗窃的风险并简化了登录过程。生物认证在银行、医疗等安全性要求高的领域特别有用。
+- **准备SSO**：通过集成 Google、Azure 等 SSO 解决方案，实现用户认证的集中管理。例如，用户可以通过一次登录访问公司内的多个应用程序，IT 管理员可以集中管理用户的访问权限。SSO 提高了企业内的安全水平并改善了用户体验。
+- **支持OAuth2**：通过 OAuth2 协议提供安全的认证和授权过程。例如，当第三方应用程序需要访问用户数据时，用户可以通过 OAuth2 授权该应用程序访问权限。这使得与第三方应用程序的安全数据共享成为可能，并有效管理用户权限。OAuth2 可用于各种场景如社交登录和 API 集成。
+- **角色基于访问控制 (RBAC)**：该框架允许设置 RBAC 模型，通过预定义的角色和权限进行用户访问管理。例如，管理员可以定义“管理员”、“编辑”、“查看者”等角色，每个角色具有特定的访问权限和特权。这确保了用户只能访问与其角色相关的资源和功能，从而增强了安全性并简化了管理。RBAC 模型在具有复杂组织结构的环境中特别有用，确保了细粒度的访问控制和安全策略的合规性。
+
+### 3. **API 和通信**
+
+强大的 API 和通信功能是 Things-Factory 框架的核心元素。通过基于 GraphQL 的 API 和 PubSub 通道支持客户端和服务器之间的数据交换，并提供各种集成功能。这使开发人员能够构建高效和可扩展的应用程序。
+
+- **基于GraphQL的API**：通过支持强类型检查的 GraphQL API 确保客户端和服务器之间的顺畅通信。例如，客户端可以仅请求所需数据，服务器仅响应这些数据，从而减少网络流量并优化性能。这明确定义了数据请求和响应，减少了错误并加快了开发速度。GraphQL 的灵活性能够快速响应各种数据需求。
+- **GraphQL PubSub通道**：通过 PubSub 通信机制有效执行实时数据更新和事件处理。例如，在聊天应用程序中实时更新消息，或在股票交易系统中即时反映价格变动。该功能适用于实时反馈重要的应用程序，并快速向用户传递最新信息。
+- **各种集成功能**：提供用于构建各种适配器结构和集成场景的任务组件，轻松实现企业应用程序集成 (EAI)。例如，可以自动化 ERP 系统和 CRM 系统之间的数据集成，实现两系统数据的实时同步。通过这种方式有效管理多系统间的数据集成和流程自动化。集成功能有机地连接企业内的各种应用程序。
+
+### 4. **用户界面和用户体验**
+
+用户界面和体验是应用程序成功的重要元素。Things-Factory 框架通过完整的 PWA 功能、UI 主题应用、响应式 UX、基于 WebComponents 的结构和内置 UI 组件提供最佳用户体验。这使用户能够使用直观且高效的界面。
+
+- **PWA 功能**：Things-Factory 支持完整的 PWA（渐进式网络应用程序）功能，提供类似于原生应用程序的用户体验。例如，用户可以将应用程序添加到主屏幕并像原生应用程序一样使用，即使在离线状态下也能使用基本功能。这确保了应用程序在离线时仍能工作，并保持快速加载速度和高性能。PWA 功能极大地提高了用户访问性。
+- **UI 主题应用**：通过应用 Material Theme 概念，为各种应用程序提供一致的主题。例如，支持暗模式和亮模式，用户可以选择他们喜欢的主题，并根据公司的品牌标识进行定制。这提高了用户体验并保持品牌一致性。
+- **响应式 UX**：为移动、平板、桌面等各种环境提供优化的响应式 UX。例如，用户可以在任何设备上以一致的体验使用同一应用程序，包括智能手机、平板电脑和台式机。这使用户能够在任何设备上都有一致的体验，开发人员可以使用一个代码库支持多个平台。响应式 UX 提高了开发效率和用户满意度。
+- **基于WebComponents的结构**：通过基于 WebComponents 的应用程序结构，使标准化组件使用和扩展变得容易。例如，开发人员可以将常见的 UI 元素定义为 WebComponent 进行重用，并保持项目间的一致性。这样开发人员可以轻松创建和维护可重用的组件。WebComponents 提高了开发效率和代码质量。
+- **内置 UI 组件**：提供与框架完美结合的内置 UI 组件，如数据网格，提高生产力。例如，可以轻松实现复杂的数据表并提供各种过滤和排序功能。这样开发人员可以快速实现所需的 UI 元素，并为用户提供直观的界面。内置组件减少了开发时间和成本。
+- **图形和 HTML UI 建模器**：提供用于仪表板、机器控制 UI、楼层控制 UI 等的 WYSIWYG 基于 UI 建模器，提高生产力。例如，用户可以通过拖放方法配置仪表板并可视化实时数据。利用各种图表和业务组件，用户可以创建直观的图形界面。此功能使得复杂的 UI 建模变得容易。
+- **标签建模和数据绑定标签创建**：Things-Factory 支持超过 100 种条码格式，并允许用户通过 WYSIWYG 方法建模标签。例如，用户可以通过拖放将文本、图像和条码添加到标签，并通过绑定数据实时生成标签。这使得用户无需了解条码标签打印语言即可准确打印建模标签，并轻松创建具有各种字体和条码格式的标签。此功能使得物流、制造、分销等各个领域的高效标签变得可能。
+- **数据分析和可视化工具**：该框架提供了强大的数据分析和可视化工具，包括基于WYSIWYG的建模和简单的数据绑定功能。例如，用户可以通过拖放界面创建和配置图表、图形和仪表板等数据可视化，使数据绑定到这些可视化组件变得容易。这使用户能够通过互动和直观的表示形式从数据中获得洞察力，改进决策并制定数据驱动的策略。
+
+### 5. **开发生产力和管理**
+
+高效的开发和管理工具是 Things-Factory 框架的关键。通过模块化结构的重用性、分层域结构、用户定义的菜单系统、多语言功能等最大化开发生产力和管理效率。这使得开发人员能够更快、更高效地构建应用程序。
+
+- **模块化结构的重用性**：通过完整的模块化结构，使代码重用和维护变得容易。例如，可以将常见功能分离为模块在多个项目中重用，并在不修改现有代码的情况下轻松扩展新功能。这减少了开发人员的重复任务，并最大化了生产力。模块化结构提高了应用程序的可扩展性并保持质量。
+- **分层域结构**：通过支持可继承的租赁结构，即使在复杂的多域环境中也能实现高效管理。例如，多个子域可以继承父域的设置和权限，保持一致的策略。这允许灵活应对各种业务需求，并有效管理租户间的数据和设置。分层结构提高了管理效率。
+- **用户定义的菜单系统**：允许根据不同用户需求自定义菜单系统。例如，可以为管理员和普通用户提供不同的菜单，隐藏不必要的功能并强调重要功能。这使用户能够创建优化的界面，管理员可以灵活调整各种设置。用户定义的菜单系统提高了用户体验。
+- **多语言功能**：通过每个租户的用户定义多语言功能，即使在全球业务环境中也能确保应用程序的顺畅使用。例如，可以为每个国家应用语言和区域设置，向用户提供优化的内容。这为使用不同语言的用户提供一致的体验。多语言功能促进了全球市场的进入。
+- **基于Markdown的帮助和内容组织**：通过基于 Markdown 的多语言帮助和内容组织框架，使用户支持和文档管理变得容易。例如，可以以 Markdown 格式编写技术文档，翻译并维护成各种语言。这使用户能够快速找到所需信息，管理员能够高效维护文档。基于 Markdown 的帮助改善了用户体验。
+- **基于工作流**：提供用于处理用户待办事项和审批任务的工作流基础，提高工作效率。例如，在项目管理中，团队成员可以分配任务，并自动化完成任务的审批过程。这使用户能够系统地管理任务并简化审批流程。基于工作流提高了组织的生产力。
+- **数据网格**：提供在各种环境中可用的数据网格，并支持用户个性化功能。例如，用户可以根据需要添加或删除数据网格中的列，并通过过滤和排序功能轻松管理数据。这使用户能够创建优化的数据视图，开发人员可以轻松实现各种数据表示方法。数据网格提高了用户体验。
+
+### 6. **数据管理和集成**
+
+数据管理和集成是 Things-Factory 框架的重要元素。通过支持各种数据库、数据收集和输入服务、无头 Chrome 利用等功能，提供安全的数据管理和高效的集成。这使企业能够有效利用数据。
+
+- **支持各种数据库**：不仅在云环境中，在本地环境中也支持各种数据库，实现灵活的数据管理。例如，支持与各种数据库的集成，如 MySQL、PostgreSQL、MongoDB，使企业能够利用其现有的数据库环境。这允许企业同时利用自有数据库和基于云的数据库。支持各种数据库提供了数据策略的灵活性。
+- **数据收集和输入服务**：提供数据收集、输入、归档和摘要建模服务，实现高效的数据管理。例如，可以实时收集 IoT 传感器数据、用户输入数据等，转换为所需格式并存储。这使企业能够有效管理数据生命周期，并快速访问所需数据。数据收集和输入服务提高了数据管理的效率。
+- **利用无头Chrome**：提供基于图像的条码标签打印、缩略图图像提取和通过数据抓取实现的数据集成等各种功能。例如，可以自动捕捉网页截图生成缩略图图像，或创建产品条码用于标签打印。这自动化了复杂的数据任务，并高效集成数据。利用无头 Chrome 简化了数据处理任务。
+
+Things-Factory 框架整合了最新技术和各种功能，提供了企业应用程序开发的优化解决方案。通过创新的开发工具和强大的集成功能，轻松开发出高生产力和灵活性的应用程序。
+
+## 开发者指南
+
+[Things Factory 框架开发者指南](http://www.hatiolab.com/things-factory-doc/ko/intro/framework/)
+
+## 框架概念
+
+- [重定向](/helps/about/framework/redirection.md)
+- [typegraphql](/helps/about/framework/typegraphql.md)

package/helps/config/fileUpload.ja.md

@@ -1,16 +1,13 @@
-
-### Japanese
-```markdown
 # ファイルアップロード
 
 ファイルアップロードに関する設定
 
-* maxFileSize: ファイルアップロードが可能なファイルの最大サイズ
-* maxFiles: 同時にアップロードできるファイルの最大数
-* mimeTypes: 添付ファイルとしてアップロードできるファイルの種類(mimetype)
+- maxFileSize: ファイルアップロードが可能なファイルの最大サイズ
+- maxFiles: 同時にアップロードできるファイルの最大数
+- mimeTypes: 添付ファイルとしてアップロードできるファイルの種類(mimetype)
   - ['image/png', 'image/jpeg', 'application/pdf']
   - ['image/*', 'application/pdf']
-  - ['*/*'] または [] /* すべての種類のファイル */
+  - ['*/*'] または [] /_ すべての種類のファイル _/
 
 ## デフォルト
 
@@ -22,3 +19,4 @@ module.exports = {
     mimeTypes: []
   }
 }
+```

package/helps/config/fileUpload.md

@@ -1,16 +1,13 @@
-
-### English
-```markdown
 # fileUpload
 
 settings related to file upload
 
-* maxFileSize: maximum size of the file that can be uploaded
-* maxFiles: maximum number of files that can be uploaded at the same time
-* mimeTypes: types of files that can be uploaded as attachments (mimetype)
+- maxFileSize: maximum size of the file that can be uploaded
+- maxFiles: maximum number of files that can be uploaded at the same time
+- mimeTypes: types of files that can be uploaded as attachments (mimetype)
   - ['image/png', 'image/jpeg', 'application/pdf']
   - ['image/*', 'application/pdf']
-  - ['*/*'] or [] /* all types of files */
+  - ['*/*'] or [] /_ all types of files _/
 
 ## default
 
@@ -22,3 +19,4 @@ module.exports = {
     mimeTypes: []
   }
 }
+```

package/helps/config/fileUpload.ms.md

@@ -1,16 +1,13 @@
-
-### Malay
-```markdown
 # muatNaikFail
 
 tetapan berkaitan muat naik fail
 
-* maxFileSize: saiz fail maksimum yang boleh dimuat naik
-* maxFiles: bilangan maksimum fail yang boleh dimuat naik serentak
-* mimeTypes: jenis fail yang boleh dimuat naik sebagai fail lampiran (mimetype)
+- maxFileSize: saiz fail maksimum yang boleh dimuat naik
+- maxFiles: bilangan maksimum fail yang boleh dimuat naik serentak
+- mimeTypes: jenis fail yang boleh dimuat naik sebagai fail lampiran (mimetype)
   - ['image/png', 'image/jpeg', 'application/pdf']
   - ['image/*', 'application/pdf']
-  - ['*/*'] atau [] /* semua jenis fail */
+  - ['*/*'] atau [] /_ semua jenis fail _/
 
 ## lalai
 
@@ -22,3 +19,4 @@ module.exports = {
     mimeTypes: []
   }
 }
+```