👩🏼‍🏫 📅 💾 1C + Androidのオフラインマップ ✍️ 🎚️ 👨🏾‍🤝‍👨🏻

こんにちは

FBA Toolkitフレームワークの知識を継続し、1C用のAndroidクライアントを開発する別の例を考えてみましょう。アプリケーション「販売店の監査」は、1Cから訪問ルートを読み込み、地図に表示します。オフラインマップは、OpenStreetMapマッピングサービスに基づいて使用されます。

必要なすべての開発者ツールが既にインストールおよび構成されていることを前提としています。そうでない場合は、前の部分を参照してください。 FBA Toolkitフレームワークは少なくともバージョン1.03でなければならず、1C構成とAndroidプロジェクトru_profi1c_fbaをSVNリポジトリから更新する必要があります。

サーバー部分（1Cデータベース内）

1.情報ベース1Cで、たとえばデータソースとして機能する2つのディレクトリを作成します。

ディレクトリ「販売店」の詳細：

「緯度」と「経度」には、この点の座標、10.6の数値が含まれます
リファレンスブック「追加情報の保存」への「写真」リンク-メインイメージへのリンク。
文字列タイプの他のすべての詳細。

ディレクトリ「追加情報の倉庫」の詳細：

タイプ「DirectoryReference.Trade Point」を含む複合タイプの「オブジェクト」は、追加情報が属するオブジェクトを定義します。モバイルアプリケーションでは使用されません。
「ストレージ」、タイプ「ストレージ」には、イメージ自体が含まれます。

2.これらの2つのディレクトリのみを含む交換計画「MobileAuditingPoints」も追加され、変更の自動登録が含まれます。

3.リファレンスブックにいくつかのテスト情報を入力します。この例では、モスクワの中心部にあるピッツェリア（オープンソースから取得したデータ）です。

いくつかのポイントの画像がアップロードされています。ストレージに値を保存するためのコードは1Cの標準です：

 =  ();  =  (,  (9));

ディレクトリ要素「Additional Information Storage」、「FileName」の形式には、ロードされたイメージへのパスが含まれます。

4.モバイルアプリケーション「Audit of a POS」を作成します。ディレクトリをメタデータツリーに追加します。

便宜上、ラテンアルファベットの詳細名とオブジェクトの名前は英語に翻訳されています。

交換スキームは、1Cで変更されたオブジェクトのみをアップロードするように構成されます。

MobileAuditingPoints Exchangeアプリケーションプランを使用するためのフラグが設定されている
1Cで「販売時点情報」を変更すると、モバイルアプリケーションに転送されます。
「追加情報の倉庫」ディレクトリに追加のフィルタリングが適用されています。変更された情報をアウトレットにのみ転送します。これはリクエストによって行われます：

  .    ..    . = &  ..  .

ここで、「Exchange Node」は事前定義されたパラメーターであり、交換時にはモバイル従業員のインストール済みノードの値が含まれます（以下にインストール先を示します）。

5. Androidモバイルアプリケーションのテンプレートを生成します。ライセンスを取得するためのコストと手順は、ここで説明されています。受信したライセンスデータを1Cに入力する方法は、ここに記載されています。

テストライセンスを使用することもできます。

client_id：TEST-CLIENT-000

client_name：テストクライアント名

client_pwd：31qX9OqZ_V

lisence_id：f7a42162-e27f-4246-a89b-b69c02387740

この場合にのみ、モバイルアプリケーションパッケージの名前を変更することはお勧めしません： ru.profi1c.samples.audit.salespoint 。

6.ディレクトリ「モバイル従業員」に、交換のテストに使用される従業員用のアプリケーションを追加します。「Exchangeノード」列に注意してください。これは交換計画の新しい要素です。

原則として、交換ノードは従業員ごとに作成されます。この場合、1Cでのデータ変更はすべてのノード（すべてのモバイル従業員）に対して自動的に記録され、交換中に各モバイルクライアントは「データの一部を取得」します。

このパラメーターは、リファレンスブック「追加情報のストレージ」の場合のように、データ取得リクエストで使用できます。

また、混乱を招かないように、モバイルアプリケーションごとに個別の交換計画を作成することをお勧めします。

1Cの準備作業が完了しました。交換ルールをテストするために、「モバイルアプリケーションを使用した交換テスト」の処理を使用できます。詳細はこちら。 1Cでは、他に何もする必要はありません。FBAの交換を組織するすべての日常業務が引き受けられます。プログラマーは、モバイルアプリケーションの開発に集中できます。

Androidモバイルアプリ

1.生成されたテンプレートに基づいて新しいプロジェクトを作成します。これを行うには、Eclipseにインポートする必要があります（詳細はこちら）。

2.マップを処理しましょう。 FBAには、初心者がオフラインのMapsforgeマップを簡単に操作できるようにする補助クラスが含まれています。これらのクラスの1つは、ウェイポイントを表示してナビゲートするように設計されたアクティビティであるBaseRouteMapActivityです。それを使用します。

2.1 BaseRouteMapActivityから継承した独自のクラスを作成します。

ショー

 public class MapsforgeRouteMap extends BaseRouteMapActivity { /* *       ( )    *     */ public static int DEF_LOCATION_MIN_DISTANCE = 500; /* *  ,   ,    *   . */ public static long DEF_LOCATION_MIN_TIME = 5000 * 60; //,   private static final double DEFAULT_GEOPOINT_LAT = 55.755831; private static final double DEFAULT_GEOPOINT_LNG = 37.617673; //  private static final String MAP_FILE = "ru_moscow.map"; private MapView mMapView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_route_map); init(); } private void init() { mMapView = (MapView) findViewById(R.id.mapView); //  onCreateMapView(mMapView); } @Override public File getMapFile() { return new File(getAppSettings().getBuckupDir(),MAP_FILE); } @Override public GeoPoint getMapCenterPoint() { return MapHelper.toGeoPoint(DEFAULT_GEOPOINT_LAT, DEFAULT_GEOPOINT_LNG); } @Override public int getLocationMinDistance() { return DEF_LOCATION_MIN_DISTANCE; } @Override public long getLocationMinTime() { return DEF_LOCATION_MIN_TIME; } @Override public boolean showCurrentPosition() { return true; } @Override public boolean requestLocationUpdates() { return true; } @Override protected void onRouteItemSelect(RouteOverlayItem<?> item) { } @Override public void onLocationChanged(Location location) { } }

モスクワのマップを表示します。これは、エミュレーターのmnt / sdcard / backup / <package name>ディレクトリーに配置する必要があります。このディレクトリは、プログラムを最初に起動したときに自動的に作成されます。マップファイルの入手先または自分で作成する方法については、記事の最後を参照してください。

起動時に、地図はgetMapCenterPoint（）メソッドで渡された座標を中心とします。現在の位置でマーカーを表示する場合、showCurrentPosition（）関数はtrueを返す必要があります。

requestLocationUpdates（）メソッドを使用して座標追跡が有効になっている場合、onLocationChangedは変更時に呼び出されます。座標更新頻度の設定は、getLocationMinDistance（）およびgetLocationMinTime（）を介して設定されます。デフォルトでは、両方のプロバイダー（GPSおよびNETWORK）を使用して座標を取得します。ソースコードが開いているため、BaseMapActivityで変更できます。

レイアウトactivity_route_map.xmlで、マップ要素を配置します。

 <org.mapsforge.android.maps.MapView android:id="@+id/mapView" android:layout_width="fill_parent" android:layout_height="fill_parent" > </org.mapsforge.android.maps.MapView>

基本的に、これは地図を表示するのに十分です。また、現在位置のマーカーが地図上に表示され、座標が変化したときにイベントを処理することができます。

2.2ルートポイントを含むレイヤーの追加は、addRouteOverlayメソッドを使用して実行されます。このメソッドには、リスト<RouteOverlayItem>要素のリストが渡されます。 Tは追加のタイプです。アイテムとともに保存されたデータ。あなたの場合はCatalogSalesPointです。アウトレットのリストを作成します。

ショー

 private void initDummyRoute() throws SQLException { //DAO        mStorageDao = new CatalogAddInfoStorageDao(getConnectionSource()); mSalesPointDao = new CatalogSalesPointDao(getConnectionSource()); //     CatalogSalesPointDao salePointDao = new CatalogSalesPointDao(getConnectionSource()); List<CatalogSalesPoint> lst = salePointDao.select(); //       routeItems = new ArrayList<RouteOverlayItem<CatalogSalesPoint>>(); //  ,      final double lng = DEFAULT_GEOPOINT_LNG; double lat = DEFAULT_GEOPOINT_LAT; int count = lst.size(); for (int i = 0; i < count; i++) { CatalogSalesPoint salesPoint = lst.get(i); boolean movable = (salesPoint.lat == 0 || salesPoint.lng == 0); int resIdDrawable = R.drawable.fba_map_maker_green; GeoPoint geoPoint = new GeoPoint(salesPoint.lat, salesPoint.lng); if (movable) { resIdDrawable = R.drawable.fba_map_marker_red; lat -= 0.003f; geoPoint = new GeoPoint(lat, lng); } //     Drawable marker = MapHelper.makeNumberedMarker(this, resIdDrawable,i + 1); RouteOverlayItem<CatalogSalesPoint> routePoint = new RouteOverlayItem<CatalogSalesPoint>( geoPoint, marker, salesPoint); routePoint.setMovable(movable); routePoint.setOrdinal(i + 1); routeItems.add(routePoint); } Drawable defaultMarker = getResources().getDrawable(R.drawable.fba_map_marker_orange); addRouteOverlay(mMapView, routeItems, defaultMarker); }

そして、init（）でこのメソッドへの呼び出しを追加します。

ここでは、ローカルデータベースから、「Sales Points」ディレクトリのすべての要素が選択され、表示される要素のコレクションに追加されます。さらに、座標が1Cに設定されているポイントの場合、マーカーは緑色になります。座標のないポイントは、マップの中心に赤いマーカーで配置されます。ユーザーは、座標を明確にするために、マップ上でそれらを移動できます。

2.3 onRouteItemSelectハンドラー内のマーカーのクリックに対する応答を追加しましょう。

 CatalogSalesPoint salesPoint = (CatalogSalesPoint) item.getData(); inflatePopup(salesPoint);

アウトレットに関する追加情報を表示するクラスフィールドとメソッド：

ショー

 private ObjectView mSalesPointView, mFotoStorageView; /* *       (  ) */ private static String[] fields = new String[] { CatalogSalesPoint.FIELD_NAME_DESCRIPTION, CatalogSalesPoint.FIELD_NAME_ADRESS, CatalogSalesPoint.FIELD_NAME_PHONE, CatalogSalesPoint.FIELD_NAME_SITE }; /* *  view-    */ private static int[] ids = new int[] { R.id.tvDescription, R.id.tvAdress, R.id.tvPhone, R.id.tvSite}; /* *            */ private void inflatePopup(CatalogSalesPoint salesPoint) throws SQLException { if (CatalogSalesPoint.isEmpty(salesPoint.foto)) { mFotoStorageView.setVisibility(View.GONE); } else { //    mStorageDao.refresh(salesPoint.foto); mFotoStorageView.build(salesPoint.foto, getHelper(), new String[] { CatalogAddInfoStorage.FIELD_NAME_STORAGE }, new int[] { R.id.ivFoto }); mFotoStorageView.setVisibility(View.VISIBLE); } mSalesPointView.build(salesPoint, getHelper(), fields, ids); }

ポップアップウィンドウを表示するには、map_popup.xmlレイアウトを使用します（マークアップは部分的に表示されます）。

 <ru.profi1c.engine.widget.ObjectView android:id="@+id/ovSalesPoint"> <ru.profi1c.engine.widget.ObjectView android:id="@+id/ovFotoStorage" > <ImageView android:id="@+id/ivFoto"/> </ru.profi1c.engine.widget.ObjectView> <TextView android:id="@+id/tvDescription"/> <TextView android:id="@+id/tvAdress"/> <TextView android:id="@+id/tvSite" android:autoLink="web"/> <TextView android:id="@+id/tvPhone" android:autoLink="phone"/> </ru.profi1c.engine.widget.ObjectView>

レイアウトには1つのコンセントに関する情報が表示され、詳細「名前」、「住所」、「サイト」、および「電話」がmSalesPointView.build（...）の TextView要素に自動的に投影されます。

写真を表示するには、子ImageViewを持つovFotoStorage従属オブジェクトが使用されます。写真はデータベースから読み取られ、 mFotoStorageView.build（...）メソッドでImageViewに投影されます。

また、「写真」属性には「追加情報ストレージ」ディレクトリへのリンクのみが格納されるため、最初にリフレッシュメソッドで読み取る必要があります。

初期化はinit（）のメソッドに追加されます

 mSalesPointView = (ObjectView) findViewById(R.id.ovSalesPoint); mFotoStorageView = (ObjectView) findViewById(R.id.ovFotoStorage);

map_popup.xmlレイアウトはToastのカスタムとして設定できますが、この例ではメインのactivity_route_map.xmlレイアウトに組み込まれています。

ショー

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <org.mapsforge.android.maps.MapView android:id="@+id/mapView" android:layout_width="fill_parent" android:layout_height="fill_parent" > </org.mapsforge.android.maps.MapView> <include android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="10dp" layout="@layout/map_popup" android:visibility="gone" /> </FrameLayout>

次のメソッドを使用して、可視性を制御します。

ショー

 /* *    */ private void closePopup(){ if(mSalesPointView.getVisibility() == View.VISIBLE){ mSalesPointView.setVisibility(View.GONE); } } /* *    */ private void showPopup(){ if(mSalesPointView.getVisibility() != View.VISIBLE){ mSalesPointView.setVisibility(View.VISIBLE); } }

ポップアップメッセージは、クリックすると非表示になり、ポイントマーカーをクリックすると表示されます。

アプリケーションの準備ができたら、エミュレータで実行し、認証パラメーターを構成して（1Cのように）データベースと交換します。適用例：

電話番号をクリックすると、標準の「ダイヤラー」が開き、リンクをクリックするとブラウザーが起動します。この動作は、TextViewのandroid：autoLinkプロパティを設定するだけで実現されます。

完全なサンプルコードはSVN リポジトリにあります。さらに、移動したポイントの座標を保存し、マーカーを更新する方法を示します。

カードの入手先

GoogleマップとFBAクライアント向けに作成されたマップの詳細が明らかになっている都市（地域）を優先して、ウェブサイトにいくつかのマップを配置する予定です。マップファイルの作成に関する簡単な手順が記載されています。

それだけです。他の例では、サイトhttp://profi1c.ruで見つけることができます。

モバイルビジネスアプリケーションの開発は「難しく、高価で、長い」という神話を払拭できたことを願っています。

1C + Androidのオフラインマップ

サーバー部分（1Cデータベース内）

Androidモバイルアプリ

カードの入手先

More articles: