SISTEMAS Y APLICACIONES MOVILES

TipsWoman.app

Propietario: Ricardo Pelaez Fernandez

Informe del primer avance de vistas de la aplicación móvil TipsWoman

TipsWoman es una aplicación móvil para las mujeres que va tener como fin ayudar a las
mujeres con tips, ya sean tips de belleza, salud, deporte, gastronomía, va hacer información
muy útil para la mujer, en esta aplicación se van a ir mostrando links de páginas, videos de
you tube, posters, banners, todos este tipo de información para que la mujer vea como se
muestran los tips. Los tips van a ir siendo actualizados automáticamente a medida que pasa
el tiempo.

La aplicación se va a desarrollar en IONIC que es un kit de desarrollo de software que sirve

para desarrollar aplicaciones moviles hibridas, se basa en html, css, y java script, dentro del
JavaScript se implementan typescript, y se basa en un framework de java script llamado
angular.
Se ha desarrollado unas vistas en HTML, CSS y JAVASCRIPT, por consiguiente, para
realizar ciertos eventos de frontend utilizamos TYPESCRIPT que es un superconjunto de
JAVASCRIPT, nos facilita realiza las vistas de nuestro proyecto.
 Se van a mostrar las siguientes imágenes de cómo va quedando nuestras vistas, lo
que se va a mostrar no va tener funcionalidad como tal por que solo se está
manejando la parte del frontend. .

En las imágenes anteriores podemos evidenciar una introducción de la app, es una

aplicación breve de cada temas de los tips, por ejemplo los tips de belleza (tipos de
maquillaje, cabello, manicure, cuerpo y demás), si el usuario no quiere ver la información le
da en Skip que es lo amismo que omitir.

A contunuacion algunos códigos de las vistas mostradas anteriormente

Este archivo html, es de donde se encarga de mandar mostrar las vistas.

También tenemos la parte del javaScript donde se realizan los eventos al pasar de página u
otra.
  Ahora mostremos el login para los usuarios. A futuro vamos a realizar un registro por
la API de Google, por ahora tenemos un registro normal

Aquí se muestra el html del Login.html, las etiquetas específicas para el login.
  Ahora se va a mostrar la pantalla principal de la aplicación.

Esta es la vista principal de nuestra aplicación como vemos , se muestran unos tags, por
ahora se crearon 3 tags, que son :
-Tips de belleza - Tips de Ejercicios – Tips de
Salud.

Como habíamos dicho anterior mente en cada tags

se van a mostrar diferentes tips para la mujer, ya
sean videos de youtube, artículos o imágenes, van
hacer videos bastante visitados por usuarios de
youtube y paginas webs reconocidas para la
mujeres relacionados con el tema de belleza, salud,
deporte y gastronomía.
Ahora vemos el html y el java script de esta vista principal.

Html principal de los tags

En este html, se muestra una de las listas de tips, por ejemplo, lo tips de belleza.
El typeScript donde se listan los tips.

En las anteriores imagines mostramos las vistas que llevamos de la app TipsWoman, más
adelante se van a desarrollar otras funcionalidades de la aplicación como por ejemplo, el
registro de usuarios de forma manual , API de Google y también Facebook.