Índice temático.
Resumen...... 15
Abstract...... 16
Introducción...... 17
Antecedentes y Planteamiento del problema ...... 18
Antecedentes...... 19
Localización...... 19
Macro localización...... 19
Micro localización: ...... 22
Objetivos y prioridades de la empresa...... 23
Organigrama de la empresa...... 24
Visión...... 25
Misión...... 25
Valores...... 25
Planteamiento del problema...... 26
Propuesta de investigación...... 27
Objetivo General...... 28
Objetivos Particulares...... 28
Preguntas de investigación Hipótesis...... 28
Hipótesis ...... 29
Limitaciones y supuestos...... 29
Relevancia...... 29
Estado del arte ...... 30
Bodas...... 31
7 Organizar evento...... 31
Redes sociales...... 32
Blogs...... 34
HTML...... 35
PHP...... 35
CodeIgniter...... 36
Git...... 38
Bitbucket...... 39
Javascript...... 40 jQuery...... 40
CSS3 ...... 41
Material design...... 42
Materialize...... 42
MySQL ...... 43
Lenguaje C#...... 44
Aplicaciones móviles...... 45
Xamarin...... 45 iOS...... 46
Android...... 46
Modelo-Vista-Controlador...... 47
Composer...... 49
Silex...... 50
Api...... 51
SourceTree...... 52
Postman...... 52
8 Microsoft Visual Studio...... 53
Workbench...... 53
Diseño y Desarrollo ...... 55
Análisis de requerimientos...... 56
Diseño de la base de datos ...... 57
Creación de la base de datos ...... 58
Creación del proyecto...... 60
Trabajando en equipo...... 61
Diseño de la interfaz...... 62
Uso de javascript y Jquery...... 63
Validaciones de formularios...... 67
Tener validación dentro de una página web cuando se trata de que algún usuario ingrese información, es de suma importancia ya que se debe validar tanto del lado del servidor como del lado del cliente...... 67
Modelos...... 77
Controladores...... 78
Vistas...... 80
Creación de api...... 81
Resultados y Discusión...... 86
Conclusión...... 87
Bibliografía...... 88
Glosario...... 93
9 Índice figuras.
Figura 1. Mapa de México ...... 19 Figura 2. Mapa del estado de Jalisco ...... 20 Figura 3. Mapa de Guadalajara ...... 21 Figura 4. Mapa del Centro del Software...... 22 Figura 5. Organigrama de la empresa Evolutel S.A. de C.V...... 24
10 Índice Imágenes.
Imagen 1. Novios ...... 31 Imagen 2. Organizar evento...... 32 Imagen 3. Redes sociales populares...... 33 Imagen 4. Ejemplo de como se ve un blog...... 34 Imagen 5. Logo actual HTML...... 35 Imagen 6. Logo PHP...... 36 Imagen 7. Logo CodeIgniter...... 38 Imagen 8. Logo git...... 39 Imagen 9. Logo Bitbkucket...... 39 Imagen 10. Logo JavaScript...... 40 Imagen 11. Logo jQuery...... 41 Imagen 12. Logo CSS3...... 41 Imagen 13. Ejemplo de Material Design...... 42 Imagen 14. Logo Materialize...... 43 Imagen 15. Logo MySQL...... 44 Imagen 16. Logo C#...... 44 Imagen 17. Aplicaciones móviles...... 45 Imagen 18. Logo Xamarin...... 45 Imagen 19. Logo iOS...... 46 Imagen 20. Logo Android...... 47 Imagen 21. Diagrama representativo del MVC...... 49 Imagen 22. Logo oficial de Composer...... 50 Imagen 23. Logo Silex...... 51 Imagen 24. Ejemplos de Apis...... 51 Imagen 25. Logo SourceTree...... 52 Imagen 26. Logo Post ...... 52 Imagen 27. Logo Microsoft Visual Studio...... 53 Imagen 28. Logo Workbench...... 54 Imagen 29. La importancia del análisis de requerimientos...... 56 Imagen 30. Ejemplo de diagrama de entidad relación...... 58
11 Imagen 31. Panel de control de XAMPP...... 58 Imagen 32. Interfaz de SQLYog...... 59 Imagen 33. Ejemplo de cómo crear una tabla...... 59 Imagen 34. CodeIgniter Modelo, Vista, Controlador...... 61 Imagen 35. Interfaz para subir un proyecto...... 61 Imagen 36. Interfaz para clonar un proyecto...... 62 Imagen 37. Ejemplo de uso de clases en Materialize...... 63 Imagen 38. Tarjeta...... 63 Imagen 39. Uso de Javascript dentro de HTML...... 64 Imagen 40. Etiquetas de Script...... 64 Imagen 41. Resultado del código anterior...... 65 Imagen 42. Archivo externo Javascript...... 65 Imagen 43. Código para incluir Javascript...... 65 Imagen 44. Sintaxis en HTML...... 66 Imagen 45. Alerta Javascript...... 66 Imagen 46. Ejemplo código addEventListener...... 67 Imagen 47. Ejemplo código evento en HTML...... 68 Imagen 48. Ejemplo de cómo quedo la página...... 71 Imagen 49. Error con campos vacíos...... 71 Imagen 50. Ejemplo de cómo quedo la página...... 73 Imagen 51. Error con edad no valida...... 74 Imagen 52. Email correcto...... 76 Imagen 53. Email incorrecto...... 76 Imagen 54. Código de modelos en Codeigniter...... 78 Imagen 55. Código de controladores en Codeigniter...... 79 Imagen 56. Código de vistas en codeigniter...... 80 Imagen 57. Estructura de sílex...... 81 Imagen 58. Código de modelo en Silex...... 82 Imagen 59. Código de las rutas en Silex...... 82 Imagen 60. Ejemplo de respuesta de Silex...... 82 Imagen 61. Arquitectura de aplicaciones Xamarin...... 83
12 Imagen 62. Estructura del proyecto...... 84 Imagen 63. Código para crear login en Xamarin forms...... 85 Imagen 64. Ejemplos de pantallas de login...... 85
13