web stats

http://kio4.com/imageng/kio42.png 

|   FOROS     |     Coméntame algo     |     Qué es esto |      

   Inicio

Basic4Android

App inventor 2

  Elastix

Telecomunica.

Cosas de Windows

Web interesantes

  FOROS

App Inventor 2 français 
Programmation des téléphones mobiles avec Android 
App Inventor 2 - Juan Antonio Villalpando

- Tutoriel App Inventor 2 français -


Le Trocadero - Puerto Real.

Retour au tutoriel français  

____________________________

Indice de tutoriel:

 

1.- Présentation. Pythagore. Deux écrans. 

1B.- Deviner le nombre. Roulette russe.
 Égale trois.

2.- Propriétés. bouton. Événements. Étiquette. CasillaDeVerificación. Pop. VisorDeLista.

3.- Sélectionneur de date et de temps. Ascenseur. Vitesse de la lumière.

4.- Caméra. Avis. TextoAVoz. Sound. Player. Je reproductordevideo. GrabadorDeSonidos. ReconocimientoDeVoz. TraductorYandex.

5.- Accéléromètre. Scanner code à barre . VisorWeb. Capteur de position. Capteur de orientation. ProximitySensor. SpriteImagen.  Boussole. NFC. Près approche Field Communication. Capteur.

6.- Horloge. Sémaphore. GIF.

7.- Cadre. lignes dessin. SpriteImagen. Dessin fonctions. Paddle-tennis. Et SpriteImagen balle.

8.- Sauvegarder et de charger des fichiers. Fichier. TinyDB et MiniWebDB.

9.- Arduino Bluetooth. Bluetooth. Discuter.

10.- App Inventor 2 et Robot LEGO Mindstorms.

11.- Envoyer du courrier.

12.- Notifier émergents.

13.- Ici, je suis. Code incomplètes. (Vous pouvez le télécharger depuis le Google Play)

14.- AP Graphics.

15.- Procédures.

16.- Compte à rebours.

17.-  Table de multiplication.

18.- Pair ou impair.

19.- Activy Starter.

20.- Mélange de couleurs.

21.- Pierre, pa.

22.- Redimensionnée.

23.- Passer des dates entre les écrans.

24.- Vectorielle.

25.- Vecteur d'horloge.

26.- Même ou aucun.

27.- Puissance fiscale. Impôt de traction mécanique.

34.- Indice de masse corporelle.

35.- Mobile in pause  lorsqu'il n'y a pas de bouton pas d'impulsions. L'écran est éteint. Solution. Contexte. Service.

45.- Conditions. Si ... Alors ...

101.- Propositions.

102.- Bâton HDMI. L'Android sur votre téléviseur.

103.- Fichiers de votre ordinateur vers mobile se déplaçant. Récupérer le code QR. Remote Desktop Mobile. Kahoot pour effectuer un test.

 

__________________________________

Les fichiers importants:

Émulateur pour Windows Stater AI va commencer à utiliser Windows. Cet émulateur fonctionne uniquement sur ​​Windows. Il est utilisé pour émuler nos applications directement sur ​​votre ordinateur sans qu'il soit nécessaire d'installer mobile. Il est lent.

-  MIT EA2 Companion App. Un programme qui est chargé dans le téléphone pour l'utiliser comme un émulateur. Installé sur le mobile à partir du Google Play en utilisant le code QR. 
- IA du MIT Companion 2.23 
(Si l'émulateur ne vient pas avec la version 2.23, le plus bas de cette page vous allez invite Windows, vous entrez C:\ AI2U\ Emulator, écrire adb shell et installe le fichier que vous venez de télécharger.

______________________________________________

Présentation

- Qu'est-ce que Android?

Android est un système d'exploitation libre qui utilise les téléphones mobiles modernes nombre (smartphones = smartphones), est basé sur Linux. Android est détenue par Google.

1.5 (Cupcake), 1.6 (Donut), 2.0 (Eclair), 2.2 (Froyo), 2.3 (Gingerbread), 3.2 (Honeycomb), 4.0 (Ice Cream Sandwich), 4.1 (Jelly Bean): Chaque semblent si souvent de nouvelles versions 4.2 Jelly Bean (Gummy Bear), 4.3 (Jelly Bean), 4.4 (KitKat) 4,5 (Kit Kat), 5.0 (Lollipop) ...

Il existe d'autres systèmes d'exploitation de téléphone comme iOS d'Apple (20%) et Microsoft Windows Phone (2%), Android (78%). 
(Voir graphique statistique  Android )

L'Android vous pouvez facilement programmer et effectuer des programmes de formules mathématiques, des jeux, emplacement sur Google Maps, le déplacement d'un robot via Bluetooth, réponse automatique de SMS ...

téléphone

Pour en savoir plus sur Wikipedia Android.

- Pour apprendre à programmer l'Android-je besoin d'avoir un téléphone mobile avec Android?

Non. Vous avez seulement besoin d'une connexion à l'ordinateur et Internet. Dans l'ordinateur peut faire et programmes de test dans un émulateur installé sur le même ordinateur. 
Si vous avez un téléphone mobile ou une tablette avec Android vous pouvez aller à des programmes exécutés Mobile pour voir comment ils travaillent et de les utiliser.

- Quel programme est utilisé pour programmer le Android?

Indiennes trois formes de programmation largement utilisé:

1.- Avec SDK Android et Eclipse . l'écriture de programmes en code Java sont faites. Il est comment ils utilisent les bons programmeurs. Vous pouvez voir des exemples dans cette vidéo .

2.- Par une taxe de dépôt (40 € environ) appel (B4A) BASIC4Android, pour des programmes similaires à la façon dont il est fait avec Visual Basic 
IMPORTANT: Si vous êtes intéressé par ce faire des programmes simples Android pour voir cet apprentissage de tutoriel et l'initiation je l'ai fait:

BASIC4Android tutoriel.

3.- Par App inventeur. Il est un moyen intuitif de rendre les programmes instructions de positionnement pratiques comme les pièces d'un puzzle. Nous utilisons App Inventor pour nos programmes. Qu'est-ce que vous avez besoin est d'être connecté à Internet pour utiliser l'App Inventor.

- App Inventor est apparu le 12 Juillet 2010, et a ouvert au public le 15 Décembre 2010. 
- Qu'est-ce que développée entre Hal Abelson du MIT et les ingénieurs de Google Ellen Spertus et Liz Looney, avec David Wolber USFCA enseignant et vulgarisateur de la demande. 
- Un principo Août 2011 Google a annoncé qu'il ne serait plus dans cette application, mais que ferait open source pour l'éducation. 
Une semaine plus tard l'Institut de Technologie du Massachusetts (MIT), un établissement privé d'enseignement supérieur situé à Cambridge, Massachusetts (Etats-Unis), a annoncé qu'il allait reprendre le projet. 
Voir web . 
- Le 31 dicembre 2011 Google App Inventor cessé de travailler. 
- Le 4 Mars, 2012 , l'Institut de technologie du Massachusetts (MIT) à nouveau mis le projet sur ​​Internet. 

- En Décembre 2013, MIT AI 2 montre, une nouvelle version de l'App Inventor: http://ai2.appinventor.mit.edu 
- En Novembre 2014 désactiver l'option de la langue, que nous pouvons voir la plupart des éléments en espagnol. 
- Le 15 Juillet, 2015 disparaît l'inventeur App (l'ancien). Il est une application Web pour passer les projets de .zip .aia Appli inventeur inventeur 2. Demande en ligne .

- Quel est le code?

- En forme de bloc ...

http://kio4.com/appinventor/imagenes/inicio194e.gif

Les programmes sont réalisés en utilisant des blocs, qui sont une sorte de pièces de puzzle. 
Programme de source de texte Aucune écrite.

- Lorsque, en vertu de l'App-moi l'inventeur?

L'App Inventor est pas un programme que vous devez obtenir l'ordinateur hors tension. Fonctionne sur le cloud computing, le programme fonctionne en se connectant à l'Internet, vous travaillez avec le serveur de programme relié directement à App Inventor. Il est comme une page Web et effectuer des opérations sur elle. Vous avez juste besoin d'un compte Gmail. 
NOTE: Il existe des versions de sorte qu'ils peuvent être installés sur l'ordinateur et de travailler sans être connecté à Internet (hors ligne).

App Inventor

Pour que cela fonctionne vous devez je dispose de Java installé . Vous avez aussi besoin d'un compte Google Gmail.

http://appinventor.googlelabs.com

_________________________

- Dans quelle direction je vais à programmer?

À l'heure actuelle, si vous allez étudier App Inventor 2 va dans ce sens et vous authentifie avec votre adresse e-mail à partir de Gmail ...

http://kio4.com/appinventor/imagenes/point.gifhttp://kio4.com/appinventor/imagenes/point.gif http://ai2.appinventor.mit.edu

App Inventor 2 français

http://beta.appinventor.mit.edu (ancienne version)

_________________________

Interface

- Nous pouvons travailler en espagnol, anglais, français, italien ...

http://kio4.com/appinventor/imagenes/inicio191.gif

http://kio4.com/appinventor/imagenes/linea2.gif

App Inventor 2 déconnecté

- Nous avons vu que de travailler avec AI2 doit être connecté à l'Internet, pourrions-nous travailler en quelque sorte hors ligne, à savoir sans être connecté?

- Oui, pour cela autre que l'équipe du MIT a créé une EA2 Intégrale avec Personal Server Cette installe le EA2 sur votre ordinateur, en utilisant JAVA. Ensuite, nous écrivons dans un navigateur http://localhost: 8888 et nous pouvons travailler directement avec votre ordinateur sans être connecté à Internet. 
Version 2.3 ai2u.

App Inventor 2 Intégrale avec Personal Server . Installez ce paquet sur ​​votre ordinateur pour travailler avec déconnecté AI, à savoir sans être connecté à Internet. Il a une nouvelle version de AI Starter. Plus de détails.

http://kio4.com/appinventor/imagenes/webserver.gif

Télécharger ici. 
Démarrer le serveur, nous allons à un navigateur et tapez http://localhost: 8888

http://kio4.com/appinventor/imagenes/ai2u.gif

Attention, cette forme d'installation que vous faites est de créer un serveur web local avec App Inventor, afin que les autres ordinateurs de votre réseau local peut écrire votre ip un navigateur local, par exemple 192.168.1.2:8888 et se connecter avec votre serveur web avec App Inventor, juanantonio@example.com mettre un nom et peut entrer. Je l'étudie.

Tutorial.

Aide.


- Il ya aussi l'option Portable sans installation.

- Il ya une autre version appelée déconnecté AILiveComplete ( l'installation )

- A cette époque App Inventor 2 en ligne, permet seulement jusqu'à 5 codes de MB, si vous utilisez la méthode en ligne, vous pouvez faire beaucoup plus.

____________________________________________________________ 
____________________________________________________________ 
____________________________________________________________ 
____________________________________________________________ 
____________________________________________________________

COMMEMCER ICI ... 
_________________

1.- Notre premier projet. Théorème de Pythagore.

http://kio4.com/appinventor/imagenes/point.gif p1_pitagoras

Téléchargez ce fichier sur votre ordinateur, puis de le transférer à App Inventor (Projets / Importation de projet)

http://kio4.com/appinventor/imagenes/inicio115e.gif

- Nous allons créer un projet.

Dans notre cas, ce sera le théorème de Pythagore. Nous introduisons les deux variables, appuyez sur un bouton et vous obtenez l'hypoténuse.

http://kio4.com/appinventor/imagenes/pitagoras.png

- Nous cliquons Projets / démarrer un nouveau projet ... 
Nous mettons que le nom: pitagoras

_________________ 
Designer

http://kio4.com/appinventor/imagenes/inicio3e.gif

Screen1 est l'écran de votre mobile.

Palette sont les éléments ou composants que nous mettons sur l'écran de votre mobile. Boutons, boîtes, images, étiquettes, ...

Disons glisser depuis la palette pour afficher Screen1:

Une étiquette  (Label) (Etiqueta1)

Un champ de texte (CampoDeTexto1) NOTE: dans ses propriétés cocher "SoloNúmeros" Nous effaçons informations de piste.

Une autre étiquette  (Label)  (Etiqueta2)

Un autre champ de texte (CampoDeTexto2) NOTE: dans ses propriétés cocher "SoloNúmeros" Nous effaçons informations de piste.

Un bouton (Button1)

Une autre étiquette (Label) (Etiqueta3)

http://kio4.com/appinventor/imagenes/copia3e.gif

Ils se tournent vers la droite sont les Propriétés de chaque élément ...

Si LABEL1 marques, sur la droite, vous pouvez le mettre en gras, changer la taille de la police, le texte que vous souhaitez voir apparaître sur l'étiquette (texte)

Le Key1, il peut mettre sa largeur correspond à la largeur de l'écran. Réglez le récipient

Si vous cliquez sur Screen1, en ​​utilisant les propriétés peut changer l'écran de titre, vous aurez Pythagore. 
Également mis en Screen1, OrientaciónDeLaPantalla verticalement, pour maintenir cette position.

De temps en temps vous cliquez sur Enregistrer le projet / projet pour enregistrer les changements que vous allez faire des ... 
(Bien que le fait que le projet est automatiquement sauvegardé, vous ne l'enregistrez «manuellement».) 


Designer et blocs.

Pour concevoir notre Créateur de contrôles de la presse. 
Pour mettre Blocks Blocks code de la presse.

http://kio4.com/appinventor/imagenes/inicio4e.gif

_________________ 
Blocs

Cliquez sur les blocs pour les faire Boques de code ...

http://kio4.com/appinventor/imagenes/inicio5e.gif

Sur le côté gauche, nous devons mettre des blocs de code et les commandes que nous avons mises en écran Screen1.

Nous allons utiliser trois variables numériques: une jambe (x) autre jambe (Y), l'hypoténuse (z) les variables que nous allons utiliser l'précédemment déclaré ..


Vous pouvez utiliser couper et coller des blocs (Ctrl-C et Ctrl + V) et ensuite ajuster les valeurs.
 
Variables macrobloc créé par les variables x, y, z.
 
Par blocs mathématiques variables numériques doivent être engagées à 0.

http://kio4.com/appinventor/imagenes/inicio6e.gif

Nous voulons quand nous cliquons dans le Key1, la formule de théorème de Pythagore est faite. 
(Cliquez sur Exécuter lorsque Key1)

Dans Key1 nous obtenons Botón1_Click

La première est que les variables x, et prennent la valeur de CampoDeTexto1 et CampoDeTexto2.

Ensuite, la variable z obtiendra la valeur obtenue dans le calcul.

Nous avons besoin d'opérations telles que la racine carrée, carré (^), somme ... obtenir ces blocs mathématiques appuyant sur ​​le bouton.

http://kio4.com/appinventor/imagenes/nicio7e.gif

Une fois que nous avons le résultat dans la variable z, nous mettre dans l'étiquette de Etiqueta3. 
Nous présentons un texte avec la valeur de z.

Dans Botón1.Click

- Nous CampoDeTexto1 contenu .Text et l'affecter à la variable x 
- Nous CampoDeTexto contenu .Text 2 et l'affecter à la variable et

- Nous faisons la racine carrée de x à 2 plus et élevé deux et le résultat est affecté à Z

- Nous dans l'union Etiqueta3.Texto "Le hiponenusa peine ...» et la valeur de z.

Pièces de mathématiques nous prenons opérations intégrées. 
Le CampoDeTexto, Étiquette, Button et définir les variables prennent Screen1

IMPORTANT: EA2 certaines fonctions mathématiques sont un peu cachés, le journal e ^, sont déployés dans le bloc neg 
Les acos, grab, cravate ... sont appuyant sur ​​la flèche sur le bloc.

http://kio4.com/appinventor/imagenes/inicio124e.gifhttp://kio4.com/appinventor/imagenes/inicio1242e.gif

- Soyez prudent toujours avec le séparateur décimal est le point parfois et parfois le coma. Le code est toujours le point: 
pi = 3,1416, mais parfois la CamposDeTexto est un autre point et virgule, essayer. 
_______________________________________________________ 
_______________________________________________________ 
_______________________________________________________ 
_______________________________________________________ 

INSTALLATION EN MOBILE pour les tests et le débogage (debug).

Nous avons, nous allons voir si cela fonctionne Il ya 3 façons de trouver .: 
_______________________________________ 
Première forme:

1. Déplacez le programme vers votre téléphone via le WiFi et EA2 MIT App application Compagnon. 
(Ceci est la méthode recommandée).

- Connectez votre téléphone au même réseau WiFi avec l'ordinateur sur lequel vous travaillez. 
Installe sur votre mobile MIT EA2 Companion: http://appinventor.mit.edu/explore/ai2/setup-device-wifi

http://kio4.com/appinventor/imagenes/mitai2companion.png
- Lancer le programme d'accompagnement MIT EA2 vous avez installé sur votre mobile.

- Dans l'ordinateur cliquez sur Connexion, puis AI Companion

http://kio4.com/appinventor/imagenes/inicio9e.gif

Et vous obtiendrez un code QR.

http://kio4.com/appinventor/imagenes/inicio8e.gif

http://kio4.com/appinventor/imagenes/inicio10b.gif



- Dans votre mobile sera cet écran.
 
Ecrire le code ci-dessus ou scannez le QR.

Le programme ira à votre téléphone.

- Le programme sera connecté jusqu'à ce signe-off (Connect / Reboot Connection) 

- Si nous changeons quelque chose dans le concepteur ou blocs iront immédiatement au programme mobile.

- De cette façon, nous pouvons debug (débogage) des programmes qui exécutent pour fonctionner correctement.

_______________________________________ 
Deuxième forme:

2. Installer un émulateur sur votre ordinateur avec Windows (cela vaut également pour émulateur Linux mais il est plus difficile à installer), de sorte que vous pouvez faire des tests de performance dans l'émulateur et l'ordinateur fonctionnent correctement lorsque vous passez le téléphone. 
Dans ce cas, il ne nous fait pas mobile ou Wifi nécessaire pour tester notre application. 
http://explore.appinventor.mit.edu/ai2/setup-emulator )

- Installez Windows sur votre ordinateur avec l'App Inventor et aiStarter. 
http://explore.appinventor.mit.edu/ai2/windows (100 Mo) 
(Vous pouvez également installer ce logiciel sur Linux, mais est plus compliqué)

- Démarrez votre ordinateur dans le aiStarter.

http://kio4.com/appinventor/imagenes/ai_starter.png

- Dans notre programme, nous pressons Connect / Emulator

http://kio4.com/appinventor/imagenes/inicio12e.gif

Après un certain temps Windows notre émulateur Android.

Comme dans les cas précédents, si nous changeons certains de designer ou de blocs, qui va changer l'émulateur.

http://kio4.com/appinventor/imagenes/inicio13.gif

NOTE: Si vous voulez que l'émulateur est placé horizontalement, appuyez sur la combinaison de touches Ctrl F11

NOTE: L'émulateur est lent et a besoin d'un bon ordinateur pour bien fonctionner.

___________________________________ 
Troisième forme:

3. Si vous ne avez pas accès, notre programme va se connecter à partir de l'ordinateur vers le téléphone via le câble USB. (http://appinventor.mit.edu/explore/ai2/setup-device-usb.html)

- Installez Windows sur votre ordinateur avec l'App Inventor et aiStarter. 
http://explore.appinventor.mit.edu/ai2/windows (100 Mo) 
(Vous pouvez également installer ce logiciel sur Linux, mais est plus compliqué)

- Installe sur votre mobile MIT EA2 Companion: http://appinventor.mit.edu/explore/ai2/setup-device-wifi

- Démarrez votre ordinateur et connecter l'ordinateur USB aiStarter pour mobile.

http://kio4.com/appinventor/imagenes/ai_starter.png

- Démarrez le MIT A2 Companion sur mobile. 
http://kio4.com/appinventor/imagenes/mitai2companion.png

- Test si elles sont en cours d'exécution de la connexion: http://appinventor.mit.edu/test/

- Aller au programme que vous faites et appuyez sur Connect / USB 
Votre demande sera soumise au mobile et sera opérationnel.

http://kio4.com/appinventor/imagenes/inicio11e.gif

Le programme ira à votre téléphone.

- Le programme sera connecté jusqu'à ce signe-off (Connect / Reset Connection) 

- Si nous changeons quelque chose dans le concepteur ou blocs iront immédiatement au programme mobile.

- De cette façon, nous pouvons debug (débogage) des programmes qui exécutent pour fonctionner correctement.

___________________________________ 
___________________________________ 
___________________________________ 
___________________________________

Installez le programme sur votre utilisateur de téléphone mobile à utiliser (compilation)

- Pour charger les programmes déjà compilés pour votre téléphone, il est souhaitable qu'il dispose d'un lecteur de code QR, si votre téléphone ne dispose pas elle télécharger et l'installer par exemple: Barcode Scanner ZXing

Nous avons vu 3 façons de débogage programme (debug). 
Si nous avons terminé notre programme, nous pouvons passer à votre ordinateur et téléphone cellulaire.

Une chose est pour le débogage (debug) en utilisant Connect nous faisons et nous faisons le processus de création, la correction des erreurs et la preuve de la mise en œuvre. 
Lorsque nous avons entièrement rempli demande d'utilisation et la distribution, compiler ce que nous faisons, cela est pitagoras.apk Générer un type de fichier qui contient l'application prête pour l'installation.


Dans ce cas, le copier sur votre ordinateur et le fichier pitagoras.apk à partir de votre ordinateur via USB, nous pouvons passer au mobile.

Une autre façon serait d'obtenir sur votre ordinateur le code QR de notre programme, puis balayer le QR avec mobile fun à elle. Ceci est la méthode recommandée.

Ces deux formes peuvent être faites par la construction ...

http://kio4.com/appinventor/imagenes/inicio14e.gif

http://kio4.com/appinventor/imagenes/inicio15e.gif

___________________________________

Enregistrez le programme

- Comme nous l'avons vu, nous pouvons créer notre programme et obtenir un fichier de façon pitagoras.apk nous pouvons enregistrer sur votre ordinateur et installer sur le mobile pour fonctionner. 
Le fichier est nommé pitagoras.apk compilé programme qui est prêt à installer et à utiliser.

- Mais si nous voulons sauver la source de l'améliorer plus tard ou partager programme, nous devons appuyer sur ...

Mes projets / exportation à mon ordinateur le projet (.aia) sélectionnés. 
Nous obtenons le fichier pitagoras.aia nous pouvons partager.
 
Le fichier serait pitagoras.aia code source, à savoir peut voir de la façon dont il est fait.

http://kio4.com/appinventor/imagenes/inicio16e.gif

_____________________________________ 
_____________________________________ 
_____________________________________ 
_____________________________________

2.- Améliorations.

- Couleurs, Centre, Image

http://kio4.com/appinventor/imagenes/point.gif p1_pitagoras2 (plusieurs écrans - écran)

Nous allons continuer avec nos pitagoras du projet de l'améliorer.

D'abord nous allons sauver notre projet avec un autre nom pour une sauvegarde, pour cela, allez dans My Project / Save Project As ... 
et nous avons mis le nom pitagoras2

http://kio4.com/appinventor/imagenes/inicio17e.gif

Nous continuons avec cette copie appelé pitagoras2.

- En Propriétés renommer la couleur de fond et des lettres d'étiquettes. 

http://kio4.com/appinventor/imagenes/inicio18e.gif

- Dans CamposDeTexto, supprimer le texte de la piste, cette zone de texte apparaît comme un fond supprimer ..

- Dans CamposDeTexto, marquer uniquement des chiffres, de quitter le clavier.

- Nous allons mettre une photo dans notre projet. Abaissez image de votre ordinateur.

http://kio4.com/appinventor/imagenes/pitagoras3.gif

Nous avons grimpé cette image à notre projet par ...

Médias / Télécharger le fichier ... 
http://kio4.com/appinventor/imagenes/inicio20e.gif

Puis nous arrivons à l'écran de notre application ...

http://kio4.com/appinventor/imagenes/inicio19e.gif

Médias / SelectorDeImagen

image de propriété dans votre image pitagoras.gif nous montons juste.

Nous avons supprimé le texte de l'image.

Pour centrer l'image que nous allons disposition et a pris à l'écran l'un

DisposiciónHortizontal.

Ensuite, nous introduisons l'image de SelectorDeImagen dans DisposiciónHorizontal.

Nous DisposiciónHorizontal qui couvre la largeur de son conteneur.

La mise au point.

http://kio4.com/appinventor/imagenes/inicio192e.gif

Nous pouvons nous concentrer les contrôles horizontalement, verticalement ou de la table, de sorte que nous pouvons mettre plusieurs commandes dans chacun de cette disposition.

http://kio4.com/appinventor/imagenes/inicio21e.gif

___________________________________________

3.- Affiche multiples

http://kio4.com/appinventor/imagenes/point.gif p1_pitagoras2 (plusieurs écrans - écran)

Nous continuons avec notre projet de Pythagore, qui est le même pitagoras2.aia nous faisons. 
Créons une autre forme dans un autre écran, dans ce cas, nous allons faire le calcul de l'aire du triangle.

- Nous avons ajouté un nouvel écran: Ajouter fenêtre 
- Nous laissons le nom Screen2
 
- By Design nous situons un label1 un CampoDeTexto1 autre Tag2, un autre CampoDeTexto2 un bouton et un autre Etiqueta3

NOTE :. Dans les propriétés de la marque de CampoDeTexto "SoloNúmeros" Nous supprimons information sur le circuit

http://kio4.com/appinventor/imagenes/inicio22e.gif

- Utilisation de blocs croient cette disposition:

http://kio4.com/appinventor/imagenes/inicio23e.gif

- Nous programme de l'émulateur

http://kio4.com/appinventor/imagenes/inicio24.gif

- Menu de l'écran

Nous créons un autre menu de la fenêtre, dans ce cas Screen3, avec un menu.

Nous avons ajouté un VisorDeLista1. 
Nous pouvons ajouter des éléments à VisorDeLista1 par la propriété ElementosDesdeCadena, séparant le nom des éléments de coma.

Nous fournissons: Un, Deux, Trois

http://kio4.com/appinventor/imagenes/inicio25e.gif

Laissez Blocks

http://kio4.com/appinventor/imagenes/inicio26e.gif

Bien que plus tôt dans la conception que nous avons mis plusieurs articles sur le VisorDeLista1, nous mettrons d'autres éléments, mais dans le code.

Pour cette utilisation, deux tables, une figure les noms des deux éléments VisorDeLista1 (Pythagore, zone du triangle) 
dans une autre table, je mets le nom de deux écrans (Screen1 Screen2 et).

Lorsque l'écran affiche Screen3, est chargé dans le VisorDeLista1 les éléments du premier tableau.

Lorsque vous cliquez sur un élément, nous prenons l'indice de cet élément et de montrer l'écran ce qui concerne cet élément comme dans le match de deux tables.

Pour une fois dans l'un des écrans, nous pouvons revenir au menu, nous allons créer dans Screen1 Screen2 Botón2_Click et deux boutons séparés, donc quand vous appuyez de nouveau l'écran Screen3.

http://kio4.com/appinventor/imagenes/inicio27e.gif

Nous pouvons tester en utilisant Connect, mais parfois ça ne marche pas de cette façon émulateurs, il est conseillé de compiler le programme avec Générer et passer le mobile compilé. Il peut être fait en analysant le QR obtenu.

___________________________________ 
______________________________________________

Résumé de l'installation.

- Nous pouvons travailler en ligne et hors ligne.

En ligne avec la connexion Internet est la manière «officielle», nous créons un compte de messagerie, par exemple Gmail et créer le code en se connectant à un site Web. 
Nous voyons le résultat de notre code dans un émulateur installé sur votre ordinateur, portable / tablette à l'aide d'une connexion Wi-Fi ou Mobile / tablette via câble USB.

Pour entrer dans ce site, nous allons ... http://ai2.appinventor.mit.edu/

Hors ligne, est installé sur votre ordinateur "programme" App Inventor 2 et travailler avec elle sans être connecté à Internet. 
Nous voyons le résultat de notre code dans un émulateur installé sur votre ordinateur, portable / tablette à l'aide d'une connexion Wi-Fi ou Mobile / tablette via câble USB.

Pour télécharger le "programme" App Inventor 2 nous allons ... http://sourceforge.net/projects/ai2u/files/

! - Il ya une autre version appelée AiLiveComplete: déconnecté http://sourceforge.net/projects/ailivecomplete/files/ 
https://amerkashi.wordpress.com/page/3/ 
Et puis cliquez sur WinStartBuildServer.cmd écrire un localhost du navigateur: 8888

Portable, on le met dans un répertoire ou sur une clé USB et de travailler sans l'installer.

_________________________________

- Mise en œuvre de notre code.

Que vous travaillez hors ligne et en ligne, il ya plusieurs façons de vérifier la façon dont il travaille votre code:

- Installation sur le mobile / tablette une application d'automne de Google Play, appeler: MIT EA2 Companion , alors nous devons le réseau où nous travaillons avoir accès. Autrement dit, le mobile dispose du WiFi (le cas échéant) et votre ordinateur est connecté au même réseau sans fil. (Faut pas que l'ordinateur est connecté à, câble sans fil peut être connecté au réseau, ce que je veux dire est que le mobile et l'ordinateur sont connectés au même réseau et il dispose du WiFi). 
Presse à App Inventor Companion AI.
 Nous allons quitter l'écran dans un code QR. Nous avons commencé notre portable MIT EA2 et de scanner le QR pour charger l'application que nous avons fait.

- Installation de votre ordinateur dans un émulateur, qui est une sorte de téléphone mobile à agir comme un téléphone mobile. Pour cette baisse: 
http://explore.appinventor.mit.edu/ai2/windows .
 Nous avons installé Windows, vous pourrez nous laisser avec une icône de démarrage Ai2. Appuyez sur l'icône pour démarrer ce serveur. App Inventor puis cliquez sur: Emulateur.

- Connectez votre téléphone à votre ordinateur via le câble USB. Nous avons installé sur votre ordinateur correspond à notre modèle de pilote mobile. 
Après l'installation http://appinventor.mit.edu/explore/ai2/setup-device-usb.html
 
Démarrez le démarrage Ai2.
 App Inventor, puis cliquez sur: USB

_______________________________

Configuration du routeur

- Si vous avez un routeur de la maison à la maison, vous ne devez pas vous configurer quoi que ce soit.

- Si nous sommes dans une école ou un lieu de travail:

Nous pouvons connecter un routeur WiFi avec l'un des ports du commutateur, de nous créer une extension du réseau.

Notez que pour ce routeur est sur ​​le même réseau, vous devez vous connecter à l'un de vos ports LAN locaux (de jaune sur la photo), connecteur pas de modem WAN (bleu sur la photo).

Nous devons également saisir la configuration du routeur, mettez un mot de passe et désactiver votre DHCP.

________________

http://kio4.com/appinventor/imagenes/router.gif

________________________________

 

- Mon email: 
juana1991@yahoo.com
 

- Qui je suis.

- La politique cookies.

Textes et images propriété de l'auteur: 
© Juan A. Villalpando
 
Copie des informations ou des images est interdite.

Nous utilisons propre et tiers qui, entre autres choses de recueillir des données sur vos habitudes de navigation et effectuer des analyses utilisant notre site cookies.
Si vous continuez à naviguer envisager d'accepter son utilisation. Accepter    Plus d'informations