Un aperçu des outils Web permettant de créer des applications sans utiliser le SDK Android. Androïde

Même si les applications mobiles, comme les sites Web mobiles, fonctionnent sur les smartphones et les tablettes, elles sont différentes les unes des autres. Les Progressive Web Apps (PWA) sont une initiative open source de Google qui exploite les capacités Web modernes pour offrir aux utilisateurs une meilleure expérience que les applications natives ou les sites mobiles. Parce qu'il s'agit d'un framework relativement nouveau, il n'est pas encore pris en charge par tous les navigateurs et ne prend pas en charge certaines des fonctionnalités qui rendent les applications natives si attrayantes pour les consommateurs : l'utilisation d'un appareil photo, le GPS et un scanner d'empreintes digitales. Cela changera certainement si les PWA sont plus largement acceptées.

Aujourd’hui, l’émergence des PWA représente la même avancée dans Internet mobile, comme l'avènement du design Web réactif il y a cinq ans. Ce nouvelle technologie, qui évoluera inévitablement et changera au fil des années, à mesure que les développeurs en amélioreront continuellement les versions et que les marques se tourneront de plus en plus vers les PWA dans le cadre de leurs stratégies mobiles.

PWA présente plusieurs avantages pour les utilisateurs, l’un d’eux étant une navigation plus rapide. Ils sont instantanément découverts dans le navigateur sans qu’il soit nécessaire de télécharger une application et peuvent fonctionner n’importe où, y compris dans les zones où la puissance du signal Internet est faible. Ils peuvent être "enregistrés" sur l'écran principal, au moins sur Appareils Android, pour un accès plus facile et un canal d'interaction personnalisé. Ils permettent également un réaccès rapide sans avoir à ouvrir un navigateur et à saisir une adresse Web.

Les PWA bien conçues sont quatre fois plus rapides que les autres sites mobiles, ce qui contribue à accélérer le processus d'achat, car l'achat d'un produit ne se fait qu'en quelques clics, de sorte que les clients restent toujours engagés.

Il existe également d’autres avantages pour les spécialistes du marketing. Les PWA devraient avoir un impact important sur les taux de conversion dans appareils mobiles ah, et réduisez également les coûts d'investissement élevés associés au développement de vos propres applications.

Les PWA ressemblent à des applications natives et, en fin de compte, les clients préféreront les PWA car elles ont plus de fonctionnalités. grande vitesse, offrent la même expérience que les applications natives et vous permettent également d'utiliser n'importe quel site mobile hors ligne.

Les PWA prennent également en charge les notifications push du navigateur, permettant aux spécialistes du marketing d'envoyer des messages contextuels et personnalisés en temps réel d'un simple clic directement depuis la PWA.

Étant donné que les PWA sont essentiellement des sites Web, elles sont plus faciles à mettre à jour et ne nécessitent pas que les utilisateurs téléchargent et installent une version mise à jour de l'application. De plus, on les trouve facilement dans moteurs de recherche, - cela signifie que l'audience potentielle est de plusieurs millions de clients.

Cependant, outre leurs avantages, les PWA présentent également certains inconvénients, et pour certains, ceux-ci peuvent être un facteur décisif dans leur décision.

Le problème clé est que tous les navigateurs ne prennent actuellement pas en charge PWA. Alors que les versions plus récentes Navigateur Chrome, Opera et Android prennent en charge PWA, IE, Edge, Safari et de nombreux navigateurs personnalisés ne le font pas. Actuellement, les PWA ne prennent pas en charge tous les composants matériels pris en charge par les applications natives traditionnelles, notamment les appareils photo, les GPS et les scanners d'empreintes digitales sur les téléphones mobiles.

Un autre défi réside dans le fait que les magasins d’applications sont traditionnellement des référentiels centraux d’applications, aidant les utilisateurs à trouver ce dont ils ont besoin et à maintenir un certain niveau de légitimité. Cependant, les PWA n’ont pas besoin de tels magasins, les spécialistes du marketing peuvent donc avoir des difficultés à promouvoir leurs PWA et leur légitimité.

Enfin, beaucoup applications tierces, qui nécessitent une connexion, comme Facebook et Google, continueront à demander un identifiant et un mot de passe, car les PWA ne peuvent pas collecter elles-mêmes ces données.

La popularité et la fonctionnalité des PWA ne font que gagner du terrain ; dans les années à venir, elles deviendront plus populaires et technologiquement améliorées. Selon les experts, une augmentation significative du nombre de PWA est attendue, puisque des entreprises telles que Pinterest, Tinder, Uber et Starbucks ont déjà lancé des PWA avec excellents résultats. Le nombre de fonctionnalités prises en charge par les PWA augmentera également d’année en année. Pour les spécialistes du marketing, un avantage significatif sera la facilité de collecte de données analytiques, car les PWA s'intègrent parfaitement aux outils d'analyse standards de Google et Adobe.

Si vous trouvez une faute de frappe, mettez-la en surbrillance et appuyez sur Ctrl + Entrée ! Pour nous contacter, vous pouvez utiliser .

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.

Développement technologies mobiles a conduit à 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és.

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.

Dans la boutique numérique Google Play Il existe 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.

Populaire éditeur de texte pour développer des sites Web sur Android, optimisés 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 ;
• Modification de l'encodage ; Synchronisation avec les "clouds".

Testeurs cette demande Ils 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 vous pouvez éventuellement créer un véritable site 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 à distance. Protocoles FTP, FTPS et SFTP WebDAV.

L'un des caractéristiques clés applications - 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 moyen 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 sa disponibilité à absence totale 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 système opérateur Android vous permet d'effectuer n'importe quelle 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, notamment publiée dans la boutique en plaçant de la publicité dans le programme lui-même.

Le principal "truc" de ce service dans ce qu'il propose prêt à l'emploi modèles d’applications pour 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 plateforme très pratique pour fait soi-même des applications qui ne nécessitent pas de compétences en programmation de la part 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.

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 :

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 productif et de haute qualité.

Le smartphone dispose d'un puissant processeur à 8 cœurs de 1,4 GHz et 3 Go. BÉLIER, qui lancera facilement l'application de programmation la plus gourmande en ressources et vous permettra é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. Protection à plusieurs niveaux dernière version Le système d'exploitation Android 7.0 est complété 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.

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,

Bobromordov Evsey Sevianovitch ( directeur général)

Bobromordova Karina Evseevna (directrice financière)

Bobromordov Karen Evseevich (courrier)

• Vous pouvez créer autant de candidatures que vous le souhaitez et tout à fait gratuitement.
• Le matériel nécessaire à la création d'un projet peut provenir de nombreuses sources différentes (page Web, Chaîne YouTube, document PDF, flux RSS, galerie photos, fichier audio, etc.).

• Si vous disposez de matériel prêt à l'emploi (document, lien vers fil d'actualité, code source etc.), le temps passé à créer une application se mesure en dizaines de secondes.
• Lorsque vous terminez la création de l'application, en plus du lien vers le fichier apk, un code QR apparaît à l'écran (je l'ai réalisé et je l'ai immédiatement installé sur mon téléphone) et un bouton pour le publier sur Google Play.
• L'avantage le plus frappant d'AppsGeyser est l'aperçu de l'application (à quoi elle ressemblera et fonctionnera sur l'appareil). Cette fonctionnalité est implémentée ici beaucoup plus facilement que ses concurrents. Seul le SDK Android est plus cool : caméra, capteur de mouvement et performances modèle spécifique Vous ne pouvez pas tester votre téléphone sur AppsGeyser.
• Une autre fonctionnalité intéressante du service est le constructeur de tests (Quiz).

• L'aperçu ignore AJAX. Malgré le fait que dans l'assemblage fini, cette technologie fonctionne très bien.

• Il existe un excellent éditeur visuel pour créer une application avec une incroyable variété de barres d'outils. En déplaçant simplement le pointeur de la souris, vous pouvez ajouter une gamme incroyablement large d'éléments à votre application : d'une simple TextBox à un capteur de localisation utilisateur !

• Créer une application à partir de notre code ici demande plus de travail. Vous devez d’abord enregistrer la source avec l’extension HTML et la télécharger sur le serveur. Ensuite, dans l'espace de travail, faites glisser l'élément Web Viewer sur le champ d'application, dans les paramètres duquel précisez l'adresse de la page avec notre application. Maintenant, en utilisant le menu Construire, vous pouvez obtenir un assemblage terminé.
• Le principal inconvénient d'App Inventor est que l'application compilée nécessite une connexion Internet pour fonctionner (contrairement à celle créée dans AppsGeyser).

• Il est possible de créer plusieurs espaces de travail, d'établir des connexions entre eux, d'attribuer de l'espace aux blocs publicitaires - il existe au total une centaine de décors différents. La fonctionnalité est à l'œil nu, environ 80 % de ce qu'AppsGeyser possède et 90 % d'App Inventor. Et plein d'autres astuces personnelles. Et toute l'entreprise fonctionne rapidement, magnifiquement et bien.

• L'aperçu n'est pas inférieur à AppsGeyser en termes de vitesse et de qualité de travail.
• Une riche collection de modèles de conception, combinée à la possibilité de les recréer au-delà de toute reconnaissance.
• L'interface est complètement imprégnée de créativité. Par exemple, sur la première page de la section de création du programme, vous devez sélectionner le type d'application parmi 38 options (cela est fait uniquement pour le plaisir, lorsque vous cliquez sur différentes icônes, vous vous retrouvez au même endroit).

• Il n'y a nulle part où coller le code. Nous devons travailler avec nos mains.
• Il existe une fonction pour publier des applications, mais la barre d'applications n'en est pas encore consciente Marché Android est connu depuis longtemps sous le nom de Goggle Play.
• L’interface est lente par endroits et regorge de solutions « originales ». Vous pensez presque constamment à l’âme mystérieuse et à la pensée extraordinaire de ses créateurs.

• Création annuaire téléphonique Il est impossible pour une entreprise de notre exemple de code d'utiliser ce service, mais quelque chose de similaire peut être fait à l'aide des outils intégrés. Appbar est tout à fait adapté à la création d'une application de carte de visite.

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

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. À propos de la technologie et fonctionnalités supplémentaires Vous pouvez le lire éteint. site Web : http://jquerymobile.com/.

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.

Pour les calculs, nous utilisons la formule de Harris-Benedict. Cela ressemble à ceci :

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% »

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 :-)

À 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

• À propos du programme
• Calculer

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).

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 ».

– chapeau

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

– pied 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.

– 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 de pages.

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

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) ) ; renvoie les données ; ) fonction calculateData())( var résultat ; var data = getData(); switch (data.sex)( cas 1 : résultat = 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é * AUGMENTER ; cas 3 : résultat renvoyé * DIMINUTION ; cas 4 : résultat renvoyé * QUICK_DECREASE ; ) ) function showData())( document.getElementById( " résultat").innerHTML = calculateData( )

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

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

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 c'est 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.

Nous devrons donc pomper bibliothèques requises. La première bibliothèque jQuery principale se trouve à l'adresse : http://jquery.com/download/. Là, 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ès à Internet du manifeste, nous n'en avons pas besoin maintenant. En général, c'est tout.

Maintenant tu as un peu application de travail 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)