- Desde
- 17 Dic 2010
- Mensajes
- 2.935
Hola betas. En esta ocasión les traigo un SUPER tutorial con el cual podrán aprender a crear aplicaciones móviles con las últimas entradas de su blog.
Tutorial
1. Lo primero es ir a FeedBurner y escoger el feed de nuestro blog. Y luego ir a la pestaña Publicize en la opción BuzzBoost. Llegarás a una pantalla como esta:
2. Debemos dar clic al final de la página al botón Activate. Y luego, en Feed Settings, configurar:
3. Ahora vamos a ir a GitHub y bajar el código base del proyecto. (Ver el enlace en Materiales) Y lo descomprimimos (la idea es bajarlo como .zip)
4. Del código solo se deben cambiar un par de cosas:
Con ambas imagenes, en vez de cambiar el código, lo mejor es reemplazar la imagen que se descarga.
4. Ahora iremos a la siguiente página que vi en el foro: Create free android app online / AppsGeyser
Lastimosamente cuando la publicaron tenías que tener una versión móvil para poder crear tu app. ¡En este caso no es necesario!
Aquí escogemos la opción Web App.
5. Comprimimos todo el proyecto nuevamente en un .zip y lo subimos en la pantalla que nos aparece. Y llenamos los datos del formulario de acuerdo a la info de nuestro blog.
6. Luego nos registramos en la página y ya tendremos acceso para descargar el .apk
7. Ahora ya podemos ingresar a nuestra cuenta de Play Store y subir nuestra aplicación. O si no quieres subirla a la playstore, puedes poner el enlace a descargar el .apk directamente en tu blog.
Luego de seguir los pasos, este es el resultado final (en el caso de mi blog):
Ventajas frente a otros tutoriales
¡Disfruten y compartan!
Para la próxima les traigo un tutorial mas complejo, donde les enseñaré a usar Apache Cordova y a crear una aplicación con la lista de entradas del blog y cargarlas una por una en la aplicación.
¡Saludos a todos!
Materiales
- Editor de código: Yo recomiendo NetBeans o Sublime Text.
- Desarrolladores PlayStore: Y claro, si queremos subir nuestra APP a la Play Store, debemos estar registrados y haber pagado el fee de 25$ que cobra Google para poder comenzar a subir aplicaciones a su tienda.
- FeedBurner: Para que este método funcione, el feed de su blog debe estar administrador por FeedBurner. Y deben poder tener acceso a configurar el Feed.
- Código: El código base lo pueden descargar desde mi repositorio en Github: https://github.com/sanmen1593/BlogApp2
Tutorial
- Number of items to display: Escogemos la cantidad de entradas que deseamos mostrar en la app. La app mostrará las n primeras entradas de tu blog.
- Open links in: Escogemos la opción New Window.
- Feed Content to Display: Seleccionamos solamente Display Item Content con la opción Full HTML.
4. Del código solo se deben cambiar un par de cosas:
- Imagen Header: Cambiarla por una imagen de tu header obviamente. Ya sea tu logo, cabecera, etc.
- Imagen fondo: Colocar una imagen de fondo. Lo mejor es que se parezca o sea igual a la de tu blog, y que sean un color o patrones repetitivos.
- Enlace feed: Vamos al archivo index.html y ahí cambiamos del enlace: feeds.feedburner.com/FabulasCortas?format=sigpro lo que está en negrita, por la url de tu feed en FeedBurner.
Con ambas imagenes, en vez de cambiar el código, lo mejor es reemplazar la imagen que se descarga.
Lastimosamente cuando la publicaron tenías que tener una versión móvil para poder crear tu app. ¡En este caso no es necesario!
Aquí escogemos la opción Web App.
5. Comprimimos todo el proyecto nuevamente en un .zip y lo subimos en la pantalla que nos aparece. Y llenamos los datos del formulario de acuerdo a la info de nuestro blog.
6. Luego nos registramos en la página y ya tendremos acceso para descargar el .apk
Resultado Final
Luego de seguir los pasos, este es el resultado final (en el caso de mi blog):
Ventajas frente a otros tutoriales
- No necesitas tener una versión móvil de tu blog para poder crear la aplicación.
- Solo debes editar un par de detalles para que tengas tu aplicación y es bastante personalizable si tienes conocimientos de CSS.
- Se actualiza automáticamente con las nuevas entradas que publiques en el blog, todo esto gracias a que utiliza como fuente el feed de tu blog.
¡Disfruten y compartan!
Para la próxima les traigo un tutorial mas complejo, donde les enseñaré a usar Apache Cordova y a crear una aplicación con la lista de entradas del blog y cargarlas una por una en la aplicación.
¡Saludos a todos!
Última edición:
