Aplicación Android y Servicios REST para Compartir Libros Electrónicos

106 Pages·2017·5.54 MB·Spanish

by  Alejandro Jover Morales

Aplicación Android y
Servicios REST para Compartir
Libros Electrónicos
Máster Universitario en Desarrollo Software para
Dispositivos Móviles
Trabajo Fin de Máster
Autor:
Javier Ortega Bastida
Tutor:
Antonio Javier Gallego Sánchez
Junio 2017
Página 1
Página 2
Agradecimientos
Un agradecimiento a mi tutor por su ayuda.
Página 3
Índice de contenido
1. Justificación y Objetivos....................................................................................................11
2. Introducción.........................................................................................................................12
2.1. Estructura de la Memoria......................................................................................................15
3. Estado del Arte.....................................................................................................................16
3.1. Marco Teórico...........................................................................................................................16
3.1.1. Diseño Responsive...........................................................................................................................16
3.2.1. Servicios Web.....................................................................................................................................17
3.1.3. Tipos de Aplicaciones Móviles.....................................................................................................19
3.2. Proyectos Técnicos..................................................................................................................21
3.2.1. YouTube...............................................................................................................................................21
3.2.2. Bubok.....................................................................................................................................................22
3.2.3. GitBook.................................................................................................................................................24
3.3. Estudio de la Competencia....................................................................................................25
3.3.1. En la Web.............................................................................................................................................25
3.3.2. Mercado de las Apps........................................................................................................................26
4. Objetivos................................................................................................................................27
5. Metodología..........................................................................................................................28
5.1. Diseño.........................................................................................................................................28
5.2. UML..............................................................................................................................................32
5.3. Tecnologías................................................................................................................................33
5.3.1. Laravel...................................................................................................................................................33
5.3.2. Servidor XAMPP................................................................................................................................38
5.3.3. HTML5, CSS y Boostrap..................................................................................................................40
5.3.4. IDE..........................................................................................................................................................41
5.3.5. Control de Versiones.......................................................................................................................41
5.4. Rutas de YouBook....................................................................................................................42
5.5. API RESTFul...............................................................................................................................43
5.6. Arquitectura..............................................................................................................................45
6. Desarrollo..............................................................................................................................46
Página 4
6.1. Implementación de la Aplicación Web..............................................................................46
6.1.1. Directorios de Laravel....................................................................................................................47
6.1.2. Definir las rutas.................................................................................................................................48
6.1.3. Definir el Layout Principal............................................................................................................49
6.1.4. Vista Principal: Listado de Libros..............................................................................................49
6.1.5. Funcionalidad de la Barra de Navegación...............................................................................53
6.1.6. Subir un Libro....................................................................................................................................58
6.1.7. Vista Información del Libro..........................................................................................................63
6.1.8. Editar y Eliminar un Libro............................................................................................................69
6.1.9. Vista Perfil...........................................................................................................................................71
6.1.10. Editar y Eliminar Usuario...........................................................................................................75
6.1.11. Definir la API RESTFul.................................................................................................................78
6.2. Implementación de la Aplicación Android......................................................................78
6.2.1. Vista Principal....................................................................................................................................80
Carga Lazy de Imágenes.............................................................................................................................82
6.2.2. Toolbar..................................................................................................................................................83
6.2.3. Vista Información Libro.................................................................................................................86
6.2.4. Vista Perfil...........................................................................................................................................91
6.2.5. Añadir un Libro.................................................................................................................................92
6.2.6. Vistas de Edición en la App...........................................................................................................97
7. Conclusiones y Trabajo Futuro....................................................................................100
8. Bibliografía ........................................................................................................................102
Página 5
Índice de Figuras
Figura 1.1. Piratería en los Libros......................................................................................................11
Figura 2.1. Icono YouBook....................................................................................................................12
Figura 2.2. YouBook.................................................................................................................................13
Figura 2.3. App YouBook.......................................................................................................................14
Figura 3.1. Diseño Responsive............................................................................................................17
Figura 3.2. Cuerpo de una Petición REST........................................................................................18
Figura 3.3. Aplicaciones nativas: Android e iOS...........................................................................19
Figura 3.4. Aplicaciones web: Sencha y jQuery............................................................................20
Figura 3.5. Aplicaciones híbridas: Ionic y PhoneGap.................................................................20
Figura 3.6. YouTube.................................................................................................................................21
Figura 3.7. Listas en YouTube..............................................................................................................22
Figura 3.8. Página de Bubok.................................................................................................................23
Figura 3.9. Calculadora de Bubok......................................................................................................23
Figura 3.10. Precio de venta en Bubok............................................................................................23
Figura 3.11. GitBook................................................................................................................................24
Figura 3.12. Edición de Documentos en GitBook.........................................................................24
Figura 5.1. Diagrama de Flujo..............................................................................................................28
Figura 5.2. Vista Principal.....................................................................................................................29
Figura 5.3. Acciones Básicas sin necesidad de Identificarse...................................................30
Figura 5.4. Comentar y dar Me gusta a un libro...........................................................................30
Figura 5.5. Subir un libro.......................................................................................................................31
Figura 5.6. Editar libro............................................................................................................................31
Figura 5.7. Diagrama UML de la BD...................................................................................................32
Figura 5.8. Icono Laravel.......................................................................................................................33
Figura 5.9. Ejemplo de una Migración..............................................................................................34
Figura 5.10. Ejemplo de Comando de Artisan...............................................................................35
Figura 5.11. Patrón MVC........................................................................................................................36
Figura 5.12. Esquema de Funcionamiento de Larael.................................................................37
Figura 5.13. Icono de Composer.........................................................................................................37
Figura 5.14. XAMPP.................................................................................................................................38
Página 6
Figura 5.15. Panel de Control de XAMPP........................................................................................38
Figura 5.16. Panel de Control de PHPMyAdmin...........................................................................39
Figura 5.17. Visualización de Tablas y su contenido..................................................................39
Figura 5.18. HTML, CSS y Boostrap...................................................................................................40
Figura 5.19. Android Studio.................................................................................................................41
Figura 5.20. BitBucket............................................................................................................................41
Figura 5.21. Arquitectura YouBook...................................................................................................45
Figura 6.1. Página por defecto de Laravel......................................................................................46
Figura 6.2. Barra de Navegación de YouBook...............................................................................49
Figura 6.3. Vista Principal.....................................................................................................................50
Figura 6.4. Vista Principal en Tamaño Mediano..........................................................................51
Figura 6.5. Vista Principal en Tamaño Pequeño..........................................................................51
Figura 6.6. Vista Principal en Tamaño Extra Pequeño..............................................................52
Figura 6.7. Paginación.............................................................................................................................53
Figura 6.8. Página Principal..................................................................................................................53
Figura 6.9. Barra de Búsqueda............................................................................................................54
Figura 6.10. Resultado de la Búsqueda............................................................................................54
Figura 6.11. Donaciones Vía PayPal..................................................................................................55
Figura 6.12. Vista del Login..................................................................................................................55
Figura 6.13. Correo no Registrado.....................................................................................................56
Figura 6.14. Registrar Usuario............................................................................................................56
Figura 6.15. Sin Perfil..............................................................................................................................57
Figura 6.16. Barra de Navegación tras Iniciar Sesión................................................................57
Figura 6.17. Vista Subir Libro..............................................................................................................58
Figura 6.18. Errores de Validación....................................................................................................59
Figura 6.19. Formulario Rellenando.................................................................................................59
Figura 6.20. Directorio con las Portadas.........................................................................................60
Figura 6.21. Directorio con los PDFs................................................................................................61
Figura 6.22. Código Crear Libro..........................................................................................................61
Figura 6.23. Libro Añadido Correctamente...................................................................................62
Figura 6.24. Vista Información Libro................................................................................................63
Figura 6.25. Leer un Libro Online......................................................................................................64
Página 7
Figura 6.26. Leer un Cómic Online.....................................................................................................64
Figura 6.27. Dar Like a un Libro.........................................................................................................65
Figura 6.28. Libro Añadido a Favoritos...........................................................................................65
Figura 6.29. Código para el Botón de Like......................................................................................66
Figura 6.30. Comentarios de un Libro..............................................................................................67
Figura 6.31. Comentar un Libro..........................................................................................................67
Figura 6.32. Visualizando un Libro Subido por Nosotros........................................................68
Figura 6.33. Vista Edición......................................................................................................................69
Figura 6.34. Excepción al Editar el Libro de otro Usuario.......................................................70
Figura 6.35. Vista Perfil Completa.....................................................................................................71
Figura 6.36. Pago PayPal a un Usuario.............................................................................................72
Figura 6.37. Libros Subidos..................................................................................................................72
Figura 6.38. Pseudocódigo de un Carousel Dinámico................................................................73
Figura 6.39. Libros Favoritos...............................................................................................................74
Figura 6.40. Carousel Responsive......................................................................................................74
Figura 6.41. Detección del Propietario de la Cuenta..................................................................75
Figura 6.42. Vista Editar Perfil............................................................................................................76
Figura 6.43. Excepción al Editar el Perfil de otro Usuario.......................................................76
Figura 6.44. Directorio Fotos de Perfil.............................................................................................77
Figura 6.45. Perfil Editado Correctamente.....................................................................................77
Figura 6.46. Editor de Temas...............................................................................................................79
Figura 6.47. Vista Principal App.........................................................................................................80
Figura 6.48. Alerta de Android............................................................................................................81
Figura 6.49. Parsing de JSON................................................................................................................82
Figura 6.50. Resultado de la Búsqueda App..................................................................................83
Figura 6.51. Toolbar sin Identificase................................................................................................84
Figura 6.52. Diálogo para Iniciar Sesión..........................................................................................84
Figura 6.53. Diálogo para Registrarse..............................................................................................85
Figura 6.54. Toolbar tras Identificase..............................................................................................85
Figura 6.55. Vista Información App..................................................................................................86
Figura 6.56. Leer un Libro en la App................................................................................................87
Figura 6.57. Leer un Cómic en la App...............................................................................................88
Página 8
Figura 6.58. Documentos Pesados.....................................................................................................88
Figura 6.59. Leyendo un Documento Pesado................................................................................89
Figura 6.60. Sistema de Comentarios App......................................................................................90
Figura 6.61. Vista Perfil App.................................................................................................................91
Figura 6.62. Vista Añadir Libro App..................................................................................................92
Figura 6.63. Intent para cargar una Imagen..................................................................................93
Figura 6.64. Código para obtener el contenido de un Proveedor.........................................94
Figura 6.65. Archivos Extraídos del Proveedor de Contenidos.............................................95
Figura 6.66. Código de envío de Ficheros desde Android a un Servidor............................96
Figura 6.67. Libro Creado en la App..................................................................................................96
Figura 6.68. Dispositivos que 3jecutan la API 19........................................................................97
Figura 6.69. Editar un Libro en la App.............................................................................................98
Figura 6.70. Editar Perfil en la App...................................................................................................98
Figura 7.1. Trabajo Futuro: Modelos 3D.......................................................................................101
F
Página 9
Índice de Tablas
Tabla 5.1. Rutas de YouBook................................................................................................................42
Tabla 5.2. API RESTFul...........................................................................................................................43
Página 10