2017-07-28 3 views
0

iOSとAndroidの両方で動作するアプリケーションを開発する必要があります。ローン申請フォームに表示されるフィールドは動的なので、ウェブサービスの応答に依存します。のiOS、Androidの動的なUIのためのiOSとAndroid Appsに必要な技術の提案

フィールドが含まれています:テキストフィールド、ドロップダウン、ラジオボタン、タイトルのラベル、チェックボックスをドロップダウン

デバイスの互換性上のユーザの選択に関して表示されるフィールドでもあります。 。

Objective C、Swift/Javaなどのネイティブ言語以外の技術を提案してください。

JSONレスポンスはfolowing技術を使用して

[ 
{ 
    "title": "Tab1", 
    "Contents": [ 
     { 
      "title": "Personal Details", 
      "Values": [ 
       { 
        "id": "0", 
        "fieldvalue": "radio", 
        "label": "Salutation", 
        "values": [ 
         { 
          "id": "1", 
          "label": "Mr" 
         }, 
         { 
          "id": "2", 
          "label": "Mrs" 
         }, 
         { 
          "id": "3", 
          "label": "Others" 
         } 
        ] 
       }, 
       { 
        "id": "1", 
        "fieldname": "UserName", 
        "fieldvalue": "string", 
        "label": "FIRST NAME", 
        "length": "30" 
       }, 
       { 
        "id": "2", 
        "fieldname": "UserName", 
        "fieldvalue": "string", 
        "label": "LAST NAME", 
        "length": "30" 
       }, 
       { 
        "id": "3", 
        "fieldname": "UserName", 
        "fieldvalue": "string", 
        "label": "MOTHERS NAME", 
        "length": "30" 
       }, 
       { 
        "id": "4", 
        "fieldname": "UserName", 
        "fieldvalue": "string", 
        "label": "FAMILY NAME", 
        "length": "30" 
       }, 
       { 
        "id": "5", 
        "fieldname": "UserName", 
        "fieldvalue": "selector", 
        "label": "GENDER", 
        "values": [ 
         "Male", 
         "Female", 
         "Others" 
        ], 
        "length": "30" 
       }, 
       { 
        "id": "6", 
        "fieldname": "UserName", 
        "fieldvalue": "selector", 
        "label": "Education", 
        "values": [ 
         "Graduate", 
         "Post Graduate", 
         "School Level", 
         "Illitrate" 
        ], 
        "length": "30" 
       }, 
       { 
        "id": "7", 
        "fieldname": "DOB", 
        "fieldvalue": "string", 
        "label": "DOB", 
        "length": "10" 
       }, 
       { 
        "id": "8", 
        "fieldname": "Nationality", 
        "fieldvalue": "selector", 
        "values": [ 
         "India", 
         "America", 
         "Britian", 
         "Arabia", 
         "Dubai" 
        ], 
        "label": "Nationality", 
        "length": "10" 
       } 
      ] 
     }, 
     { 
      "title": "Residential Address ", 
      "Values": [ 
       { 
        "id": 1, 
        "fieldvalue": "string", 
        "fieldname": "housename", 
        "length": 30, 
        "label": "House Name" 
       }, 
       { 
        "id": 2, 
        "fieldvalue": "string", 
        "fieldname": "city", 
        "length": 30, 
        "label": "City" 
       }, 
       { 
        "id": 3, 
        "fieldvalue": "string", 
        "fieldname": "district", 
        "length": 30, 
        "label": "District" 
       } 
      ] 
     }, 
     { 
      "title": "Communication Details ", 
      "Values": [ 
       { 
        "id": 1, 
        "fieldvalue": "string", 
        "fieldname": "housename", 
        "length": 30, 
        "label": "House Name" 
       }, 
       { 
        "id": 2, 
        "fieldvalue": "string", 
        "fieldname": "city", 
        "length": 30, 
        "label": "City" 
       }, 
       { 
        "id": 3, 
        "fieldvalue": "string", 
        "fieldname": "district", 
        "length": 30, 
        "label": "District" 
       } 
      ] 
     } 
    ] 
}, 
{ 
    "title": "Tab2", 
    "Contents": [ 
     { 
      "title": "Employement Details", 
      "id ": "0", 
      "fieldvalue": "radio", 
      "label": "Occupation", 
      "Values": [ 
       { 
        "id": 1, 
        "label": "Salaried", 
        "fields": [ 
         { 
          "id": 1, 
          "fieldName": "companyname", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Company Name", 
          "isrequired": true 
         }, 
         { 
          "id": 2, 
          "fieldName": "designation", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Designation", 
          "isrequired": true 
         }, 
         { 
          "id": 3, 
          "fieldName": "joindate", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Joing Date", 
          "isrequired": true 
         }, 
         { 
          "id": 4, 
          "fieldName": "skills", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Skills", 
          "isrequired": true 
         }, 
         { 
          "id": 5, 
          "fieldName": "experience", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Total Experience", 
          "isrequired": true 
         } 
        ] 
       }, 
       { 
        "id": 2, 
        "label": "Self Employed", 
        "fields": [ 
         { 
          "id": 1, 
          "fieldName": "companyname", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Company Name", 
          "isrequired": true 
         }, 
         { 
          "id": 2, 
          "fieldName": "designation", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Designation", 
          "isrequired": true 
         }, 
         { 
          "id": 3, 
          "fieldName": "establihmentdate", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Established Date", 
          "isrequired": true 
         }, 
         { 
          "id": 4, 
          "fieldName": "projects", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Projects Done", 
          "isrequired": true 
         }, 
         { 
          "id": 5, 
          "fieldName": "employees", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Employee strength", 
          "isrequired": true 
         } 
        ] 
       }, 
       { 
        "id": 3, 
        "label": "Un Employed", 
        "fields": [ 
         { 
          "id": 1, 
          "fieldName": "employment", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Employment Mode", 
          "isrequired": true 
         }, 
         { 
          "id": 2, 
          "fieldName": "income", 
          "fieldvalue": "string", 
          "length": "30", 
          "label": "Monthly Income", 
          "isrequired": true 
         } 
        ] 
       } 
      ] 
     } 
    ] 
}, 
{ 
    "title": "Tab3", 
    "Contents": [ 
     { 
      "title": "Account Details", 
      "id ": "0", 
      "fieldvalue": "selector", 
      "Values": [ 
       { 
        "id": "1", 
        "fieldname": "Car Loan", 
        "fields": [ 
         { 
          "id": "1", 
          "fieldvalue": "number", 
          "label": "Loan Amount", 
          "isrequired": true, 
          "length": "30" 
         }, 
         { 
          "id": "2", 
          "fieldvalue": "number", 
          "label": "Tenure", 
          "isrequired": true, 
          "length": "30" 
         }, 
         { 
          "id": "3", 
          "fieldvalue": "number", 
          "label": "Interest Rate", 
          "isrequired": true, 
          "length": "30" 
         }, 
         { 
          "id": "4", 
          "fieldvalue": "selector", 
          "label": "CAR MAKE", 
          "isrequired": true, 
          "length": "30", 
          "values": [ 
           "Maruti", 
           "Honda", 
           "Renault", 
           "Mahindra", 
           "Ford", 
           "Fiat" 
          ] 
         }, 
         { 
          "id": "5", 
          "fieldvalue": "selector", 
          "label": "FUEL TYPE", 
          "isrequired": true, 
          "length": "30", 
          "values": [ 
           "Petrol", 
           "Diesel", 
           "Electric" 
          ] 
         } 
        ] 
       }, 
       { 
        "id": "2", 
        "fieldname": "Home", 
        "fields": [ 
         { 
          "id": "1", 
          "fieldvalue": "number", 
          "label": "Loan Amount", 
          "isrequired": true, 
          "length": "30" 
         }, 
         { 
          "id": "2", 
          "fieldvalue": "number", 
          "label": "Tenure", 
          "isrequired": true, 
          "length": "30" 
         }, 
         { 
          "id": "3", 
          "fieldvalue": "number", 
          "label": "Interest Rate", 
          "isrequired": true, 
          "length": "30" 
         } 
        ] 
       } 
      ] 
     } 
    ] 
} 
] 

答えて

1

あなたはhaybridアプリを開発することができます以下の通りである

  1. Ionic

  2. Xamarin

  3. Appcelerator Titanium

  • framework 7

    PhoneGap

  • 私は個人的に イオン

    をお勧めしますが、それに飛び込む前に、あなたは、この技術の長所と短所を知っている必要があります。 いくつかの有用なリンクが https://ymedialabs.com/hybrid-vs-native-mobile-apps-the-answer-is-clear/ www.mobiloud.com/blog/native-web-or-hybrid-apps/

    1

    あなたの質問は本当に汎用的です。数多くの有効な選択肢がありますが、それは実際にあなたの要件に依存します。ダイナミックなUIを構築するには、単に「テクノロジー」を選択するだけではありません。あなたはどんな言語でもそれを得ることができます。私がやることは、API呼び出しをシリアル化し、API "config"呼び出しによって返されたオブジェクトに従ってUIを構築することです。それでも、ネイティブテクノロジ(AndroidのGsonRetrofitなど)でこれを実現できます。 Xamarinを使用してC#でアプリを開発し、iOSとAndroidアプリの間で共有コードを作成することができます。 React Nativeを使用できます。あなたの要求に基づいて自分の言語/プラットフォームを選択しません。

    関連する問題