Après plus de deux ans de recherche, le patron de la Collection SK EDIT, Gaston LIFETA IKATI dévoile sa formule de création des applications mobiles à partir du langage de programmation élémentaire HTML.

« J’étais moi-même confronté à cette situation : Comment concevoir une application mobile à partir du HTML, je me suis lancé à cette recherche pour préparer un terrain de conversion de mes projets web en application mobile. Cette recherche n’a pas été si simple, pour réussir, je me suis focalisé d’abord à la création des applications offline (Sans internet) puis lier le travail local aux données distantes via l’internet. En dehors des applications de mes clients classées secrets dont je ne peux pas publier les fonctionnalités, plusieurs applications tournent avec ma formule et c’est une réussite de plus pour moi » Gaston IKATI.

  1. Ce qu’il faut disposer :

Minimum Visual Studio 2017, connaissances en HTML

  1. Processus
  • Ouvrir Visual Studio
  • Créer un nouveau projet

Créez un projet vide

  • Modifier les fichiers

 

  • Main activity

using Android.App;
using Android.OS;
using Android.Support.V7.App;
using Android.Runtime;
using Android.Widget;
using Android.Webkit;

namespace VOTREPROJET
{
[Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true)]
//Theme = "@android:style/Theme.NoTitleBar"
public class MainActivity : AppCompatActivity
{
protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);
// Set our view from the "main" layout resource
SetContentView(Resource.Layout.activity_main);

var webView = FindViewById<WebView>(Resource.Id.webView);
webView.Settings.JavaScriptEnabled = true;

// Load the rendered HTML into the view with a base URL
// that points to the root of the bundled Assets folder
// webView.LoadDataWithBaseURL("file:///android_asset/", strHTML, "text/html", "UTF-8", null);

// webView.LoadData(strHTML, "text/html", null);
webView.SetWebViewClient(new WebViewClient());

webView.LoadUrl("file:///android_asset/index.html");


}
}
}

  • Ressources/layout/main activity

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:minWidth="25px"
android:minHeight="25px"
android:id="@+id/webView" />
</RelativeLayout>

  • Propriété du projet : style

 

<resources>

<!-- Base application theme. ->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style-->

<style name="AppTheme" parent="AppTheme.Base"/>

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">

<!-- colorPrimary is used for the default action bar background -->
<item name="colorPrimary">@color/colorPrimary</item>

<!-- colorPrimaryDark is used for the status bar -->
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>

<!-- colorAccent is used as the default value for colorControlActivated,
which is used to tint widgets -->
<item name="colorAccent">@color/colorAccent</item>
</style>

</resources>

 

Après tout, importez votre travail (fichiers html, images, css, js, ...) dans le dossier Assets

Ceux qui veulent aller très loin peuvent rejoindre mon club de développement où je forme gratuitement les développeurs.

 

Plus d'informations sur moi : http://glisweb.com/me 

Partager la publication