Quick Start

LivoMobile

Prerequests

To use LivoMobile, there is only one prerequest that the user of LivoMobile should know HTML, Javascript and CSS. In other words, he/she should be a web developer.
The only thing of a web developer, which is necessary to do, is to go to the following url, sign up an account and use developer.livomobile.com.

Go To The Cloud LivoMobile

Quick Usage Steps

Step One: Create an Application

1- Click the plus icon at the left side to open ‘Create New Application’ form
Create Icon
2- Fill the form
Fill the form
Fill the form
Notes:
- Name, Companies, Description and Framework/Template fields are required.
- All authorized companies for a current developer are listed in companies field. To select a company is enough to click on the company at left side.
- If you have a compressed application template with zip format and click the link ‘I want to upload my application template...’, you can upload and then use it to create the application with your custom template.
Figure 3
- If you want, you can select ‘Free Form’ and create your core/simple mobile application.
- If you select ‘JQuery Mobile’ at Framework section, then you can select and use one of the free mobile templates prepared with using JQuery Mobile Framework.
Figure 4
Select a Angularjs framework
Select a JQuery framework
3- After you click ‘Create’ button, the necessary files for demanded infrastructure of the mobile application are installed and shown.
Create an LivoMobile Application

Finally, you have created the Application named 'MyTest'. Now,

1- You can edit and preview your Application

2- You can set the settings of the Application and deploy it.

Step Two: The settings and deployments of the Application

You can make several settings of your Application like Push Notifications, Application Icons and Splash Images, Deployments, Authorizations and Relations.
But, wen can focus the settings of the Authorizations at Quick Start.

There exist several Authorization Rules for a Mobile Authentication
  • Any: any client can login without an Authentication
  • Only Company: a client can login with Company Authentication
  • Custom Groups: a client can login with User Authentication having the users in a custom group
  • LDAP: a client can login with User Authentication having the users in an LDAP
  • Custom Groups with Company: a client can login with Company Authentication and User Authentication having the users in a custom group
  • LDAP with Company: a client can login with Company Authentication and User Authentication having the users in an LDAP
Select an Authorization Rule

we can prefer 'Any' Authentication as an Authorization Rule at Quick Start.

Step Three: Download an appropriate LivoMobile Container and, Setup it

1- First, from your browser, go to: cloud.livomobile.com

A- For Select an Android Container Android,
2- Click on Android icon.
Click Android icon.

3- This will download an .apk file into your phone.

4- Slide down your notification bar by swiping top to middle . If you see the notification 'livo-android-client-r....apk' like the following picture, click on that notification. Your phone will start to install the app.
Download Android Container.

5- If you do not see that notification, go to your Apps. Find “My Files” or equvilant “file manager” application. (you can search on google “how to find apk files in android” ) and open the “My Files” app.
Download Android Container. Download Android Container.

6- Then you can find “livo-android-client-release.apk” file. Select the file and device will automatically start to install.
Download Android Container.

7- IMPORTANT: If you see message about “unknown sources” like this one. Click on “Settings”
Download Android Container.

8- That will direct you to correct settings page. Try to find “Unkown Sources” and allow installation of apps from sources rather than the Play store.
- This setting location can be different phone to phone.If you can not find this same setting page. Please search on google: “ how to allow unknown sources on [insert phone model or name here] ”
- After completing the settings, go and click on “livo-android-client-release.apk” as we discussed in 6. When you click on .apk file your phone will start to install the LivoMobile Container.
Download Android Container.

9- After installation and clicking the LivoMobile icon, you can see the settings alert page of the LivoMobile.
Run Android Container.

10- In order to download and open an app using LivoMobile Container, first we need to make some changes in settings page by clicking Set an Android Containericon on the gear button.
- Here you see “Server Address” section. Type “developer.livomobile.com”
- Later, you just need to type your application id to the “Application Name” section and “Save” all
Run Android Container.

B- For Select an iOS Container Apple,
2- Click on Apple icon.
Click Apple icon.

3- In the installation popup, click 'Install' button and install the LivoMobile Container.
Install LivoMobile.

4- From here you need to make some changes in security settings in order to use the Livo App. Go to “Settings” and follow the screens below:
Click Apple icon.
- By following the screens above, you gave persmission to Livo App.

5- Now, let’s make LivoMobile settings for downloading and executing your application by forwarding from LivoMobile Settings Alert Page or directly going from 'Settings' apps
Make your LivoMobile settings.Make your LivoMobile settings.

6- In the installation popup, click 'Install' button and install the LivoMobile Container.
Make your LivoMobile settings.

Step Four: Run and Execute your Application on the LivoMobile Container

After doing the settings correctly, if you execute the LivoMobile Container again, you encounter an Authentication page according to your authorization rule in server side:
1- Any: Any Authentication page is not shown and skipped.
2- Only Company: Only Company Authentication page is shown.
3- Custom Groups: Only User Authentication page is shown.
4- LDAP: Only User Authentication page is shown.
5- Custom Groups with Company: Firstly Company and later User Authentication pages are shown.
6- LDAP with Company: Firstly Company and later User Authentication pages are shown.

Welcome to Your Application:

After the Authentication stage is passed successfully, the whole files of your application are downloaded and later, your application is started successfully.

Sample Codes

We have selected several sample codes that can be useful for several aims

Ajax:GET in jQuery
<script>
$.ajax({
    type: 'GET',
    url: 'http://vimeo.com/api/v2/video/' + video.id + '.json',
    jsonp: 'callback',
    dataType: 'jsonp',
    success: function(data) {
        path = data[0].thumbnail_large;
        create(path);
    }
});
</script>
Ajax:POST in jQuery
<script>
$.ajax({
    url: "/apps/notifications/pushNotification/android",
    type: 'POST',
    data: formData,
    async: false,
    success: function (response) {
        $("#successModal").modal("show");
        document.getElementById("alertText").innerHTML = response;
        $("form#androidPushNotificationForm").find("input, textarea").val("");
    }, error: function (response) {
        $("#ErrorModal").modal("show");
        document.getElementById("errorText").innerHTML = response.responseText;
    },
    cache: false,
    contentType: false,
    processData: false
});
</script>
Ajax:GET with Rest in Angularjs
<script>
1-  $http({
      method: 'GET',
      url: 'http://www.domain.com/rest/Utils/assetCats',
      headers: {'Accept': 'application/json', 'X-Auth-Token': (AuthService.authToken() ? AuthService.authToken() : 'undefined')}
  }).then(function successCallback(response) {

      console.log(response.data);
      rowData = response.data ? response.data : new Array();

  }, function errorCallback(response) {
      console.error('GET::errorCallback for ... --> ' + response.statusText);
  });

2- $http.get('http://freegeoip.net/json/').then(function (response) {

      console.log(response.data.ip);
      $scope.remoteAddr = response.data.ip;

 });
</script>
Ajax:POST with Rest in Angularjs
<script>
$http({
  method: 'POST',
  url: 'http://www.domain.com/rest/AssetDemandServices/saveAsset',
  headers: {'Content-Type': 'application/x-www-form-urlencoded', 'X-Auth-Token': (AuthService.authToken() ? AuthService.authToken() : 'undefined')},
  transformRequest: function(obj) {
      var str = [];
      for(var p in obj)
          str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
      console.log(str.join("&"));
      return str.join("&");
  },
  data: { assetCatId: $scope.assetRow.ASSETP_CATID,
          employeeId: $scope.assetRow.EMPLOYEE_ID ? $scope.assetRow.EMPLOYEE_ID : 5410,
          usagePurposeId: $scope.assetRow.USAGE_PURPOSE_ID,
          brandTypeId: $scope.assetRow.BRAND_TYPE_ID ? $scope.assetRow.BRAND_TYPE_ID : -1,
          makeYear: $scope.assetRow.MAKE_YEAR ? $scope.assetRow.MAKE_YEAR : -1,
          requestDate: '{ts \'' + $filter('date')($scope.assetRow.REQUEST_DATE, 'yyyy-MM-dd HH:mm:ss') + '\'}',
          detail: $scope.assetRow.DETAIL ? $scope.assetRow.DETAIL : -1,
          remoteAddr: $scope.remoteAddr,
          assetpSubcatId: $scope.assetRow.ASSETP_SUB_CATID ? $scope.assetRow.ASSETP_SUB_CATID : -1,
          processStage: $scope.assetRow.STAGE_ID ? $scope.assetRow.STAGE_ID : -1
  }
}).then(function successCallback (response) {
  console.log(response.data);
  $scope.assetRow.DEMAND_ID = response.data;
  dataList.unshift($scope.assetRow);
  var promptScreen = prompt({
      "title": $translate.instant('info_screen'),
      "message":  $translate.instant('success_saved'),
      "buttons": [
          {
              "label": $translate.instant('close'),
              "cancel": false,
              "primary": true
          }
      ]
  });
}, function errorCallback(response) {
  console.error('GET::errorCallback for ... --> ' + response.statusText);
});
</script>
Ajax with Soap in Angularjs
<script>
$soap.post(
        'http://www.domain.com/payroll/PERSONEL_PAYROLL.asmx',
        'InvokeJson',
        '{"user":"xxxx","passwd":"111111","I_EMPLOYEE_ID":"123445","I_SAL_MONTH":"11","I_SAL_YEAR":"2017"}'
    ).then(function (response) {

      console.log(response);
      $scope.payrollData = JSON.parse(response);
      console.log($scope.payrollData);
      $scope.payrollData = $scope.payrollData.TE_GET_PERSONEL_PUANT;

    }, function errorCallback(response) {
      console.error('GET::errorCallback for ... --> ' + response.statusText);
    });
</script>

Cordova

We use and offer Apache Cordova API to reach and use the device native API

Apache Cordova

provides
1- Mobile apps with HTML, CSS & JS.
2- Target multiple platforms with one code base
3- Free and open source
Go to Cordova web site.

Apache Cordova Plugins

A plugin is a bit of add-on code that provides JavaScript interface to native components. They allow your app to use native device capabilities beyond what is available to pure web apps. Go to Cordova plugins web page.

LivoMobile with Cordova

The following Cordova Plugin APIs are loaded in LivoMobile by default. For other cordova plugins, you should contact with us.
1- Whitelist
2- Livo ServiceObjects
3- Network
4- Connection
5- Splashscreen
6- ActionSheet
7- Camera
8- Geolocation
9- Device
10- File
11- File Transfer
12- Media Capture

Video

Create Mobile Application
Livo Presentation

AppKit - Bootstrap Angular Admin Theme for Developers

AppKit Theme

Love this free documentation theme?

Check out AppKit - an Angular admin theme I created with my developer friend Tom Najdek for developers. AppKit uses modern front-end technologies and is packed with useful components and widgets to speed up your app development.

[Tip for developers]: If your project is Open Source, you can use this area to promote your other projects or hold third party adverts like Bootstrap and FontAwesome do!