REPÚBLICA BOLIVARIANA DE VENEZUELA

INSTITUTO UNEWEB DE NUEVAS TECNOLOGÍAS

MAESTRIA PDW

(Integración de programación, diseño digital y tecnología web)

DESARROLLO DE APLICACIÓN MOVIL CON ANDROID STUDIO

PARA TENDENCIAS360.COM

Desarrollado por:

Barrezueta R. Johan D. C.I.: V- 18.542.499.

Caracas, 13 de septiembre del 2016.

ÍNDICE

Pág.

Introducción

Desarrollo de Aplicación en Android Studio (Tendencias360.com)

Conclusión

Bibliografía

3

4

7

8

2

INTRODUCCIÓN

El desarrollo de la siguiente aplicación tiene como objetivo el manejo más

personalizado del Portal Tendencias360.com. La aplicación no solo mostrará el

contenido del Portal si no también permitirá la interacción con el usuario

ofreciéndole una sección con reproductor de streaming (música gratis),

información para contratar publicidad en el Portal, manejo de las redes sociales:

Twitter, Facebook. Instagram y su canal de Youtube.

Adicionalmente el usuario final podrá interactuar a través de otras secciones

como Reporteros360, que permitirá a los usuarios enviar las noticias que sucedan

día a día, la opción de enviar el currículum para ser parte del equipo de dicho

portal y saber su ubicación y números de contacto para alguna información

adicional.

3

DESARROLLO DE APLICACIÓN EN ANDROID STUDIO

(TENDENCIAS360.COM)

La presente aplicación fue desarrollada en Android Studio, versión 1.4.1,

Android SDK 4.2.2 Kit Kat, con el uso del lenguaje de Java.

Al iniciar la aplicación se muestra durante 3 segundos un fondo con el logo

de Tendencias360.com (SplashScreen) y luego pasa a la Actividad Principal

donde se muestra en un webview el home de Tendencias360.com y un botón de

compartir, y cuenta con un menú desplegable izquierdo donde muestra todas las

secciones disponibles de la aplicación. Se utilizó webview para el desarrollo de

esta aplicación porque nos facilita el manejo del sitio web que cuenta con una

plantilla Premium en Wordpress y de excelente diseño tanto para PC como

Responsive. Es bueno recordar que la Plantilla web de Tendencias360.com y su

diseño corporativo fue realizado por mi persona, así como su mercadeo web.

4

El menú desplegable contiene varias actividades mostrando en webview las

principales categorías informativas del Portal Tendencias360.com; Tendencias

360, Economía, Tecnología, Vida, Cuerpo y Mente y Tiempo de Ocio. Cada

actividad de las categorías cuenta con un menú desplegable izquierdo donde se

muestran todas las secciones disponibles de la aplicación y un botón para

compartir la aplicación.

5

A continuación, aparece la opción en el

menú desplegable de la actividad Anúnciate con

nosotros que permite que el usuario pueda enviar

datos de interés solicitando presupuesto de los

espacios disponibles o el valor de los mismos, esto

se cumple por medio de un Email que se envía

desde la aplicación y también cuenta con un botón

de compartir la aplicación.

6

Luego, en el menú desplegable se

encuentra la Actividad Tu Radio 360, que permite

al usuario escuchar la mejor música .mp3 desde un

reproductor creado por mí y tomando la frecuencia

de un streaming pago por el Portal Web, con una

atractiva imagen de fondo que ínsita el escuchar

música y también cuenta con un botón de

compartir la aplicación.

7

De seguido en el menú desplegable aparece

la Actividad Danos Tu Reporte, que ofrece al

usuario la posibilidad de enviar datos de noticias

donde puede indicar el título, redactar el contenido

y adjuntar una imagen tomada desde la cámara o

seleccionada de la galería y también cuenta con un

botón de compartir la aplicación.

Siguen como opción en el menú desplegable

varias Actividades donde se muestran en webview diferentes redes sociales de

Tendencias360.com, como son Twitter, Facebook, Instagram y su canal de

Youtube, tomando en cuenta que cada Actividad de Redes Sociales cuenta con un

menú desplegable izquierdo donde muestra todas las secciones disponibles de la

aplicación y un botón de compartir la aplicación.

8

Sigue la opción en el menú desplegable de

la Actividad de Envíanos Tu Currículum que

permite al usuario enviar sus datos para que el

equipo de Tendencias360.com lo contacte y la

misma Actividad permite adjuntar una imagen

tomada desde la cámara o seleccionada de la

galería para enviar el currículum, todo esto

adjuntándolo en un proceso para enviar un Email.

Cuenta con un botón de compartir la aplicación.

9

Luego, se presenta la opción en el menú

desplegable de la Actividad de Email, que permite

que el usuario pueda enviar datos de interés

adicional que no se encuentre en la aplicación,

todo esto en un proceso para enviar un Email al

departamento correspondiente, también cuenta

con un botón de compartir la aplicación.

A continuación, se observa la opción en el

menú desplegable de la Actividad de Dirección

que proporciona al usuario información de

contacto telefónico o un maps de Google que

refleja la dirección de dicha Empresa, también

cuenta con un botón de compartir la aplicación.

10

Y como última opción en el menú desplegable se encuentra la Actividad

Salir de la Aplicación y de la actividad actual ejecutada.

El desarrollo no solo comenzó desde la aplicación si no desde la web, ya

que el portal Tendencias360.com me solicitó en su debido momento, la

administración de dicho portal y el cambio de imagen. Realicé la labor de depurar

la base de datos, cambio de alojamiento por inconvenientes con el anterior,

cambio de plantilla Premium, y manejo de sus diseños corporativos. Liego surgió

la idea de hacer la aplicación móvil para android, ya que no contaban con ninguna.

Gracias al manejo de la Página Web y su configuración de Adsense, en la

aplicación móvil por medio del webview se pueden reflejar los anuncios de

publicidad sin ninguna otra configuración adicional a la de la web. Otra ventaja que

nos proporcionaron los webview es el conteo como visita del portal en google

analytics, dando visitas al historial de Tendencias360.com y cubriendo la parte de

mercadeo. Los colores utilizados en el diseño de la aplicación se corresponden

11

con los colores principales del portal web de noticias, quedando fijos en la

aplicación, y el manejo de las imágenes que aparecen fueron desarrolladas por mi

persona con el fin de ofrecer una mejor experiencia visual al usuario.

Finalmente, la aplicación será compilada y subida al servidor de

Tendencias360.com para que sea descargada por los usuarios y en su momento

subirlo a Google Play.

12

CONCLUSION

El Desarrollo de la aplicación antes descrita, en primer punto cumple con

las metas puestas por Tendencias360.com, dejando a la aplicación bien

estructurada para cubrir todas las necesidades del Portal Web, ahora en los

móviles.

Dándole así al usuario final el fácil manejo de la noticia actual en sus manos

y ofreciendo diversas herramientas para poder hacer más útil la aplicación en

diversos ámbitos de entretenimiento.

13

BIBLIOGRAFIA

Referencias Electrónicas:

http://developer.android.com/sdk/index.html

http://google.com

http://www.darshancomputing.com/android/1.5-drawables.html

https://developers.facebook.com/docs/sharing/android#triggering

https://romannurik.github.io/AndroidAssetStudio/nine-patches.html

http://www.hermosaprogramacion.com/2014/09/desarrollo-android-intents/

http://www.hermosaprogramacion.com/2015/07/usar-transiciones-en-

android-con-material-design/

14