私のチームと私は現在、実装した1つのWebアプリの多くの機能を使用するアプリ（iOSとAndroidの両方）に取り組んでいます。Webアプリケーション（ASP.NET）は基本的に、ダッシュボード（エンドユーザーが指定したカスタムディメンション）をレンダリングおよび作成します。ダッシュボードは、ウィジェットにさまざまなライブラリを使用します（FusionCharts、GoogleCharts、標準の.NETコントロール...）
とにかく、モバイルアプリの機能の一部は、各ユーザーに固有のダッシュボードを表示することです。問題は、この要件にアプローチするための最良の方法は何ですか？ここでブレインストーミングを行い、いくつか考え出しました。
- 1つは、.NETアプリケーションでダッシュボードのスクリーンショットを生成し、そのスクリーンショットをモバイルアプリに表示することです。ただし、このアプローチは非常に基本的であり、対話性は提供されません。
- もう1つは、モバイルアプリで各ダッシュボードを再作成することです。これに伴う問題は、すべてを最初から再作成する必要があり、ダッシュボードの2つのバージョン（モバイルバージョンとWebバージョン）間の不整合に関連する問題が発生することです。
- ダッシュボードのURLを使用してモバイルアプリにダッシュボードをロードします。
個人的には、3番目のアプローチが最適だと思います。コーディングはあまり必要ないため、それぞれのURLを使用して既存のダッシュボードをロードするだけです。
問題は、幅が広すぎるダッシュボードをどのように処理するかです（上下にスクロールするユーザーエクスペリエンスは悪くないので、高さは問題ありませんが、左右にスクロールする必要があるのは良いエクスペリエンスではありません）。私の知る限り、iPhoneの幅は320px（右？）ですが、ダッシュボードの幅が1000pxの状況をどのように処理しますか？
これはこの要件に適したアプローチですか？他の可能なアプローチはありますか？
フィードバックをいただければ幸いです。ありがとう