Android. Créons une application en utilisant JQueryMobile. Revue des outils web pour créer des applications sans utiliser le SDK Android Création d'une application web pour Android

Plus récemment, les versions mobiles des sites Web étaient considérées comme une ressource secondaire avec une valeur douteuse et des capacités limitées. Considérant qu'il y a 4 à 5 ans, les téléphones ne pouvaient pour la plupart pas se vanter de grands écrans et de puissance, il était beaucoup plus pratique pour les utilisateurs de travailler avec des pages Web de bureau à part entière.

Cependant, il est désormais impossible d'imaginer une ressource Internet sérieuse sans une version mobile. De plus, chaque année, les utilisateurs accèdent de plus en plus à Internet à partir d’appareils mobiles. Le graphique, établi par les spécialistes de la ressource analytique StatCounter, montre que le volume de navigation sur Internet sur les smartphones et les tablettes au cours de l'année écoulée est passé de 41 à 53 %, avec une baisse similaire dans les versions de bureau.

Le développement des technologies mobiles a donné naissance à une autre tendance intéressante. Auparavant, les développeurs de sites Web et d'applications mobiles étaient clairement séparés des utilisateurs ordinaires et formaient une sorte de caste fermée. Cependant, en 2017, grâce à des outils de développement flexibles et pratiques, de nombreux utilisateurs sans formation technique particulière peuvent se sentir comme de vrais programmeurs. L'environnement mobile Android convivial et réactif, les modèles faciles à prendre en main et un peu de pratique vous aideront à créer un site Web ou une application sur Android sans trop de difficulté.

Dans notre article, nous verrons comment créer un site Web sur Android, développer une application à l'aide de concepteurs spéciaux, ainsi que les moyens d'adapter un site de bureau aux appareils mobiles.

Il est à noter que pour le développement complet de sites et d'applications mobiles, il est conseillé de maîtriser au moins les principes de base des principaux langages de programmation PHP, CSS, JS, HTML et JSON. Il est préférable de faire les premiers pas dans cette direction à l'aide de didacticiels en ligne et de didacticiels vidéo spéciaux sur YouTube, par exemple sur la chaîne Cerveaux Geek.

Applications pour créer des sites Web sur Android

La boutique numérique Google Play propose plusieurs applications gratuites et pratiques que vous pouvez utiliser pour créer un site Web mobile. Beaucoup d’entre eux sont essentiellement des éditeurs de texte destinés aux programmeurs avancés. Cependant, nous avons trouvé plusieurs programmes que même ceux qui commencent tout juste à « développer » leurs compétences en développement Web peuvent progressivement maîtriser.

Un éditeur de texte populaire pour développer des sites Web sur Android, optimisé pour les appareils mobiles. L'application est basée sur un bloc-notes virtuel classique, complété par de nombreux outils de programmation.

Principales fonctionnalités de l'application :

  • Éditeur de code pratique avec coloration syntaxique ;
  • Le programme est conçu pour plus de 40 langages de programmation ;
  • Travail rapide avec des fichiers texte volumineux ;
  • Étapes de restauration et de restauration illimitées ;
  • Édition de code intuitive ;
  • Défilement vertical et horizontal ;
  • Recherchez rapidement la section de code souhaitée ;
  • Changement d'encodage; Synchronisation avec les « clouds ».

Les testeurs de cette application plaisantent en disant que QuickEdit peut être utilisé comme un bloc-notes ordinaire, par exemple pour une liste de produits dans un magasin, à partir de laquelle, au fil du temps, vous pouvez créer un véritable site Web mobile.

Android Web Developer est capable de transformer un smartphone en un outil à part entière pour créer un site Web mobile. L'environnement clair et réactif de l'application convient aussi bien aux programmeurs débutants qu'expérimentés. AWD vous permet de créer des sites Web en HTML, JS, CSS et PHP, de compiler ou d'éditer des fichiers et de vous connecter aux protocoles FTP, FTPS et SFTP WebDAV distants.

L'une des fonctionnalités clés de l'application est la synchronisation constante avec un serveur distant pour le téléchargement de fichiers. Autrement dit, l'utilisateur est autorisé une fois, par exemple, sur FTP et travaille ensuite avec le protocole comme avec un disque local.

Principales fonctions de l'application :

  • Mise en évidence du code ; Détection automatique du codage ;
  • Complétion automatique du code ;
  • Vérification des erreurs ;
  • Formatage automatique ;
  • Numérotation de ligne pratique ;
  • Recherche et navigation rapides dans le code ;
  • Test rapide dans le navigateur ;
  • Code de sauvegarde automatique ;
  • Mode plein écran;
  • Gestion complète de tous les fichiers du projet (copier, coller, supprimer, dupliquer, etc.).

Pour plus de commodité, les développeurs d'applications ont compilé une liste de serveurs disponibles sur lesquels vous pouvez télécharger des projets logiciels :

  • Serveur Ulti ;
  • KSWEB;
  • Serveur PAW ;
  • Serveur Web Bit.

Dans les prochaines mises à jour, des serveurs cloud distants sur Mercurial, Dropbox et Google Drive seront disponibles.

Si vous n’avez pas le temps de maîtriser le code, mais que vous avez un besoin urgent de créer un site Web sur Android, le plus simple est d’utiliser un constructeur de site Web mobile. L'une des applications les plus populaires dans ce domaine est Weebly.

L'application contient déjà les thèmes et modèles de base pour créer un site Web, un blog ou une boutique en ligne à partir de zéro. L'utilisateur sélectionne uniquement le design, ajoute son propre texte et ses images. Vous pouvez également connecter des analyses de sites Web à l'aide de l'application. Weebly vous permet de suivre toutes les activités des utilisateurs en temps réel :

  • Commentaires et critiques ;
  • Ordres;
  • Trafic vers le site ;
  • Temps de visionnage et ainsi de suite.

Beaucoup de gens font attention au fait que même une version mobile optimisée du site n'est pas toujours pratique à utiliser. Les fonctions, boutons, images, formulaires interactifs inutiles ne font que prendre du temps et vous dérouter. Dans ce cas, un outil aidera à transformer le site en une application pratique sur Android.

Le service le plus populaire pour transformer un site Web en applet est Hermit. Grâce à cette application, vous pouvez créer des applications basées sur des sites mobiles ou de bureau, tandis que l'utilisateur décide des outils de gestion dont il a besoin. Hermit intègre également la fonction de notification Android dans la nouvelle application.

Un avantage important d'Hermit est son accessibilité en l'absence totale de publicité intégrée. De plus, le bloqueur de publicités est intégré à l'utilitaire lui-même.

Comment utiliser l'application Hermit :

  • Installez l'application sur votre smartphone ;
  • Ouvrez l'utilitaire ;
  • Cliquez sur le bouton rond rouge dans le coin inférieur droit ;
  • Tapez l'adresse du site dans la barre de recherche ;
  • Sélectionnez un nom pour la nouvelle application ;
  • Cliquez sur Créer ;
  • Accédez à la section Personnaliser ;
  • Configurez les fonctions nécessaires.

Une fois la transformation terminée, une nouvelle icône d'application apparaît sur le bureau du smartphone, qui peut être remplacée par une icône personnalisée. Également dans les paramètres de l'application, vous pouvez modifier la couleur du texte, de l'arrière-plan et télécharger des images.

Dans cette vidéo, vous pouvez voir un exemple de la façon dont, à l'aide d'Hermit, nous avons créé une application à partir du site Web du fabricant britannique de smartphones Wileyfox :

Comme nous l'avons déjà noté, le code ouvert et accessible du système d'exploitation Android permet d'effectuer toute manipulation logicielle. Si l'utilisateur possède déjà un site Web, par exemple une boutique en ligne ou un blog, il peut créer une application distincte pour celui-ci à l'aide de services Web spéciaux.

Parmi les nombreux services de création d'applications, les plus pratiques et les plus faciles à prendre en main sont :

Un service en ligne gratuit de création d'applications, dans lequel vous devez passer par une simple inscription pour poursuivre les travaux. Grâce à ce service, vous pouvez créer des applications à partir des modèles disponibles en quelques minutes, par exemple votre propre messagerie ou jeu. Après quoi l'application peut être monétisée directement sur Google Play, c'est-à-dire publiée dans le magasin en plaçant de la publicité dans le programme lui-même.

La principale caractéristique de ce service est qu'il propose un ensemble de modèles prêts à l'emploi pour les applications destinées à un secteur spécifique. Par exemple, un utilisateur peut créer une application permettant de réserver des chambres d'hôtel, une discothèque, un cabinet d'avocats, etc. Le service est disponible en 23 langues.

Une plate-forme très pratique pour l'auto-développement d'applications qui ne nécessite pas de compétences en programmation de l'utilisateur. Avec son aide, vous pouvez créer non seulement des applications, mais également des catalogues, des rapports, des CV, des collections et bien plus encore. Tous les modèles de candidature sont classés en sections : Éducation, Alimentation, Voyages, Culture, etc.

Quel smartphone choisir pour créer soi-même des sites et applications sur Android

Vous avez donc décidé de concevoir votre propre site Web ou application pour Android. Il ne reste plus qu'à choisir un smartphone qui vous permettra d'effectuer facilement tous les travaux importants. Pour ce faire, le gadget mobile doit répondre à certaines exigences :

  • Grande quantité de RAM et de mémoire intégrée pour stocker et publier les documents nécessaires ;
  • Processeur puissant pour l'installation de grands utilitaires de conception et de traitement de données ;
  • Un grand écran lumineux et contrasté, sur lequel il est plus pratique de créer et d'éditer du code et des textes pour remplir des applications et des sites Web ;
  • Une batterie volumineuse qui vous permettra de continuer à travailler sur des programmes et des pages ;
  • Internet haut débit, avec lequel vous pourrez tester rapidement votre projet.
  • Nous vous recommandons de prêter attention aux produits de la jeune marque britannique Wileyfox. Les smartphones Fox-face ont été largement acceptés au cours des 1,5 dernières années en raison de leur combinaison de hautes performances, d'une excellente qualité de fabrication, d'un design inspirant et, surtout, d'un prix abordable.

    Un smartphone est un excellent outil pour un programmeur débutant ou avancé. Ce modèle, disponible pour seulement 12 990 roubles, offre à l'utilisateur une totale liberté d'action pour créer des sites Web ou des programmes grâce à un remplissage de haute qualité et productif.

    Le smartphone dispose d'un puissant processeur à 8 cœurs de 1,4 GHz et de 3 Go de RAM, qui peuvent facilement lancer l'application de programmation la plus gourmande en ressources et vous permettent également de compiler rapidement toutes les données du projet. Si l'utilisateur ne dispose pas de suffisamment de stockage interne déjà important de 32 Go, la mémoire peut toujours être étendue jusqu'à 128 Go à l'aide d'une carte SD externe.

    Un écran IPS 2,5D de 5,2 pouces de haute qualité, réalisé à l'aide de la technologie Onell Full Lamination, prend en charge simultanément 10 clics. Sur un tel écran, il est incroyablement pratique d'effectuer les moindres manipulations avec le code du programme et le texte du contenu. Et la résolution FullHD simplifiera grandement la visualisation et la sélection des illustrations pour remplir une page ou une application.

    Grâce au module Internet haut débit LTE 4G installé, l'utilisateur bénéficiera d'un accès instantané aux serveurs et navigateurs distants pour tester le projet. De plus, une grande batterie lithium-polymère de 3010 mAh vous permettra de rester connecté à Internet jusqu'à 11 heures sans interruption.

    De plus, l'utilisateur de ce modèle peut être serein sur toutes les données personnelles qu'il utilise lors de la création d'une application ou d'un site Internet. La protection à plusieurs niveaux de la dernière version du système d'exploitation Android 7.0 est complétée par un scanner d'empreintes digitales fiable.

    Ainsi, créer et publier vos propres applications et sites Web à l’aide d’outils mobiles modernes n’est pas difficile. L'utilisateur peut emprunter un chemin plus simple et travailler selon des modèles ou maîtriser des langages de programmation, au moins au niveau initial, et les utiliser pour créer des produits uniques.


    Figure 1. Vous pouvez mettre votre contenu Web à la disposition des utilisateurs de deux manières : dans un navigateur Web traditionnel et dans une application Android, en incluant une WebView dans la mise en page.

    Android propose diverses façons de présenter du contenu à un utilisateur. Pour offrir une expérience utilisateur cohérente avec le reste de la plate-forme, il est généralement préférable de créer une application native qui intègre les expériences fournies par le framework, telles que les liens d'application Android ou la recherche. De plus, vous pouvez utiliser des expériences basées sur Google Play, telles que App Actions et Slices, où les services Google Play sont disponibles. Certaines applications peuvent toutefois nécessiter un contrôle accru sur l’interface utilisateur. Dans ce cas, une WebView est une bonne option pour afficher du contenu propriétaire fiable.

    La figure 1 illustre comment vous pouvez fournir l'accès à vos pages Web à partir d'un navigateur ou de votre propre application Android. Le framework WebView vous permet de spécifier les propriétés de fenêtre et de style qui font apparaître vos pages Web à la taille et à l'échelle appropriées sur toutes les configurations d'écran pour tous les principaux navigateurs Web. Vous pouvez même définir une interface entre votre application Android et vos pages Web qui permet à JavaScript dans les pages Web de faire appel aux API de votre application, fournissant ainsi des API Android à votre application Web.

    Cependant, vous ne devez pas développer une application Android simplement comme moyen de visualiser votre site Web. Les pages Web que vous intégrez dans votre application doivent plutôt être conçues spécialement pour cet environnement.

    Alternatives à WebView

    Bien que les objets WebView offrent un contrôle accru sur l'interface utilisateur, il existe des alternatives qui peuvent fournir des fonctionnalités similaires avec divers avantages : ils nécessitent moins de configuration, peuvent se charger et s'exécuter plus rapidement, offrent une protection améliorée de la confidentialité et peuvent accéder aux cookies du navigateur.

    Envisagez d'utiliser ces alternatives à WebView si votre application correspond aux cas d'utilisation suivants :

    • Si vous souhaitez diriger les utilisateurs vers un site mobile,

    Étant donné que les développeurs Android n'ont pas beaucoup de règles, de normes et d'exigences à suivre lors du développement d'applications, ils ne se soucient pas beaucoup de la création de sites Web soignés pour leurs applications Web. De nombreuses applications Android établies n'ont même pas de site Web, mais elles ont des pages Twitter, Facebook, etc. C’est la raison pour laquelle nous n’avons pas trouvé beaucoup d’exemples à montrer dans cet article. Par conséquent, vous trouverez ci-dessous quelques sites Web dédiés à la fois à Android et à iPhone.

    Sites Web d'applications Android

    FxCaméra

    FxCamera vous permet de prendre des photos créatives avec plus de 40 filtres parmi lesquels choisir.

    Timer est une application magnifiquement conçue pour votre Android.

    Trouvez des pages Web intéressantes où que vous soyez, puis lisez-les chez vous ou en déplacement, même sans connexion Internet.

    Une application qui vous motive à aller à la salle de sport. Gagnez de l’argent lorsque vous allez à la salle de sport, aux dépens d’amis qui ne vous accompagnent pas.

    Maluuba est une alternative à Siri qui peut être votre assistant vocal sur Android.

    Foodster

    Foodster vous aide à trouver et à cuisiner les meilleures recettes sur Internet. Avec plus de 10 000 recettes provenant des meilleures ressources du Web et de nouveaux ajouts chaque jour, vous pouvez être sûr de trouver quelque chose de délicieux et de facile à cuisiner.

    Fonds d'écran à motifs

    Pattrn est une application d'économiseur d'écran unique pour téléphones et tablettes qui vous donnera accès à une vaste collection d'images.

    double torsion

    DoubleTwist Alarm Clock est la plus belle application de sa catégorie sur le Google Play Store.

    ClockworkMod

    Libérez le potentiel de votre téléphone, une application à la fois.

    Sites Web d'applications Android et iPhone

    Avocado™ est le meilleur moyen de rester en contact avec les personnes qui comptent le plus grâce à des discussions, des calendriers, des croquis, des photos et bien plus encore !

    Strava permet aux athlètes du monde entier de faire l'expérience du fitness social, ce qui implique de partager, de comparer et de rivaliser les uns avec les autres sur la base de données personnelles de fitness, à l'aide d'applications mobiles et Web.

    Parfois, il est nécessaire de créer une application de site Web, un blog, un client de réseau social pour Android ou une simple application de paiement. Une solution consiste à créer un mini-site dans notre application Android.

    Étape 0. Apprendre à connaître la technologie

    Dans ce tutoriel, nous utilisons JQueryMobile comme moteur pour créer notre application. Cela nous donnera l'opportunité de créer l'apparence et certaines fonctionnalités de notre application en utilisant HTML5, CSS3, JavaScript. Une telle application peut être disponible en deux modes : hors ligne - lorsque tous les fichiers (pages) se trouvent à l'intérieur de l'application ou en ligne - lorsque nous recevons des pages ou des données à distance. Vous pouvez en savoir plus sur la technologie et les fonctionnalités supplémentaires sur off. site Web : http://jquerymobile.com/.

    Étape 1. Énoncé du problème

    Mon style préféré consiste à définir une tâche puis à poursuivre l’objectif. Et donc, disons que nous devons créer une application qui calculera les kcal. pour les personnes, en fonction de l'objectif qu'une personne s'est fixé, de sa taille, de son poids, de son âge. Ce sera une application hors ligne régulière.

    Étape 2. Conception et collecte d'informations

    Pour les calculs, nous utilisons la formule de Harris-Benedict. Elle ressemble à ça :

    Apport calorique = BMR x niveau d'activité, où

    Hommes:

    BMR = 88,36 + (13,4 x poids, kg) + (4,8 x taille, cm) – (5,7 x âge, années)

    Femmes:

    BMR = 447,6 + (9,2 x poids, kg) + (3,1 x taille, cm) – (4,3 x âge, années)

    et niveau d'activité pendant la semaine :

    Niveau minimum, norme calorique = 1,2
    Faible apport calorique = 1,375
    Moyenne, apport calorique = 1,55
    Élevé, apport calorique = 1,725
    Très élevé, apport calorique = 1,9

    Et aussi 2 conditions :

    1. Si une personne veut prendre du poids, alors elle a besoin de « + 20 % »

    2.Si vous avez besoin de perdre du poids, alors « - 20 % »

    3. Perdre du poids rapidement, puis « - 40% »

    Étape 3. Dessinez le motif

    Après avoir réfléchi et déplacé la souris sur les côtés, j'ai réussi à créer un modèle d'application.

    Tout au long de la leçon, nous suivrons ce modèle et essaierons de le mettre en œuvre. Et donc, commençons directement à programmer :-)

    Étape 4 : Créer une conception d'application

    À cette étape, nous allons créer le design de notre application. Cette étape sera assez simple et passionnante, puisque la construction de la conception de l'application et la vérification de son exactitude s'effectuent directement dans le navigateur.

    Voici ce que j'ai obtenu :

    Et bien sûr, décrivons le code qui nous a donné cette conception :

    Calcul des calories Calcul des calories

    Entrez votre poids :
    Entrez l'âge :
    Entrez la hauteur (cm):
    Activité: Aucun 1 à 3 par semaine 3 à 5 par semaine 6 à 7 par semaine Plusieurs fois par jour
    Cible: Maintenir son poids Prendre du poids Perdre du poids Perdre du poids rapidement
    Sol: Homme Femme
    Le résultat sera ici
    • À propos du programme
    • Calculer
    Calcul des calories Retour

    Ceci est un mini programme pour calculer l'apport calorique quotidien d'une personne

    Description de l'élément d'activité

    Il existe cinq types d'activité physique : minimale (pas d'activité physique), faible (activité physique 1 à 3 fois par semaine), moyenne (3 à 5 jours par semaine), élevée (6 à 7 fois par semaine), très élevée ( faire de l’exercice plus souvent) qu’une fois par jour).

    Regardons ce qu'il y a ici et pourquoi.

    – nous indiquons que nous utiliserons HTML5. Cela permettra d’utiliser plus de fonctionnalités du framework.

    – nous indiquons comment afficher et zoomer notre page. Nous avons également défini l'encodage pour prendre en charge le texte russe.

    Un document peut avoir plusieurs « pages » - des vues prêtes à l'emploi. Nous en aurons 2. Basic et « À propos du programme ».

    ... ...

    - un bouchon

    – le corps, la partie principale où sera tout le contenu

    - bas de page. C'est ici que nous plaçons nos boutons de contrôle. Panneau de navigation.

    Je ne donne pas d'explication pour le bloc principal, car il contient du code HTML normal. Où nous décrivons les éléments que nous voulons voir. Pour nous, il s'agit d'une plaque avec des éléments de forme à l'intérieur. Chaque élément contient un identifiant unique. Nécessaire pour recevoir des données. Passons au pied de page.

    – créer une barre de navigation.

  • À propos du programme
  • – chaque élément de liste est un élément de panneau. Dans lequel.

    href='#info' – identifiant « page » à l'intérieur du document, si nous utilisons « # ». Lorsque nous cliquons, nous verrons un bloc « page » avec cet identifiant. Ou nous pouvons faire référence à un fichier ou une ressource (URL) complètement différente.

    data-icon=’info’ – définit l’icône.

    Et enfin, dans ce fichier, le deuxième bloc page

    Dos– un bouton dans l’en-tête pour revenir à la page principale.

    Et aussi nos styles pour les pages.

    Bloc de résultats (alignement du texte : centre ; taille de la police : 20 px ; poids de la police : gras ; couleur : vert ; )

    Étape 5. Création d'une logique métier

    A cette étape, nous allons écrire un script qui recevra nos données, les lira et les renverra à la page.

    Var MAN_COEFFICIENTS=( principal : 88,36, poids : 13,4, taille : 4,8, âge : 5,7 ); var WOMAN_COEFFICIENTS=( principal : 447,6, poids : 9,2, taille : 3,1, âge : 4,3 ); var AUGMENTATION = 1,2 ; var DIMINUTION = 0,8 ; var QUICK_DECREASE = 0,4 ; var ACTIVITY_COEFF = fonction forMan(poids, taille, âge, actif)( return (MAN_COEFFICIENTS.main + (MAN_COEFFICIENTS.weight * poids) + (MAN_COEFFICIENTS.height * taille) + (MAN_COEFFICIENTS.age * age)) * ACTIVITY_COEFF; ) fonction forWoman(poids, taille, âge, actif)( return (WOMAN_COEFFICIENTS.main + (WOMAN_COEFFICIENTS.weight * poids) + (WOMAN_COEFFICIENTS.height * height) + (WOMAN_COEFFICIENTS.age * age)) * ACTIVITY_COEFF; ) fonction getData()) ( var data=( poids : parseFloat(document.getElementById("weight").value), âge : parseInt(document.getElementById("age").value), hauteur : parseInt(document.getElementById("hauteur"). value ), actif : parseInt(document.getElementById("active").value), cible : parseInt(document.getElementById("target").value), sexe : parseInt(document.getElementById("sex").value) ) ; return data; ) function calculateData())( var result; var data = getData(); switch (data.sex)( cas 1 : result = forMan(data.weight, data.height, data.age, data. actif) ; console.log(résultat); casser; cas 2 : résultat = forWoman(data.weight, data.height, data.age, data.active) ; ) switch (data.target)( cas 1 : résultat renvoyé ; cas 2 : résultat renvoyé * INCREASE ; cas 3 : résultat renvoyé * DECREASE ; cas 4 : résultat renvoyé * QUICK_DECREASE ; ) ) function showData())( document.getElementById( " résultat").innerHTML = calculateData(); )

    Pour faire fonctionner le script, connectez-le au document :

    Et on ajoute un appel de fonction en cliquant sur le bouton « Calculer ».

  • Calculer
  • Après cela, lorsque vous appuyez sur le bouton, les données seront calculées et les informations seront affichées.

    Étape 6. Ajouter un projet à Android

    Après avoir préparé tous les fichiers, il ne reste plus qu'à configurer notre projet. Une application Android peut être créée dans n’importe quel environnement qui vous convient. La première étape sera d'ajouter nos fichiers de projet. Ils doivent être placés dans le dossier des ressources. Si l'application est construite dans Eclipse ou intelijIdea, alors ce répertoire se trouve à la racine du projet. Ajoutez-y ces fichiers. Si la structure de l'application est construite dans AndroidStudio à l'aide de Gradle, vous devez alors créer ce répertoire le long du chemin src/main/assets. J'ai ajouté les fichiers au dossier www/, qui contient nos pages.

    Nous transmettons maintenant à notre composant le chemin d'accès au fichier qui sera chargé par défaut à l'ouverture de l'application. Tout cela se passe dans la classe créée par l'environnement par défaut. Dans celui-ci, nous modifions le comportement de la méthode qui génère la vue :

    @Override protected void onCreate(Bundle savingInstanceState) ( super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true ); webView.loadUrl("file:///android_asset/www/index.html"); )

    findViewById(R.id.webView) – nous obtenons notre conteneur pour afficher les pages

    webView.getSettings().setJavaScriptEnabled(true) – activer la prise en charge de JavaScript

    webView.loadUrl("file:///android_asset/www/index.html") - charge la page qui se trouve dans notre répertoire d'actifs.

    Maintenant, puisque notre page contient des bibliothèques de connexion depuis le site (à distance), nous devons ajouter des privilèges d'accès Internet à notre application. Cela se fait dans le fichier manifeste AndroidManifest.xml sur une seule ligne au début :

    Après cela, il ne reste plus qu'à envoyer l'application sur l'appareil. Et tu as fini :-)

    Si vous souhaitez créer une application hors ligne afin de ne pas avoir besoin d'accéder à Internet, téléchargez les bibliothèques depuis le site, placez-les dans un dossier et modifiez le chemin sur la page. De plus, il n'est pas nécessaire de spécifier les autorisations d'accès à Internet.

    Étape 7. Rendre l'application hors ligne

    Nous devons donc télécharger les bibliothèques nécessaires. La première bibliothèque principale jQuery se trouve à l'adresse : http://jquery.com/download/, sélectionnez la version et téléchargez-la. Nous utilisons cette version : Téléchargez le jQuery 2.1.0 compressé et de production. Maintenant, nous téléchargeons jQueryMobile. Allez sur le site officiel : http://jquerymobile.com/ et téléchargez l'archive avec les fichiers :

    Il existe de nombreux fichiers dans l'archive. Nous n'en avons besoin que de quelques-uns : jquery.mobile-1.4.0.min.css, jquery.mobile-1.4.0.min.js et des icônes du répertoire images/. Je placerai ces fichiers à la racine du dossier /www. Après cela, cela vaut la peine de modifier les liens des pages vers les fichiers que nous venons de télécharger :

    Et n'oubliez pas non plus de supprimer l'autorisation d'accéder à Internet du manifeste, nous n'en avons pas besoin maintenant. En général, c'est tout.

    Vous disposez désormais d’une petite application fonctionnelle pour Android. La vitesse est cependant inférieure à la version native de création, mais cela peut être corrigé. Avec une petite application pour vous :-) J'espère que tout était accessible et intéressant)