” Centro de Estudio Tecnológicos Industriales
y de Servicio No.58”
Materia: Aplicaciones Móviles
Profesora: Martha Flores Atenco
Integrantes:
- Sotelo Serafin Daphne Alejandra
-Zamudio Avila Vanessa Michell
Grupo: 4EV
“Proyecto App”
Fecha: 04 de marzo del 2019
1
ÍNDICE
Introducción ……………………………………………………………………………………………………. 3
Planteamiento del problema…………………………………………………………………………….. 5
Propuesta de Solución ……………………………………………………………………………………….5
Objetivo ……………………………………………………………………………………………………………. 6
Tecnología……………………………………………………………………………………………………………6
Base de Datos ……………………………………………………………………………………………………..6
Diagrama de Casos de Uso……………………………………………………………………………………7
Pantallas………………………………………………………………………………………………………………..9
Estructura Logica……………………………………………………………………………………………………………15-
37
2
Introducción
Aquí se desea realizar un proyecto dividido en tres etapas, es desarrollado
por estudiantes del Cetis 58, para la materia de “Desarrolla aplicaciones Móviles”,
el cual será modificado a lo largo del semestre, teniendo como finalidad aprender
a desarrollar una aplicación móvil.
En este proyecto el cual llevará el nombre de “Huellitas” se intentará
solucionar el problema planteado, en que tratamos el tema de los animales en la
calle que no pueden encontrar algun hogar, intentando que personas que los
encuentren puedan brindarles un espacio en el cual permanezcan por un tiempo
determinado por las mismas para que en un futuro puedan encontrarles un hogar
permanente. Estas mismas personas, podrán decidir si quieren conservarlas para
adoptarlas o registrarlas para que otras personas puedan adoptarlas de forma
permanente
Estas personas tendrán que registrase para poder contactar a otros
usuarios con los que podrán conversar, asi como tambien para registrar a las
mascotas, con sus características (las características fisiológicas como su
especie, raza, edad, enfermedades visibles, color, tamaño, así como sus
características de comportamiento animal: si son agresivos, tímidos, juguetones,
etc., ), los usuarios que brinden hogar temporal tendrán la capacidad para añadir
características especiales de cada mascota, como si se le añadió algun nombre, si
tiene cierto gusto por alguna comida, o la cantidad de horas que duerme, y si se
les hace conveniente podrán subir fotos de la mascota facilitando el
reconocimiento de estas.
Posteriormente para adoptarlas de forma permanente, se necesitara enviar
una solicitud de adopción a los administradores, en la cual se tendrá que
establecer si se desea activar la función de seguimiento de bienestar de la
mascota, la cual consistirá en que el usuario que brinde un hogar temporal al
momento de solicitar esta función tendrá que establecer un lapso de tiempo
3
determinado, en el que el usuario que este dispuesto a brindar un hogar temporal
este de acuerdo, esta función tiene la finalidad de que el primer dueño pueda tener
la certeza de qué su anterior mascota se encuentre viviendo en situaciones
optimas para su crecimiento y tenga cierta calidad de vida.
Como diseño inicial de las pantallas se utilizará Mockup para poder
representar el funcionamiento de la aplicación y obtener un mejor entendimiento
de manera visual.
Tambien se creará un diagrama de casos de uso para comprender las
utilidades esperadas, y poder reconocer las deficiencias que en la etapa inicial son
difíciles de identificar, asimismo esto facilitara poder corregirlas lo más pronto.
El diseño de base de datos será la guía para poder utilizar con la tecnología
seleccionada específicamente para la realización de dicho proyecto (véase el
apartado de “Tecnología” ) la implementación de MySQL, sin embargo si existieran
complicaciones con la tecnología seleccionada se procederá a buscar un sustituto
inmediatamente para evitar el retraso, se tendrá en cuenta una comparación de
diferentes gestores de bases de datos y se elegirá a aquel que sus capacidades
de sean las que mejor se adapten para el correcto funcionamiento.
4
Planteamiento del problema
Hay demasiados perros y gatos, así como algunas otras especies de
animales domesticables que se encuentran en condiciones deplorables en la calle.
Algunas personas no se animan a adoptarlas porque no saben en dónde
encontrarlas, o puede que las vean en algun lugar y despues cuando se animan a
regresar a por ellos ya no estan, pues son animales y se encuentran en
movimiento continuo para encontrar alimento. Tambien no saben el
comportamiento de dichos animales, o les desagrada el aspecto de ellos, al no
recibir aseo o contraer enfermedades, por lo que si personas quieren ayudar
pueden recogerlos y tenerlos en sus casas para asearlos, cuidarlos, alimentarlos,
darles un lugar en donde estar, y asi podrían comunicar a la demas personas
como son en realidad estas mascotas, logrando que las personas se animen a
adoptarlos.
Hasta que las personas se den cuenta de que en realidad estos animalitos
son inofensivos, y que, si tienen signos de irritabilidad, agresividad, o cansancio
extremo es porque tienen que enfrentarse solos a un ambiente en el cual es muy
difícil sobrevivir para ellos sin contar con ayuda de algun ser humano que les
brinde la protección y cuidado que necesitan, tanto física como mentalmente.
Propuesta de Solución
Crear una App que permita conectar usuarios que quieran brindarle un
hogar temporal a animales en situaciones de calle con usuarios que estén
dispuestos a adoptarlos permanentemente , permitiendo registrar a su mascota
para aquellos que la quieran adoptar de forma permanente, poniendo su
descripción y fotos de la misma, así como la conectividad entre usuarios mediante
un chat dentro de la aplicación.
5
Objetivo
Disminuir el número de animales que se encuentren en situación de calle
empleando la aplicación descrita anteriormente, permitiendo que los usuarios
puedan cambiar su forma de ver a estos animalitos, así mismo tengan una
conectividad con otros usuarios para poder organizar la adopción y las mascotas
no tengan que pasar por el proceso de adaptación completamente solos, puesto
que el usuario que le brindo un hogar temporal pueda establecer el trato
necesitado para dicho animal.
Tecnología:
-Se utilizará Android Studio para la creación del código de la aplicación.
-Se realizará para el sistema operativo de Android.
-Para la creación de almacenamiento de los datos se necesitará MySQL.
Base de Datos:
6
Diagrama de Casos de Uso:
Applicación
Registrarse
Iniciar sesión
Eliminar, Buscar, Agregar, Modificar
usuario
Registrar mascotas
Eliminar, Buscar en catálogo, Modificar
mascota
Registrar datos para solicitud
Usuario
Seleccionar tipo de solicitud
(Dueños)
Enviar
solicitud
Activar función de
seguimiento de bienestar
de la mascota
Establecer tiempo de
seguimiento
Visualizar ventana
de chat entre
usuarios 7
Sistema de información
Eliminar, Buscar, Agregar, Modificar
Enviar
solicitud administrador
Registrar gerente
Eliminar, Buscar, Agregar, Modificar
gerente
Eliminar, Buscar, Agregar, Modificar
usuario
Rechazar/ Aceptar solicitudes
Registrar gerente
Registrar mascotas
Eliminar, Buscar, Modificar mascota
8
Diseño de Pantallas
Inicio de sesión: Registro: Catalogo:
El usuario podrá El usuario podrá Página principal
seleccionar si ya tiene una rellenar el formulario con para buscar mascotas, las
cuenta existente, y si es los datos solicitados para pueden buscar con un”#” y
asi, para poder ingresar convertirse en usuario de añadiendo la característica
tendrá que escribir su “huellitas”. especial que deseen
correo electrónico y su encontrar, puede ser raza,
contraseña con la que se edad, tamaño, etc.
registró, si no es así y
desea registrarse pasara a
la siguiente pantalla donde
podrá registrarse.
9
Perfil: Inicio:
Página donde podrá Página principal,
visualizar su información donde podrá visualizar
de usuario, en donde imágenes de mascotas de
podrá modificarla, usuarios que tenga
asimismo vera la cantidad agregados. Aquí mismo se
de usuarios con las que se encuentra un buscador de
encuentra conectado. personas.
10
Mensajes: Solicitud:
Pantalla donde se Pantalla que
puede visualizar como muestra el ejemplo de una
seria la ventana de chat. solicitud, en este caso de
adopción.
11
Registro Mascota: Eliminar Cuenta o Modificarla:
Solicitar seguimiento mascota:
12
“Modo Administrador”
Iniciar sesión: Registrarse:
13
Modificar y Eliminar: Rechazar/Aceptar Solicitudes:
14
Estructura Lógica
Lo que contiene nuestro proyecto:
1. Registrar Usuario
2. Registrar Mascota
3. Consultas Usuarios
4. Eliminar Usuarios
5. Actualizar Usuarios
6. Consultas Mascotas
7. Mensajería Usuarios
MENU(Main [Link]):
Colocamos 7 botones con su dicho text y iD
1- Registrar Usuario
2- Registrar Mascota
3- Consultar Usuario
4- Consultar lista usuario usando spinner
5- Consultar lista usuario usando listview
6- Consultar lista mascotas
7- Consultar lista usando recycler
15
[Link]:
Aquí solo se realizaron las conexiones con las otras pantallas
Botón Registrar Usuario(activity_registro_usuarios.xml)
Se coloco un textview ,3 edittext y un botón con sus variables
16
[Link] y [Link]: aquí se coloca la información de la base de datos
17
Base de Datos([Link]): es donde se van a almacenar todos los datos representando las
constantes y campos de nuestra base de datos
ConexionBaseDeDatoSQL: Aquí esta la estructura de la base de datos
18
[Link]:
Se conectaron las ID de las variables de los elementos con la base de datos tipo sql con su tipo de
dato identico a la base de datos para que no haya errores y los datos que se coloquen en los
EditText
19
[Link]
Igual que en la de usuarios se conecta a la base datos y que al momento de colocar las variables se
guarden en la base de datos echa antes ademas de colocar mediante un spinner al duenio
[Link]:
20
21
[Link]:
Aquí se Pueden hacer las Altas,Bajas y Cambios para el usuario en general
[Link]:
22
23
[Link]:
Aquí escoges el nombre de la mascota y en cuanto des click te mandara a los datos de la mascota y
el dueo en otra pantalla con la que se realizo una conexión
Esto se logro gracias a la conexión con la base de datos que devuelve los datos que se producieron
en la pantalla de registro de mascotas
24
[Link]:
25
Lo demas son distintos tipos de consultas de usuarios:
[Link]:
Aquí lo que lo diferencia de los demas es el hecho que se usa el spinner que es en forma de lista
escoges es duenio y ya te salen los datos de el
[Link]:
26
27
[Link]:
Aquí lo que lo diferencia de los demas es el hecho que se usa ListView que es en forma de lista que
esta ahí y solo ocupas hacer para abajo para encontrar el usuario del que quieras los datos(es igual
que el de la consulta de mascotas).
[Link]:
28
El ultimo es el [Link]:
RecyclerView es una versión más avanzada del tradicional ListView y lo que hace es mostrar datos cuyos
elementos se van reciclando cuando ya no son visibles por el scroll de la lista, lo que mejora la performance
en gran medida.
29
Mensajería de Usuarios: Aquí lo que hicimos es hacer un proyecto de chat que deberia haber
estado adentro de nuestra app pero que solo la pudimos hacer a aparte (fue casi lo mismo que el
huellitas por parte de la base de datos).
Programas y APIs que usamos:
1. Android Studio (IDE)
2. Hostinger (Servidor Host Gratis)
3. Mysql
4. php (Para las conexiones de la base de datos a la App)
5. FireBase (Para las notificaciones en tiempo real)
Pantallas:
Aquí hay 2 botones donde uno es el de login y el otro el de registrarse , no se puede entrar a login
sin antes registrarse.
30
[Link]:
[Link]:
31
[Link]:
aquí se pasan los datos introducidos en la pantalla a la base de datos y se guardan en ella
Inicio .xml: Aquí se decide entre 2 botones que uno manda a otra pantalla donde se desglosan los
usuarios registrados y el otro devuelve a la anterior pantalla
32
[Link]:
[Link]: Aquí es donde se guardan todos los usuarios y puedes escoger uno para iniciar la
conversación sobre adopción y puedes cambiar la foto de perfil y enviar imágenes .
33
[Link]:
34
[Link]: Aquí se inicia el chat con el otro usuario
[Link]:
35
36
37
Bibliografía
[Link]
[Link]
webservice-para-android-con-mysql-php-y-json/
[Link]
android-sencilla-android-studio/
[Link]
[Link]
[Link]
Android
38