« Ves enrere

App Inventor: crea tu propia app

Pàgines: 1  2  
Resposta
App Inventor: crea tu propia app
05/04/17 12:22 com a respotat a .

¿Estáis hartos de buscar y no encontrar la app que necesitáis?
¿Habéis pensado alguna vez en hacer vuestra propia app pero no sabéis por dónde empezar?
Hoy no os presentaré una “simple” app, sino una herramienta “simple” para ¡crear vuestras propias apps!

Con App Inventor podréis diseñar, probar y generar un archivo APK que podréis instalar en cualquier Android.

Usa el sistema de programación “por bloques” (como scratch), que permite programar sin necesidad de conocer ninguna palabra clave del lenguaje; basta con tener alguna idea de estructuras de código fuente.

Pero no nos precipitemos, vayamos paso a paso.

Para empezar, podéis acceder a la web http://ai2.appinventor.mit.edu­, que os hará identificar con una cuenta de Google.

Allí podréis «Empezar un proyecto nuevo», indicando el nombre que deseéis que tenga:


Automáticamente, se abrirá el nuevo proyecto, con 4 zonas bien diferenciadas:

·         Paleta: con distintas fichas de componentes, que podréis añadir a vuestra app.

·         Visor: con una pantalla de móvil dibujada, donde podréis diseñar el aspecto de vuestra app.

·         Componentes: una lista con todos los componentes que vais añadiendo.

·         Propiedades: donde podréis modificar las propiedades de cada componente.

Centrémonos en las 2 primeras para ver, por ejemplo, como añadir, un «CampoDeTexto» y un «Botón» de la ficha «Interfaz de usuario» más un «TextoAVoz» de la ficha «Medios», arrastrándolos de la «Paleta» hacia el «Visor»:

 


Notad que los componentes que hemos añadido de la «Interfaz de usuario» ya quedan dibujados en la pantalla del móvil. Por el contrario, el «TextoAVoz» no se dibuja dentro, sino debajo del móvil, indicando que lo hemos añadido pero que el usuario no lo verá.

Centrémonos ahora en las 2 últimas zonas: la de «Componentes», que nos permitirá dar un nombre a cada uno de los componentes que hemos añadido, para que nos sea más cómodo trabajar con ellos cuando empecemos el código de nuestra app y la de «Propiedades», que nos permitirá dar la configuración inicial de cada componente:


 

Y hasta aquí la explicación de la parte del «diseñador», el próximo día sigo con la parte de «bloques» (de código fuente).

+6 6 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 08:25 com a respotat a Mashirito.


Gracias por el mini tutorial.

No se ven la imagenes que se supone has colocado, por lo menos yo no las veo (PC, Windows 10, ni con Edge ni con Internet Explorer)

Saludos

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 08:33 com a respotat a Mashirito.

Por supuesto votado :D

Puede que me ayude hacer el programita que tengo entre manos

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 08:48 com a respotat a Mashirito.
Esto si que esta genial, sii no fuera tan dificil, o mas bien si todos fueramos un poco mas espabilados en usar la nueva tecnologia. Se puede probar pero los resultados, a ver que sale.  Se podra hacer con cualquier navegador, se necesitara que android esta actualizado a la ulttima?-- Probar si que probare y luego lo comentamos. Gracias y Saludos.
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 11:15 com a respotat a admego.
admego:


Gracias por el mini tutorial.

No se ven la imagenes que se supone has colocado, por lo menos yo no las veo (PC, Windows 10, ni con Edge ni con Internet Explorer)

Saludos

No, no se ven las imágenes en PC. En mi caso en Windows 7 con Firefox.

Por ahora no le puedo encontrar mucha utilidad al tutorial porque en mi móvil no puedo instalar apps, pero gracias por la información para cuando la pueda necesitar.

 

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 14:21 com a respotat a hipotk.

 

La verdad que no entiendo por qué no se ven, yo copiando la dirección de las imágenes que ha puesto Mashirito puedo ver que son gifs. Sí que es cierto que no se me veían, pero luego al publicar esta foto de Mashirito me han aparecido todas, muy extraño, utilizo google crhome.

Muchas gracias Mashirito por el minitutorial ya que es un lujazo verlo así con gifs todo bien explicado.

Un saludo.

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 14:37 com a respotat a admego.

Pues no sé qué lo provocará, pero provad lo siguiente (a mí me ha funcionado):

  • Entrad en cada una de las 3 imágenes animadas:

http://mashirito.byethost10.c­om/suop/AppInventor/01.gif
http://mashirito.byethost10.c­om/suop/AppInventor/02.gif
http://mashirito.byethost10.c­om/suop/AppInventor/03.gif

  • Volved a cargar el hilo.

A mí, así, me ha funcionado; ya me contaréis...

 

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 16:19 com a respotat a Pepe Casquive.
Pepe Casquive:
Esto si que esta genial, sii no fuera tan dificil, o mas bien si todos fueramos un poco mas espabilados en usar la nueva tecnologia. Se puede probar pero los resultados, a ver que sale.  Se podra hacer con cualquier navegador, se necesitara que android esta actualizado a la ulttima?-- Probar si que probare y luego lo comentamos. Gracias y Saludos.

Si tienes un Android, no creo que te encuentres con problemas de compatibilidad.

Sistemas operativos compatibles para Móbil:

  • Para ejecutar el diseñador: Android 2.3 o superior.
  • Para ejecutar pruebas y apk: Android 1.6 o superior.

Sistemas operativos compatibles para PC:

  • Mac OS X 10.5, 10.6
  • Windows: XP, Vista, 7...
  • Linux:  Ubuntu 8+, 5+ Debian

Navegadores compatibles:

  • Mozilla Firefox 3.6 o superior.
  • Apple Safari 5.0 o superior.
  • Google Chrome 4.0 o superior.
  • Microsoft Internet Explorer 7 o superior

 

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 16:43 com a respotat a Mashirito.
Mashirito:

Pues no sé qué lo provocará, pero provad lo siguiente (a mí me ha funcionado):

  • Entrad en cada una de las 3 imágenes animadas:

http://mashirito.bye­thost10.com/suop/AppInventor/0­1.gif
http://mashirito.bye­thost10.com/suop/AppInventor/0­2.gif
http://mashirito.bye­thost10.com/suop/AppInventor/0­3.gif

  • Volved a cargar el hilo.

A mí, así, me ha funcionado; ya me contaréis...

 

Pues qué curioso, así sí que funciona. Creo que deberías de usar otro sitio donde alojar los gifs ya que tiene pinta de ser algo del sitio en conflicto con el foro de Suop o a saber. Vaya cosa más rara.

Un saludo.

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 17:06 com a respotat a Desconegut.

Gracias por confirmarlo, probaré un par de cosas, a ver si alguna dá frutos:

  • Colgar las imágenes en otro servidor.
  • Dar un nombre de imagen con letras (quien sabe lo que hacen las caches con los números...).

Para la segunda parte, espero haberlo resuelto; porque la explicación sin los GIF animados pierde mucho...

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 17:06 com a respotat a Mashirito.
Así si :-)
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 17:52 com a respotat a Mashirito.
Ahora si que se ven las imágenes después de realizar los pasos que has dicho. Prueba de subir las imágenes a otro sitio para comprobar que no sea un fallo de byethost.
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 19:52 com a respotat a Mashirito.

Prueba para saber si así funciona.

Por favor, alguien que no vea las imágenes del primer mensaje, ¿puede responder si ve ésta?


0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 19:56 com a respotat a Mashirito.


Me respondo a mí mismo desde un navegador que aún no había abierto las imágenes del otro servidor.

La respuesta es sí: ¡esta imagen se ve perfectamente! smiley

No sé qué problema habrá con el otro servidor...

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 19:58 com a respotat a Mashirito.
Esta ultima imagen si se ve perfectamente, las primeras no
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 20:02 com a respotat a irisesma.
La app Inventor parece interesante, aunque  no se yo si llegaremos a conseguir algo los que no tenemos conocimientos.
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 20:09 com a respotat a irisesma.

¡Gracias irisesma! smiley

Una vez confirmado, solicito a algún moderador que modifique la url de las 3 imágenes insertadas en el primer mensaje por éstas:

https://fotos.subefotos.com/f­f2d7de540eb0e4836e5e2fb756f469­2o.gif
https://fotos.subefotos.com/6­ef3325576f5e244f41d3b2d37fd248­0o.gif
https://fotos.subefotos.com/a­4f9def86577406d816cace58f46b93­4o.gif

Así facilitará la comprensión de este hilo.

Muchas gracias.

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
04/04/17 20:46 com a respotat a irisesma.
irisesma:
La app Inventor parece interesante, aunque  no se yo si llegaremos a conseguir algo los que no tenemos conocimientos.

Tenía pensado avanzar hoy con los bloques, pero el problema con las imágenes me ha retrasado... triste

De mientras, si os surge cualquier consulta sobre la primera parte, no dudéis en comentarla por aquí; seguro que, entre todos, la resolvemos. smiley

0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
05/04/17 12:21 com a respotat a Mashirito.
Esa nueva imagen si que se ve sin problemas. Ahora ya sabes que se trata de un problema de byethost. Yo he utilizado anteriormente ese servidor y da muchos problemas.
0 0 Vots
Resposta
RE: App Inventor: crea tu propia app
05/04/17 12:22 com a respotat a Mashirito.
Mashirito:

¡Gracias irisesma! smiley

Una vez confirmado, solicito a algún moderador que modifique la url de las 3 imágenes insertadas en el primer mensaje por éstas:

https://fotos.subefo­tos.com/ff2d7de540eb0e4836e5e2­fb756f4692o.gif
https://fotos.subefo­tos.com/6ef3325576f5e244f41d3b­2d37fd2480o.gif
https://fotos.subefo­tos.com/a4f9def86577406d816cac­e58f46b934o.gif

Así facilitará la comprensión de este hilo.

Muchas gracias.


Actualizado guino
0 0 Vots
Pàgines: 1  2