Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Plan de Proyecto TOSCANO OCHOA Kelly v3
Plan de Proyecto TOSCANO OCHOA Kelly v3
PROGRAMA DE ESTUDIO:
DISEÑO Y PROGRAMACIÓN WEB
PRESENTADO POR:
TOSCANO OCHO, Litelantes Kelly
ii
AGRADECIMIENTOS
Primeramente, doy gracias a Dios por permitirme tener una
experiencia en el instituto, por guiarme en el camino y
fortalecerme espiritualmente para empezar un camino lleno
de éxito.
iii
ÍNDICE
CARATULA ..............................................................................................................i
DEDICATORIA ....................................................................................................... ii
REFERENCIA........................................................................................................ 11
REFERENCIA........................................................................................................ 12
iv
REFERENCIAS BIBLIOGRÁFICAS ........................................................................... 23
APÉNDICES ......................................................................................................... 24
Apéndice A: Cronograma de Actividades .......................................................................................... 24
Apéndice B: Cronograma de Presupuesto ........................................................................................ 24
Apéndice C: Planos, esquemas y otros.............................................................................................. 24
v
ÍNDICE DE FIGURAS Y TABLAS
Imagen 1 _Componentes ................................................................................................ 13
Imagen 2_Tabla de cronograma de actividades .............................................................. 14
Imagen 3_ Captura de requisitos .................................................................................... 15
Imagen 4_Tabla de requerimientos................................................................................. 15
Imagen 5_Diseño de la plantilla ..................................................................................... 16
Imagen 6_Index.php ....................................................................................................... 17
Imagen 7_ Conexión.php ................................................................................................ 17
Imagen 8_Base de datos ................................................................................................. 18
Imagen 9_Hoja de estilos CSS........................................................................................ 18
Imagen 10_Implementación y despliegue: ..................................................................... 19
vi
RESUMEN
El proyecto de investigación aplicada consiste en la creación de plantillas de diseño
de interfaz de un sitio web, para la iglesia Sanidad Divina de Palian utilizando PHP,
MySQL y CSS. El objetivo del proyecto es facilitar a los usuarios modificar tanto
el diseño de la interfaz como la información de un sitio web. Y sea para los usuarios
una herramienta versátil y fácil de usar para crear y personalizar sitios web de
manera dinámica.
Las plantillas de diseño de interfaz para sitios web utilizan la base de datos MySQL
para gestionar la información del sitio, lo que facilita la actualización y
modificación de contenido, como textos, imágenes y enlaces. Además, la
flexibilidad proporcionada por las hojas de estilo CSS permite a los usuarios adaptar
el diseño de sus sitios web según sus necesidades y preferencias. Logrando una
interfaz de usuario intuitiva que permite a los usuarios editar el contenido y
personalizar el diseño de sus sitios web de manera eficiente.
vii
INTRODUCCIÓN
Este proyecto de investigación aplicada, representa una solución versátil y accesible
para aquellos que desean establecer su presencia en línea sin la necesidad de poseer
conocimientos avanzados de programación o diseño web. Al aprovechar PHP, un
lenguaje de programación ampliamente utilizado en la web, y las capacidades de
personalización de CSS, esta herramienta proporciona a los usuarios la libertad de
crear sitios web atractivos y funcionales de acuerdo con sus necesidades
específicas.
viii
CAPÍTULO I. DETERMINACIÓN DEL PROBLEMA
1.1.Formulación del problema
¿Cómo afecta la ausencia de un sitio web para la iglesia Sanidad Divina a los
usuarios?
1.2.Objetivos
1.3.Justificación
8
El equipo del área de comunicaciones de la iglesia Sanidad Divina tiene
desconocimiento en el manejo de plantillas para modificar el diseño e información
de sitios web según necesidades o periódicamente por celebraciones, campañas,
promociones, etc.
9
CAPÍTULO II. MARCO TEÓRICO
2.1.Estado de arte
10
modularización del CSS y la optimización del rendimiento son prácticas
clave.
● CMS y Generadores de Sitios Web: Los CMS, como WordPress,
Joomla y Drupal, son ampliamente utilizados para la creación de sitios
web personalizables. También hay generadores de sitios web como Wix
y Squarespace que simplifican el proceso de diseño y personalización.
2.2.Bases teóricas
REFERENCIA
Diego Andrés Parra, M. S. (2012). ELABORACIÓN DE WIX DE LA SEDE
MARTIN RESTREPO MEJIA. MARTIN RESTREPO MEJIA.
REFERENCIA
12
CAPÍTULO III. DESARROLLO DEL TRABAJO
3.1. Finalidad
3.2.Propósito
3.3.Componentes
Imagen 1 _Componentes
13
3.3.1. Interfaz de usuario (UI): Una interfaz intuitiva que permita a los usuarios
realizar modificaciones en el diseño y el contenido del sitio web.
3.3.2. Base de datos MySQL: Una base de datos que almacene la información
del sitio web, como textos, imágenes y configuraciones de diseño.
3.3.3. Lenguaje de programación PHP: Un motor de procesamiento PHP que
maneje las solicitudes de los usuarios, realice consultas a la base de datos
y genere páginas web dinámicas.
3.3.4. Hoja de estilos CSS: Una herramienta que permita la personalización del
diseño del sitio web mediante la edición de hojas de estilo en cascada
(CSS).
3.4.Actividades
TIEMPO DE DURACIÓN
1 2 1 2 1 2 1 2
Pruebas y depuración X
Implementación y despliegue X
14
3.4.1. Toma de datos de los requisitos para el proyecto: mediante una encuesta,
con anotaciones y post-it permitió al cliente poder expresar los requisitos
para la creación de su sitio web.
REQUERIMIENTOS NO
REQUERIMIENTOS FUNCIONALES
FUNCIONALES
15
3.4.3. Diseño de la plantilla de diseño de interfaz: Esta estructura de la plantilla
de diseño de interfaz de un sitio web con el lenguaje de programación PHP
y con CSS.
16
Imagen 6_Index.php
Imagen 7_ Conexión.php
17
Imagen 8_Base de datos
18
3.4.8. Implementación y despliegue: Lanzamiento del generador de sitio web en
un entorno de producción.
3.5.Limitaciones
19
CAPÍTULO IV: RESULTADOS
4.1. Resultados
20
CAPÍTULO V: CONCLUSIONES Y RECOMENDACIONES
4.2.5.1. Conclusiones
Base de datos sólida: El uso de MySQL como sistema de gestión de bases de datos
garantiza una gestión eficiente de la información del sitio web. Sin embargo, es
fundamental mantener las mejores prácticas de seguridad de bases de datos para
proteger los datos.
21
4.3.5.2. Recomendaciones
22
REFERENCIAS BIBLIOGRÁFICAS
23
APÉNDICES
Apéndice A: Cronograma de Actividades
24