Programación Taller de

Investigación I

Web
Proyecto de
Presentado por:
investigación
Hernández Aparicio Mitzi Jeannette
Reyes Juárez Jesús Enrique

Asesora:
Dra. Gloria Concepción Tenorio Sepúlveda
Jueves, 11 de enero del 2023
 ANTECEDENTES

T Lovreković (2015)

Investigaciones Cedillo, Moscoso Bernal,

previas en el & Arévalo Moscoso (2017)
contexto
tecnológico Zhu, Xie, Richter
Lipford, & Chu (2014)
 Desafíos Identificados en la Enseñanza

En la enseñanza de programación web,

surge el desafío de iniciar desde cero,
complicando la creación de conocimientos
en los alumnos. La investigación de T.
Lovreković (2015) sugiere que el uso
estratégico de CMS puede superar estas
dificultades, proporcionando un estándar
amigable para el aprendizaje.
 Metodología ágil en Desarrollo Web
Cedillo, Moscoso Bernal, & Arévalo
Moscoso (2017) proponen la Metodología
Ágil como un enfoque eficiente en el
desarrollo de aplicaciones web. Su
carácter iterativo e incremental no solo
mejora la calidad del producto final sino
que también reduce riesgos, destacando la
importancia de la adaptabilidad y la
colaboración constante.
 Seguridad Informática: Análisis Estático e Interactivo
Zhu, Xie, Richter Lipford, & Chu (2014)
exploran a fondo la importancia de abordar
problemas de seguridad informática en
aplicaciones web. Su enfoque de análisis
estático interactivo sobre patrones de
código demuestra ser valioso para detectar
y resolver vulnerabilidades,
proporcionando advertencias in situ
durante el desarrollo.
 PLANTEAMIENTO DEL PROBLEMA

En el dinámico mundo de la programación web,

la constante evolución tecnológica presenta
desafíos significativos. La creación de páginas
web, a pesar de tener antecedentes, se vuelve
compleja debido a las actualizaciones
frecuentes.
 OBJETIVO GENERAL
Identificar las herramientas más populares del
¿Qué se va a
diseño web para la creación de páginas visualmente
realizar? estéticas.

A través de una investigación exhaustiva sobre los

recursos gráficos y tecnologías disponibles para
¿Cómo? crear experiencias de usuario atractivas, accesibles
y funcionales.

Con el fin de mejorar la comprensión del diseño web

¿Para qué? contemporáneo y aplicar estos conocimientos para
posibles trabajos futuros.
 OBJETIVOS ESPECÍFICOS

Selección de Obtener datos verídicos de fuentes confiables sobre

las herramientas esenciales en programación web
Información Verídica
para la creación de páginas.

Estructuración de Organizar la información recopilada mediante

instrumentos de recolección, garantizando un
Datos Recopilados control efectivo sobre los hallazgos.

Difusión de la Sintetizar y compartir los resultados de la investigación

Investigación mediante un video informativo.
 JUSTIFICACIÓN
La programación web es esencial en la
actualidad, pero la creación de una
página web puede parecer compleja.
Investigar las herramientas más
populares y realizar un análisis para su
selección es crucial. Esto permitirá
categorizarlas y facilitar la elección
adecuada según las necesidades y
recursos disponibles para futuros
desarrollos web.
 VIABILIDAD
LUGAR DE DESARROLLO RECURSOS
Instalaciones del TESCHA Materiales y digitales

TIEMPO
Horario de clase VIABILIDAD
 VIABILIDAD - RECURSOS
VIABILIDAD
PRECIO
N° RECURSO DESCRIPCIÓN CANTIDAD TOTAL
UNITARIO
• Intel Core i5 10th
gen
Computadora
1 • Tarjeta Grafica $35,00 1 $35,000
Dell 5500
• Memoria RAM(16
GB)
Microsoft 365 • Word
2 $1749 2 cuentas $1,749
familiar • Power Point
• Canva
Programas de • Capcut Sin licencia
3 1 c/u $0
edición y video • PowerDirector requerida
(Versión Gratuita)
4 Internet • Telmex $349 por mes 10 meses $3,490
$48 diarios (por
5 Pasajes • Ida y venida 120 días $5,760
dos personas)
6 Luz • CFE $145 al mes 10 meses $1,450
TOTAL
$47,449
GENERAL
 MARCO TEÓRICO
El diseño web es crucial para la interacción
Diseño Web efectiva con el usuario. Lynch & Horton (2016)
resaltan que el diseño crea lógica visual y
busca un equilibrio óptimo entre sensación
visual e información gráfica.

La revista del centro de investigación

(Universidad La Salle, 2004) subraya la
eficiencia como clave, ya que el desarrollo
puede requerir hasta 2 meses de trabajo arduo,
siendo un reto significativo.
 MARCO TEÓRICO
Herramientas de La selección de herramientas de diseño web es
Diseño Web esencial, y Barba Soler (2014) expone cómo estilos
y tendencias son influenciados por factores
tecnológicos.

En el libro "Fundamentos de programación web"

(Hernández Bejarano & Baquero Rey, 2020), se
examinan herramientas como navegadores web y
plugins, destacando su papel en la optimización del
desarrollo.
 HIPÓTESIS

Si se crea y difunde un video educativo claro sobre

herramientas populares para la creación de
páginas web, con ejemplos y recursos interactivos,
se espera que incremente el interés de los usuarios
en iniciar proyectos de diseño y desarrollo web,
eligiendo la tecnología más adecuada para sus
necesidades específicas.
 Mind-Maps mit Farbverlauf
MÉTODO

POBLACIÓN

CRITERIOS DE
SELECCIÓN

1 2 3 4
Disponibilidad en Idioma inglés y Sin necesidad de Tiempo de
México español licencia antigüedad no mayor
a 5 años
 MÉTODO
Mind-Maps mit Farbverlauf
Se delimita a herramientas que
cumplan con los criterios
mencionados y cuenten con
documentación actualizada sobre
sus propiedades clave.

MUESTRA
 MÉTODO
Mind-Maps mit Farbverlauf
Implica dividir la población en
estratos homogéneos con
respecto a las características a
estudiar, reduciendo el número de
opciones y facilitando el análisis
(Porras Velázquez, pág. 5).
MUESTREO
ESTRATIFICADO
 MÉTODO
Mind-Maps mit Farbverlauf
Implica “ver y analizar las
características y propiedades para
que con un poco de criterio se las
pueda clasificar, agrupar o
sintetizar, para luego poder
profundizar más en el tema” TIPO DE
(Facultad de Odontología UMSA,
2011, pág. 623).
INVESTIGACIÓN
(DESCRIPTIVA)
 TÉCNICA DE RECOLECCIÓN
Mind-Maps DE DATOS
mit Farbverlauf
De acuerdo con (Giroux, Tremblay,
& Álvarez, 2004), ésta sirve para
analizar características de
documentos escritos, sonoros o
visuales como diarios, revistas,
libros, películas, programas de
ANÁLISIS DE
televisión, publicidad, entre otros.
CONTENIDO
INSTRUMENTO Mind-Maps
DE LA TÉCNICA
mit DE RECOLECCIÓN DE DATOS
Farbverlauf

“Es un instrumento de evaluación de

las dimensiones y estructura del
significado personal.. No se trata
pues, de un test convencional sino REJILLA DE
de una forma de entrevista ANÁLISIS DE
estructurada orientada a explicitar CONTENIDO
los constructos con los que la
persona organiza su mundo” (Feixas
& Cornejo, 1996, pág. 11).
 DISEÑO PRELIMINAR
Mind-Maps mitDEL INSTRUMENTO
Farbverlauf

REJILLA DE
ANÁLISIS DE
CONTENIDO

Nombre de la Entornos de
Tipo Características Ventajas Desventajas Observaciones Fuente
herramienta aplicación
 PRUEBA
Mind-Maps mitPILOTO
Farbverlauf

Se realizaron cuatro registros en total, respetando la estructura previamente

revisada con los encabezados aprobados.

Nombre de la Entornos de
Tipo Características Ventajas Desventajas Observaciones Fuente
herramienta aplicación
Plataforma Uno Diseño W
Qwik Des. W

Figma Diseño W
Sublime text Des. W
 PRESUPUESTO

El presupuesto actúa como una brújula

financiera, guiando la asignación de
recursos para garantizar una investigación
exhaustiva y de calidad sobre las
herramientas de diseño y desarrollo web.

TABLITA DE CÁLCULO DE PRESUPUESTO TOTAL

 DIAGRAMA
Mind-Maps mitDE GANTT
Farbverlauf
Es una representación visual de las etapas y plazos de nuestra investigación, que
abarca desde septiembre de 2023 hasta junio de 2024, excluyendo el mes de
febrero sin clases.
 DIAGRAMA
Mind-Maps mitDE GANTT
Farbverlauf
 DIAGRAMA
Mind-Maps mitDE GANTT
Farbverlauf
 REFERENCIAS
• Cedillo, P., Moscoso Bernal, S., & Arévalo Moscoso, F. (2017). Metodología Ágil para la Gestión de Riesgos
Informáticos. 1-13.
• Barba Soler, J. P. (2014). Diseño y desarrollo web. Análisis de casos. Universitat Politècnica de València.
• Facultad de Odontología UMSA. (2011). Tipos de investigación cientifica. Revista de Actualización Clínica, 623.
• Feixas, G., & Cornejo, J. M. (1996). Manual de la técnica de rejilla meiante el programa RECORD v. 2.0.
Barcelona, Buenos Aires, México: PAIDÓS.
• Giroux, S., Tremblay, G., & Álvarez, B. E. (2004). Metodología de las ciencias humanas: la investigación en accion.
México, D.F.: Fondo de Cultura Económica.
• Hernández Bejarano, M., & Baquero Rey, L. E. (2020). Fundamentos de Programacion Web. Bogota: Universidad
ECCI.
• Lynch, P. J., & Horton, S. (2016). Web Style Guide. Obtenido de webstyleguide.com/1-strategy.html
• Moscoso, F. M., Moscoso Bernal, S., & Cedillo, P. (2017). Metodología Ágil para la Gestión de Riesgos
Informáticos. 1-13.
• Porras Velázquez, A. (s.f.). Diplomado en Análisis de Información Geoespacial. México: Centro de Investigación en
Geografía y Geomática.
• T Lovreković, Z. (2015). CMS AS A WEB PROGRAMMING LEARNING TOOL. (JPMNT) Journal of Process
Management, 40-47.
• Universidad La Salle . (2004). Herramientas de Multimedia. Revista del Centro de Investigacion, 86-87.
• Universidad La Salle. (2004). Planeacion y Desarrollo de Web Site. Revista del Centro de Investigacion, 75.
• Zhu, J., Xie, J., Richter Lipford, H., & Chu, B. (2014). Supporting secure programming in web applications through
interactive static analysis. Journal of Advanced Research, 449-462.
GRACIAS