COMO CREAR UNA APP DESDE CERO SIN PROGRAMAR

in hive-193637 •  4 years ago 

INICIO.png

Saludos amigos de steemit lo prometido es deuda así que aquí les traigo como crear una aplicación móvil desde cero utilizando una plataforma llamada AppCreator24.

https://www.appcreator24.com/android-creator.php?idioma=es&pag=1

Lo primero que debemos de saber es que vamos a crear... he decido realizar el ejemplo de una corta app para añadir Stickers a tu whatsapp personal asi que comencemos:

Paso 1

Si ya estas registrado en AppCreator24 solo pulsa la opcion Crear Aplicación y te aparecerá algo como esto:

1.png

Allí como puedes notar colocaras el nombre de la app luego el icono o logo de la app que debiste haber creado con anticipación, el idioma principal y una breve descripción de tu app... Les muestro como fue mi logo:

logo.png

Es importante que sepas que las dimensiones del logo siempre serán 512 x 512 px (pixeles) con bordes al final redondeados, no es cuadrado si te fijas bien. luego de tener todo guardado pulsas siguiente y te aparecerá este cuadro:

2.png

Aquí solo debes seleccionar como quieres que se vea tu aplicación móvil estéticamente. Luego de eso seguimos con siguiente y te aparecerá algo como esto:

3.png

Esto te ayudara dependiendo de la aplicación que quieras crear y te dará la primera plantilla que vas a utilizar, como nosotros crearemos una app de stickers ninguna de estas opciones nos sirve así que podemos seleccionar cualquiera.. En mi caso seleccionare la de aplicación de radio y te saldrá lo siguiente:

4.png

Aquí solo debes colocar el nombre de la radio y el enlace de streaming o link para que se reproduzca, como no trabajaremos con la app de radio no explicare esa parte tu solo coloca cualquier nombre y un link que posteriormente borraremos porque nuestra app no sera de radio sino de stickers...luego de darle siguiente te saldrá esto:

5.png

Significa que si posees una pagina web la puedes enlazar con tu app y así conectarlas o poder ver tu pagina web desde tu app.. en mi caso le daré que nooo.!. Cuando le das siguiente te saldrá esto:

6.png

Ahora ya creamos la estructura de la aplicacion y le damos donde dice IR A GESTIÓN DE LA APLICACIÓN y te saldrá esto:

7+.png

En el panel izquierdo le salen todas las opciones para modificar y editar su app nosotros trabajaremos solo con algunas, en este caso le daremos donde dice DISEÑO y se abrirá un desplegable de opciones y pulsamos donde dice TIPO DE MENU

8.png

Esa sera la forma del menu que tendra su aplicacion, en lo personal me gusta la 2da opcion que dice Menú Lateral si seleccionas esta opcion tendrás que añadir una imagen si quieres para que aparezca en la barra lateral de tu app y se vea mas bonita .

9.png

Donde dice seleccionar archivos cargan la imagen que deseen.. en mi caso cargue esta:

LOGO2.png

Luego le dan guardar y seguimos avanzando, si deseas que tu app tenga una imagen especial que te gustede fondo debes pulsar en la siguiente opción:

10.png

Pulsamos donde dice IMAGEN DE FONDO y debemos darle donde dice Seleccionar archivo para añadir la imagen que deseemos en mi caso añadire esta:

imagen de fondo.png
Si violo alguna política me disculpan no recuerdo donde conseguí esa imagen es bastante vieja en mi pc y solo le añadi el logo de steemit.

Presionamos a GUARDAR y por fin nos vamos a realizar nuestros stickers pulsamos donde dice Secciones y no saldra esto:

11.png

Recuerdan la plantilla de radio que habíamos creado? pues esta es... Aun no podemos borrarla porque nuestra app no tiene ninguna sección creada aparte de esa plantilla de radio asi que crearemos nuestra 2da sección, pulsa el botón que dice * Nueva Sección* y te aparecerá esto:

12.png

Solo debemos pulsar donde dice Imágenes/Stickers y nos aparecerá lo siguiente:

13.png

Como vemos arriba podemos colocarle el nombre a nuestra plantilla, yo le puse STICKERS1 luego solo debemos pulsar donde dice ¿SON ESTIKERS PARA WHATSAPP? habilitamos la opción con un SI luego pulsamos donde dice Seleccionar archivo y cuando aparezca el nombre del archivo que seleccionamos pulsamos en enviar y verán como se carga en la página les muestro:

14.png

Si queremos que al lado del nombre de la plantilla salga un logo podemos hacerlo con esta opción, pulsamos alli y nos saldrá esto:

15.png

Solo debemos de seleccionar donde dice ICONO PARA EL MENÚ y pulsar * Seleccionar archivo* luego de que lo seleccionemos debemos darle donde dice guardar y listo. Nos saldrá esto:

16.png

La radio la voy a dejar por si quieren escucharla jeje.

Eso es todo mis amigos los 3 stickers que hice por falta de tiempo fueron estos 3:

STICKERS6.png

STICKERS7.png

STICKERS9.png

Es importante que sepas que los stickers que quieras añadir a tu whatsapp deben ser fondo transparente, un tamaño de 512 x 512 px y un peso no mayor a 100Kb todos estos son requisitos obligatorios para que la app pueda añadir estos stickers a tu whatsapp... si quieres ver como quedo la app solo dale donde dice descargar app:

17.png

Cuando pulses te abrirá una pantalla nueva con esto:

18.png

Solo pulsa descargar y ya se descargara el Archivo APK ... búscalo en tus descargas y dale instalar en tu teléfono (como es un archivo APK seguro tu teléfono dirá algo como: El siguiente archivo puede dañar el telefono confias en su proveedor eso es debido a que el archivo esta original aun no se ha subido a ninguna tienda oficial donde te aseguran que el archivo no es un sotfware malicioso... así que pierde cuidado.. Si quieres probar la app te dejare el link para que la descargues:

https://www.appcreator24.com/app1403451

Para los que no quieran o no puedan descargarla les cree un vídeo corto para que vean el resultado final de la app.

Bendiciones mis amigos este post me quito bastante tiempo pero se que valdrá mucho la pena, soy nuevo en Steemit asi que necesitare de todo su apoyo bendiciones y adelante por aqui les dejo mis tras cámaras:

tras camaras 1.png

tras camaras 2.png

tras camaras 3.jpg

Pd: La comida me espero mas de una hora jaja pero quería subir este post SALUDOS Y RECUERDA!

STICKERS9.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

@edlili24 @eric818 espero les guste