Diseño y desarrollo de un Módulo para la página Todojuanmanuel Estéreo, para la

publicación de información noticias y artículos.

Daniel Fernando Guzman Mejía

COD. 430054981

JIMMY ALEXANDER RODRIGUEZ VERGARA

INGENIERO DE SISTEMAS

UNIVERSIDAD PILOTO DE COLOMBIA

SECCIONAL DEL ALTO MAGDALENA
PROGRAMA DE INGENIERÍA DE SISTEMAS
GIRARDOT
2022-3

1
 TODOJUANMANUEL ESTÉREO
Manzana E Casa 5, B/ Arrayanes, Girardot

JUAN MANUEL DUCUARA RUÍZ

Director General
Manzana E Casa 5, B/ Arrayanes, Girardot
300 494 5092 – 305 711 3561
juanmanducuarar@gmail.com

DANIEL FERNANDO GUZMAN MEJIA

Practicante de Ingeniería de Sistemas
Celular: 3142095850
daniel-guzman@hotmail.com.ar
daniel-guzman1@upc.edu.co

2
 SECCIONAL DEL ALTO MAGDALENA
PROGRAMA ACADÉMICO
FICHA REGISTRO PROYECTO PRÁCTICA
EMPRESARIAL

FECHA DE ELABORACIÓN (20 de septiembre de 2022):

1. INFORMACIÓN GENERAL DEL PROYECTO

Nombre, identificación, dirección electrónica y números telefónicos de estudiantes que

participan en el proyecto:

Cédula de
Nombres y Apellidos Correo electrónico Teléfonos
Ciudadanía
Daniel Fernando daniel-
1070622794 3142095850
Guzman Mejía guzman1@upc.edu.co

EMPRESA Dirección
Todojuanmanuel Estéreo Manzana E Casa 5
Barrio Teléfono Cargo
Arrayanes 300 494 5092 Practicante de Ingeniería de Sistemas

Diseño y desarrollo de un Módulo para la página

1.1. Título del Trabajo Todojuanmanuel Estéreo, para la publicación de
información noticias y artículos.

1.2. Palabras claves que identifican el

proyecto
Actualización Diseño web Información Modulo

1.3. Campos de la Ingeniería de Sistemas en los cuales se inscribe predominantemente

el proyecto.

Diseño de un módulo, base de datos, desarrollo web, herramientas informáticas.

1.4. Tipo de Trabajo o Proyecto (señalar con X según las alternativas que presenta la
GUIA de la Asignatura Práctica Empresarial)

Trabajo de Investigación ( ) Proyecto de grado ( ) Trabajo de proyección

social

3
 Práctica Empresarial
(X)

1.5. Línea de Investigación en que se inscribe el

Proyecto o Trabajo:
(Sólo diligenciar en caso de que sea la modalidad Trabajo N/A
de Investigación)

1.6. Entidades externas a la Universidad que podrían apoyar o participarían en el

desarrollo del Proyecto:

Entidad Dependencia Responsable

N/A N/A N/A

1.7. Duración del Proyecto Seis (6) Meses

2. DESCRIPCIÓN GENERAL DEL PROYECTO

El desarrollo de un módulo en donde los usuarios puedan interactuar y visualizar,

contenido publicado por el usuario, noticias e información de interés ya sea de manera
local, regional nacional o internacional. Fomentando con esto la participación y visita de
las personas en la página Todojuanmanuel Estéreo.

2.2 Identificación del objetivo general del proyecto:

Diseñar y desarrollar un módulo para la visualización y la interacción del usuario,

publicando noticias de su interés, ya sean locales, regionales, departamentales o
internacionales.

2.3 Identificación de los objetivos específicos del Proyecto:

4
  Determinar los requerimientos para la construcción del modulo
 Definir cuáles serán los requerimientos necesarios para construir el modulo
propuesto.
 Desarrollar un módulo de publicación de noticias para fomentar el ejercicio
periodístico.
 Analizar y corregir los errores que se vayan presentando a lo largo de la realización
del proyecto.

2.4 Descripción breve del marco teórico o conceptual del Proyecto:

Actualmente es importante reconocer la importancia y el auge que están teniendo los sitios web
para dar a conocer información de lo que pasa en un pueblo, país y el mundo, por lo tanto, cada
empresa debe de pasar por una transformación digital, lo cual puede llevar a cabo el gran
alcance al éxito para todos los aspectos de la empresa.

- Modulo web: representa una aplicación web. Un módulo se crea ensamblando archivos
JSP (JAVASERVER PAGES) y contenido estático como HTML es una unidad
desplegable, según Pérez J. & Gardey A. (2012), son una serie de funciones que
ayudarán grandemente a crecer la audiencia e interacción con los usuarios.
- Herramientas informáticas: conjunto de instrumentos empleados para manejar
información por medio de la computadora como el procesador de texto, la base de
datos, correo electrónico, hojas de cálculo, buscadores o programas de diseño.
- Publicación: según Julián Pérez Porto y Ana Gardey (2019) se le llama publicación al
acto y la consecuencia de publicar, difundir algo o darlo a conocer a través de la
impresión u otro mecanismo. El termino suele emplearse para aludir al texto impreso.
- Usuarios: Según Pérez Mariana (2022) se trata de un nickname que la persona debe
crear para acceder a la cuenta que ha sido creada o que pretende crear. La composición
de estos nombres puede cambiar de acuerdo a las reglas o parámetros del sitio web,

5
 pero usualmente piden letras en mayúsculas, minúsculas, números y signos.
- Base de datos: según Oracle (2022) una base de datos es una recopilación organizada
de información o datos estructurados, que normalmente se almacena de forma
electrónica en un sistema informático.
- Bootstrap: Según Deyimar A (2022) Bootstrap es un framework front-end popular entre
los desarrolladores hoy. En particular aquellas que trabajan en módulos del diseño.

2.5 Identificación de la metodología propuesta en el Proyecto:

Metodología XP define cuatro variables para cualquier proyecto de software costo, tiempo,
calidad y alcance. El método especifica que, de estas cuatro variables, tres de ellas podrán ser
fijadas arbitrariamente por los actores externos al grupo de desarrolladores (clientes y jefes de
proyecto.) y el valor de la restante deberá ser establecida por el equipo de desarrollo. Quien
establecerá su valor en función de las otras tres.

Ciclo de vida Metodología XP

-Entender lo que el cliente necesita – Fase de exploración.
-Estimar el esfuerzo- Fase de planificación.
-Crear la solución- Fase de iteraciones.
-Entrega el producto final al cliente- Fase de prueba en producción.

2.6 Describir sobre posible aplicación de los resultados del Proyecto:

Los resultados que se pueden obtener de este proyecto permitirán que la página web de la
empresa Todojuanmanuel Estéreo brinde un servicio más interactivo, y una mayor
visualización de información, la prestación de un nuevo servicio que será útil a la comunidad y
a todo el que visite la página web.

3. PERSONAL DOCENTE DE LA UNIVERSIDAD VINCULADO O A VINCULAR

COMO ASESOR AL PROYECTO.

6
 Nombres y Apellidos Correo electrónico Teléfonos
Jimmy Alexander Vergara jimmy-
310-886-8901
Rodríguez vergara@upc.edu.co

7
 1. TABLA DE CONTENIDO

Pág.

1. TABLA DE CONTENIDO.............................................................................................8

2. INTRODUCCIÓN.........................................................................................................10

3. INFORMACIÓN GENERAL DE LA EMPRESA.......................................................11

3.1. Razón social de la empresa..............................................................................................11

3.2. Clase de empresa según estatutos....................................................................................11

3.3. Historia de la creación de la empresa..............................................................................11

3.4. Objetivo de la empresa....................................................................................................12

3.5. Misión de la empresa.......................................................................................................12

3.6. Visión de la empresa........................................................................................................12

3.7. Organigrama y sitio de ubicación del estudiante (departamento)....................................12

3.8. Portafolio de productos y servicios..................................................................................13

3.9. Tipo de mercado que atiende: nacional, regional, internacional, globalización..............13

3.10. Nicho – Segmento de mercado....................................................................................14

3.11. Grado de Innovación Tecnología y certificación de calidad........................................14

4. DESCRIPCIÓN DEL PROBLEMA..............................................................................14

4.1. ELEMENTOS DEL PROBLEMA..................................................................................15

4.2. FORMULACIÓN DEL PROBLEMA.............................................................................16

5. JUSTIFICACIÓN..........................................................................................................17

5.1. JUSTIFICACIÓN TÉCNICA..........................................................................................17

5.2. JUSTIFICACIÓN SOCIAL.............................................................................................18

6. ANTECEDENTES........................................................................................................18

8
7. OBJETIVOS..................................................................................................................19

7.1. OBJETIVO GENERAL...................................................................................................19

7.2. OBJETIVOS ESPECÍFICOS..........................................................................................19

8. METODOLOGÍA..........................................................................................................20

8.1. FASES DE LA METODOLOGÍA XP............................................................................21

8.1.1. FASE 1: EXPLORACIÓN.......................................................................................21

8.1.2. FASE 2: PLANIFICACIÓN DE LA ENTREGA....................................................21

8.1.3. FASE 3: ITERACIONES.........................................................................................21

8.1.4. FASE 4: PRODUCCIÓN.........................................................................................22

8.1.5. FASE 5: MANTENIMIENTO.................................................................................22

8.1.6. FASE 6: MUERTE DEL PROYECTO....................................................................22

9. RECURSOS...................................................................................................................23

9.1. TALENTO HUMANO....................................................................................................23

9.2. RECURSOS MATERIALES..........................................................................................23

10. DESARROLLO PROPUESTA.....................................................................................25

10.1 Modelo de caso de uso.............................................................................................26

10.2 Diagrama de despliegue del sistema.........................................................................28

10.3 Base de datos..................................................................................................................29

10.4 Aspectos gráficos......................................................................................................30

10.5 Plataformas tecnológicas..........................................................................................31

11. BANNER.....................................................................................................................32

12. CRONOGRAMA DE ACTIVIDADES.......................................................................35

13. CONCLUSIONES Y RECOMENDACIONES.............................................................37

14. Bibliografía...................................................................................................................38

9
 2. INTRODUCCIÓN

Hoy en día, la constancia del hombre en búsqueda de hallar las necesidades de comunicación ha
logrado un gran impulso en establecer un mundo de instrumentos que gracias a su avance han
alcanzado un gran poder y velocidad en el proceso comunicativo. Cabe mencionar que, los
medios de comunicación con el pasar de los tiempos fueron evolucionando, al principio y en la
actualidad aun no puede ser adquirido por todas las personas ya sea por razones económicas o
sociales, tanto ellos ya sea escrito o audiovisual para crear uno nuevo se necesita una fuerte
inversión económica y laboral ya que actualmente con la competencia de otros medios cada uno
invierte mayor que el otro (Rosas, 2019).

Y por esa razón se ha logrado la enorme capacidad que poseemos hoy en día, el cual es hacer
llegar nuestros propios mensajes a largas distancias en forma rápida, por medio de estas
herramientas, del mismo modo trasmitiendo datos e informaciones perfeccionando la calidad de
vida de todos nosotros.

Por consiguiente, el presente plan se refiere a un sistema de información, para la publicación de

noticias informativas que son eventos a escala nacional e internacional con un proceso sencillo e
interactivo con el usuario describiendo paso a paso el desarrollo de lo que se va a realizar para la
empresa Todojuanmanuel Estéreo de la ciudad de Girardot. Por lo cual, se logra llegar a personas
que están interesadas en innovar una forma de transmitir información a otras personas, con el
propósito de tener nuevas maneras de comunicar y lograr estar más cerca de la gente en el
momento de brindarles la información y contenidos respectivos.

10
 3. INFORMACIÓN GENERAL DE LA EMPRESA

3.1. Razón social de la empresa.

Todojuanmanuel Estéreo.

3.2. Clase de empresa según estatutos.

Microempresa

3.3. Historia de la creación de la empresa.

La emisora Todojuanmanuel Estéreo, nació como una iniciativa que se dio por varios jóvenes
para quienes sintieran gusto por practicar el periodismo, para informar y comunicar a la
comunidad. Nació en el año 2008, donde el director Juan Manuel Ducuara Ruiz ideó un medio de
comunicación e información en Girardot debido a que no existía como tal un medio web donde se
mostrara información acerca del municipio, de esta manera, se creó este medio de comunicación
innovador con el propósito de informar a la comunidad Girardoteña sobre acontecimientos que
ocurran a su alrededor.

En el 2009, se inició cubriendo eventos culturales del municipio, destacando por ser el
periodismo cívico juvenil, donde ejercen su derecho como constitución de brindar información a
la comunidad.

En la actualidad, Todojuanmanuel Estéreo busca a los diferentes jóvenes, universitarios y/o

personas interesadas en prestar sus servicios de conocer y ejercer el proceso de informar a las
personas a través del uso de nuevas tecnologías, redes sociales, e instrumentos propios y

11
necesarios para ejercer dichas tareas, dándoles un buen uso y propósito como lo es el de informar,
compitiendo a través de la calidad de la información y de la veracidad de esta.

3.4. Objetivo de la empresa.

Informar a la comunidad mediante el uso de herramientas tecnológicas sobre todos los

acontecimientos que ocurren en la región y alrededores.

3.5. Misión de la empresa.

Todojuanmanuel Estéreo, busca brindar un espacio de expresión a la juventud y población en

general; servir como medio de entretenimiento y opinión ofreciendo una programación variada e
innovadora, generando consciencia y veracidad en la información que se brinda a nuestros
oyentes.

3.6. Visión de la empresa.

Todojuanmanuel estéreo, se proyecta como un medio dinámico, cultural y de entretenimiento

sano a nivel local, regional, nacional e internacional que, con la ayuda de la audiencia crecerá
poco a poco y se obtendrán resultados reflejados en los jóvenes oyentes.

3.7. Organigrama y sitio de ubicación del estudiante (departamento).

12
La empresa Todojuanmanuel Estéreo está dirigida principalmente por el director general Juan
Manuel Ducuara Ruíz, quién dirige todas las áreas, tareas y personal correspondiente, por lo cual,
consta de tres áreas, que son:

 Área de producción de radio, la cual es destinada para los diferentes locutores que
hacen parte de la radio.
 Área de comunicación, reservada para todos los periodistas que hacen parte de este
medio de comunicación.
 Área de sistemas, la cual está dirigida para los diferentes practicantes que prestan sus
servicios.
 Dicho enfoque se verá resumido y reflejado en el siguiente organigrama:

3.8. Portafolio de productos y servicios.

La empresa Todojuanmanuel Estéreo actualmente consta de los siguientes productos y servicios:

 Publicación de información de noticias locales, regionales, departamentales, nacionales e

internacionales.

 Publicación de información de estrenos musicales, novedades de artistas y/o eventos a

realizar.

 Publicación de información de avances tecnológicos.

 Publicación de información de publicidad para pequeñas y grandes empresas.

Ilustración 1. Organigrama de la empresa Todojuanmanuel Estéreo

Fuente: El Autor.

 Publicación de información de actividades educativas, culturales y de interés en la región.

13
  Pautas publicitarias, entrevistas, cubrimientos y/o transmisiones requeridas por los
clientes.

3.9. Tipo de mercado que atiende: nacional, regional, internacional, globalización.

El tipo de mercado que atiende la empresa Todojuanmanuel Estéreo es a nivel regional.

3.10. Nicho – Segmento de mercado.

El nicho de mercado que atiende la empresa Todojuanmanuel Estéreo es de tecnología y

comunicación.

3.11. Grado de Innovación Tecnología y certificación de calidad.

No aplica.

4. DESCRIPCIÓN DEL PROBLEMA

La radio es la herramienta de comunicación por excelencia, ya que posee una calidad intima para
poder comunicarse de forma rápida desde cualquier lugar y se destaca por ser el medio más
cálido, sugestivo y alternativo por su naturaleza. Por tal motivo, en la radio hay mucho por

14
conocer y aprender, ya que son remitidas a un país, comunidad, ciudad, barrio, localidad y/o a un
público en general.

A finales del siglo XlX, gracias al avance de la tecnología, se empezaron a crear instrumentos
que llevarían a la radiodifusión, apellidos tales como Faraday, De Forest, Marconi y Hertz fluyen
gran parte en la historia de la radio, acercándose principalmente a lo tecnológico, sin embargo,
existen nombres como Bertolt Brecht o Rudolf Arnheim, que descubrieron a la radio como
portador de mensajes artísticos. “los intereses de la naciente industria de la radio acabaron por
decidir que ésta era en el mejor de los casos un difusor y no un generador de manifestaciones
artísticas” (Camacho, 2007).

Como una necesidad propia del hombre para poder comunicarse nace la radio, tomando como
antecedente las investigaciones ya mencionadas y otras hechas desde épocas pasadas.

Es importante recalcar que la radio para seguir siendo la más utilizada, paso por una serie de
acontecimientos tomando en cuenta los avances tecnológicos, porque con el seguimiento de la
televisión, la radio tuvo una infinidad de problemas, por este motivo tuvo que adaptarse e ir
formulando nuevas estrategias que la hagan más eficiente.

Por lo tanto, la empresa Todojuanmanuel Estéreo es una empresa de comunicación virtual, muy
conocida y destacada a nivel local y en la región del Alto Magdalena, que con el pasar de los
años así mismo se ve el avance de la tecnología y la manera de transmitir la información también.

Con relación a lo expuesto anteriormente, se planteó la necesidad de buscar nuevas estrategias de

diseñar y desarrollar un módulo para la interacción de los usuarios con la pagina virtual
publicando noticias y al mismo tiempo impulsando las visitas en la página.

15
 4.1. ELEMENTOS DEL PROBLEMA.

 Adaptabilidad de los usuarios a la plataforma.

 Pocos sistemas de información asociados al contenido publicitario y/o informativo.

 Poca interacción del usuario con la página.

4.2. FORMULACIÓN DEL PROBLEMA.

¿Qué resultado tendría la implementación de un módulo para la publicación de información,

noticias y artículos, por parte de los usuarios y como esto serviría para interactuar con los
seguidores de la emisora virtual Todojuanmanuel Estéreo?

16
 5. JUSTIFICACIÓN.

El presente proyecto, tiene como finalidad llevar a cabo una actualización del Sistema de
Información de la empresa Todojuanmanuel Estéreo, más precisamente en la página de su
emisora virtual, que consiste en agregar un nuevo módulo, para la publicación de noticias
informativas de manera sencilla e interactiva donde los usuarios también puedan aportar sus
noticias o artículos de interés, generando una visualización que impacte al visitante.

Por otro lado, agregar toda la información necesaria de la emisora y así dar a conocer más este
gran medio de comunicación que es destacado como uno de los pioneros y denominado el Sitio
del Periodismo Cívico Juvenil, y así generar un mayor alcance de audiencia.

Por tal razón, con el desarrollo de este módulo se quiere lograr innovar la manera de informar a la
comunidad, ya que, al interactuar en el sitio web, no solo serán noticias, sino que también harán
parte de un gran contenido llamativo, fomentando el ejercicio periodístico en la región.

5.1. JUSTIFICACIÓN TÉCNICA.

La facilitación de la información a la comunidad genera un acercamiento más al mundo y a las

empresas, ya que, un medio de comunicación como lo es Todojuanmanuel Estéreo, brindará a sus
seguidores y usuarios, nuevas formas de estar informados, así mismo darle más visita he
importancia a la página de la emisora virtual, además que el personal encargado sepa del manejo
del módulo y funcionalidades de la página virtual, así como conocimientos básicos de
herramientas informáticas, todo esto para el buen manejo del módulo y de la página virtual, para
que los usuarios tengan una buena experiencia.

17
 5.2. JUSTIFICACIÓN SOCIAL.

La visualización de contenido informativo por parte de los usuarios logrará que las personas,
conozcan más los aspectos sobre temas, productos y servicios nuevos, lo cual, gracias a esta
manera de informar pasará a ser un medio que conlleva a la evolución del pensamiento y
razonamiento humano, ya que, la información logrará cambiar la visión que tienen las personas.

6. ANTECEDENTES

En esta sección se presentarán algunos proyectos y/o trabajos que fueron encontrados y que están
relacionados con el desarrollo e implementación de un sistema de información para una emisora
online o virtual.

- “La radio online: nuevas formas de hacer radio” (Moreno Marchal, 2017)
En este proyecto muestra una nueva forma de hacer radio, ya que trata de implementar
diversas herramientas, tales como: el internet, videos, multimedia, audio y demás
componentes y herramientas las cuales son fundamentales para la innovación de hacer
llegar la información.

- “Proyecto Educomunicativo Radio Escolar” (Cadena Zapata Diana Maria, 2008)

. Se crea un proyecto de radio escolar en la comunidad educativa del Gimnasio Moderno Santa
Bárbara Minuto de Dios de Tabio Cundinamarca en donde la comunidad en General pudiera
mostrar sus ideas y desarrollar sus habilidades comunicativas y de expresión.

18
 - “Implementación de una radio en línea como recurso didáctico que promueva el
aprendizaje de recursos digitales y habilidades de comunicación en estudiantes de
secundaria” (Coto Mejía, 2013)

Este proyecto cuenta con una idea de inclusión a adolescentes por medio de una emisora, de tal
manera, tiene como objetivo ser una alternativa que ofrece contenido informativo a los
estudiantes por medio del uso de la tecnología, lo cual, se ha convertido en una herramienta que
se usa con más frecuencias por este tipo de población.

7. OBJETIVOS.

7.1. OBJETIVO GENERAL.

El desarrollo de un módulo en donde los usuarios puedan interactuar y visualizar,
contenido publicado por el usuario, noticias e información de interés ya sea de manera
local, regional nacional o internacional. Fomentando con esto la participación y visita de
las personas en la página Todojuanmanuel Estéreo.

7.2. OBJETIVOS ESPECÍFICOS.

- Determinar los requerimientos para la construcción del módulo.

- Definir cuáles serán los requerimientos necesarios para construir el modulo propuesto.

- Realizar el modelo entidad relación del módulo a desarrollar.

- Desarrollar un módulo de publicación de noticias para fomentar el ejercicio periodístico.

19
 - Analizar y corregir los errores que se vayan presentando a lo largo de la realización del
proyecto.

- Adecuar previamente los antecedentes de la Orientación Académica ofrecida en el

Programa de Ingeniería de Sistemas.

- Consultar las fuentes bibliográficas necesarias que sirvan como fuente de información
para fortalecer el proyecto.

8. METODOLOGÍA

La metodología utilizada fue, la Metodología XP “Extreme Programming” o “Programación

Extrema”, es una de las metodologías ágiles más utilizadas, se elige, ya que es correctiva y
prepara el proyecto a tener mejor calidad. El tiempo y el valor del producto crecerá a medida de
su desarrollo. A diferencia de las otras metodologías su ciclo de vida se basa en 4 componentes
(análisis, diseño, desarrollo y prueba) y que hace un enfoque práctico a la Ingeniería de Sistemas
a través de las buenas prácticas de desarrollo a nivel de código y diseño. Además de incidir en
algunas etapas de la metodología de investigación orientada a un enfoque cuantitativo.

Además de ser una metodología ágil, es simple y confiable, ya que otras metodologías clásicas
pueden atender un proceso más extenso, complejo y pesado, estos procesos ágiles nos ayudan a
buscar el balance de la investigación, aplicando los suficientes procesos para la evaluación de
este.

20
 8.1. FASES DE LA METODOLOGÍA XP

La metodología contiene 5 fases que se describen a continuación:

8.1.1. FASE 1: EXPLORACIÓN.

En esta fase se recolectan las historias de usuario y requerimientos necesarios por medio de una
entrevista el jefe inmediato, el cual, dispone la información necesaria para determinar los
objetivos del desarrollo del proyecto. Además, se realiza un estudio de la viabilidad de dicho
proyecto, donde se evalúan las tareas y el impacto que tendrá, siendo fundamentales para definir
el alcance que tendrá el nuevo sistema de información.

8.1.2. FASE 2: PLANIFICACIÓN DE LA ENTREGA.

En esta fase se distribuyen los requerimientos, en funcionales y no funcionales, se evalúan las

historias de usuario y se organizan de acuerdo con su prioridad.

8.1.3. FASE 3: ITERACIONES.

Aquí se realiza la subdivisión de las iteraciones que se llevarían a cabo durante el proceso de
diseño y desarrollo del sistema de información, todo esto con el fin de tener un orden sobre el

21
proceso, donde a partir de las historias de usuario, se pueda establecer el orden a ejecutar cada
una de ellas, desde el inicio del proyecto hasta la culminación de este.

8.1.4. FASE 4: PRODUCCIÓN.

Se inicia el desarrollo del Sistema de Información, iniciando por el diseño de cada uno de los
módulos, al igual que su desarrollo, luego de esto, se aplican una serie de pruebas con el fin de
verificar si el Sistema de Información cumple con las necesidades específicas.

8.1.5. FASE 5: MANTENIMIENTO.

Para esta fase, se desarrollan cambios en caso de existir errores o fallos en el sistema, los cuales
afecten el rendimiento de este, como incoherencias en la plantilla base y demás inconvenientes
que puedan generar una inconformidad al jefe inmediato.

8.1.6. FASE 6: MUERTE DEL PROYECTO.

Se llega a la última fase, en tal caso, si ya no existen más cambios en el sistema de información,
se da por culminado el desarrollo del proyecto, ya que, en este punto se ha dado solución a la
necesidad que en un principio se dio en la tarea de solucionar.

22
 9. RECURSOS

Los recursos son todas aquellas herramientas y/o participantes que hacen parte del proyecto y
cumplen un rol diferente en el proceso, que conllevan al desarrollo y que de alguna manera u otra
son importantes para llevar a cabo de manera satisfactoria dicho proceso.

Por lo tanto, para el diseño y desarrollo de este sistema de información, se cuenta con los
siguientes recursos que harán parte del proceso en el desarrollo de este proyecto.

9.1. TALENTO HUMANO.

- Programador: Daniel Fernando Guzman Mejía.

- Jefe inmediato del proyecto: Juan Manuel Ducuara Ruíz.

- Asesor del proyecto: Jimmy Alexander Vergara Rodríguez.

- Coordinadora de práctica para proyecto: Laura Estefanía Peña Beltrán.

9.2. RECURSOS MATERIALES.

EQUIPO ESPECIFICACIONES CANTIDAD TOTAL

Computador de Marca: Janus 1 2’700.000
mesa. Procesador: Ryzen 3 2200G
Sistema operativo: Windows 10.
Memoria RAM: 8 Gb.
Disco duro: 500GB.

23
 Pantalla: 20".
Tres puertos USB.
TOTAL $2’700.000
Tabla 1. Recursos tecnológicos hardware
Fuente: Elaboración propia 2022

HERRAMIENTAS INFORMÁTICAS
NOMBRE DESCRIPCIÓN
Bootstrap Biblioteca multiplataforma
Visual Studio Code Editor de código
MySQL Sistema de base de datos
Paquete de software libre, que
consiste principalmente en el
sistema de gestión de bases de
XAMPP
datos MySQL, el servidor web
Apache y los intérpretes para
lenguajes de script PHP y Perl
Tabla 2. Recursos tecnológicos software
Fuente: Elaboración propia 2022.
JUSTIFICACIÓN
Herramientas y códigos que nos
brinda facilidad al momento de
seleccionar el diseño de las páginas,
en este caso, útil para elegir el
diseño que tendrá el Sistema de
Información.
Herramienta que se utiliza para la
edición de código fuente del
sistema de información.
Herramienta para realizar la base de
datos de lo que será el sistema de
información.
Herramienta que nos facilita la
gestión para la base de datos y el
servidor web.

24
 10. DESARROLLO PROPUESTA

la fase de análisis del proyecto nos permitirá evidenciar las falencias e inconvenientes que se
tienen al momento de buscar nuevas estrategias para la interacción de los usuarios con la pagina
virtual Todojuanmanuel estéreo, los cuales no ha tenido la visita esperada, esto nos da un punto
de partida con el cual se buscara dar una solución óptima a dicha problemática.

En el diseño y desarrollo del módulo para la publicación de información noticias y artículos, el

cual es un espacio para que los ciudadanos puedan tener una mayor participación e interacción
con la pagina Todojuanmanuel estéreo, este se desarrollara mediante la arquitectura de vista
controlador bajo el lenguaje JavaScript, la información de almacenara en una base de datos SQL
la cual se hará uso de MySQL, usando también el lenguaje de etiquetas HTML, lenguaje de
estilos CSS y Bootstrap.

25
 10.1 Modelo de caso de uso
En los diagramas de caso de uso se define la secuencia de acciones que da lugar a un resultado de
valor observable. Estos proporcionan una estructura para expresar requisitos funcionales en el
contexto de procesos empresariales y de sistema dando una perspectiva de cómo funcionan
internamente los procesos, todo esto para poder tener un mayor control de las funciones del
personal que está a cargo del software.

Imagen diagrama caso de uso .

Fuente: Elaboración propia 2022.

26
 Imagen. Diagrama caso de uso
Fuente: Elaboración propia 2022

27
 10.2 Diagrama de despliegue del sistema

En los diagramas de despliegue podemos visualizar la arquitectura de ejecución de un sistema

mostrándonos la conexión que hay entre el hardware y el software, la página está alojada en un
hosting y para acceder a esta se hace atreves de internet desde cualquier computador y cualquier
sistema operativo ya que está desarrollado bajo un ambiente web.

Imagen. Diagrama de despliegue del sistema.

Fuente: Elaboración propia 2022.

28
 10.3 Base de datos

Modelo entidad relación de la base de datos relacional creada en MySQL en donde se va a

almacenar toda la información del módulo web, se evidencia las diferentes tablas que tiene la
base de datos y como están relacionadas, estas informaciones estarán ordenadas en tablas con
columnas verticales, donde se van a definir los campos y sus características, permitiendo
interconectar los datos que están guardados en estas tablas y a través de dichas conexiones
relacionar los datos.

Imagen base de datos.

Fuente: Elaboración propia 2022

29
 10.4 Aspectos gráficos

Diseño de las vistas: el modulo estará desarrollado mediante el lenguaje de etiquetas HTML y el
lenguaje de estilos CSS, con estilos y componentes proporcionados por Bootstrap, teniendo un
modelo de diseño flexbox, esto ayudará a que el modulo sea responsive y que se pueda adaptar de
manera correcta a cualquier dispositivo, esta definición de diseño de la estructura del módulo
permitirá tener una idea clara del sitio en su fase final.

Manejo de botones: Sujeto a cambios

Fuente texto: Sujeto a cambios

Colores: sujeto a cambios

Tamaño letra: sujeto a cambios

30
 10.5 Plataformas tecnológicas

A continuación, se nombran las herramientas más importantes usadas en el Diseño y desarrollo

de un Módulo para la página Todojuanmanuel Estéreo, para la publicación de información
noticias y artículos, en las cuales se tienen las siguientes:

MYSQL: Es un sistema de gestión de bases de datos relacionales y de código abierto, se aplicó

al proyecto ya que es fácil configurarlo y no requiere de muchos recursos del sistema además de
ser un ambiente gratuito.

XAMPP: Este es un paquete de software libre, que consiste principalmente en el sistema de

gestión de base de datos de MySQL.

Bootstrap: Es una biblioteca multiplataforma o conjunto de herramientas de código abierto para

diseño de sitios y aplicaciones web

31
 11. BANNER

Imagen interfaz gráfica módulo, la imagen corresponde a la ilustración del módulo de publicación de noticias.
Fuente: Elaboración propia 2022.

Imagen caja de comentarios, la imagen corresponde a la ilustración en donde los usuarios harán la publicación de la notica o la
imagen que deseen agregar.
Fuente: Elaboración propia 2022

32
 Imagen opciones de publicación, la imagen corresponde a la ilustración en donde los usuarios verán las opciones de
publicación, empezando por general donde se encuentra la fecha de publicación, quien hizo la publicación y agregar un
comentario.
Fuente: Elaboración propia 2023.

Imagen opciones de publicación, la imagen corresponde a la ilustración en donde los usuarios verán las opciones de
publicación, en el área de categoría se podrá categorizar la notica para saber a qué corresponde, de igual modo se podrán crear
categorías. Fuente: Elaboración propia 2023.

33
Imagen barra de categorías y barra de búsqueda, la imagen corresponde a la ilustración de la barra en donde se encuentran las
categorías dadas por el usuario y extra una barra de búsqueda en donde también se podrá encontrar la categoría deseada.
Fuente: Elaboración propia 2023.

Imagen publicaciones, la imagen corresponde a la ilustración de cómo se ven las publicaciones realizadas por los usuarios,
podemos encontrar cuantas visualizaciones y la opción de dejar un comentario

Fuente: Elaboración propia 2023.

34
12. CRONOGRAMA DE ACTIVIDADES

35
36
13. CONCLUSIONES Y RECOMENDACIONES

37
 14. Bibliografía

Descripción de modelos, vistas y controladores. (2022, 21 septiembre). Microsoft Learn.

https://learn.microsoft.com/es-es/aspnet/mvc/overview/older-versions-1/overview/

understanding-models-views-and-controllers-cs

¿Qué es una base de datos? (s. f.). Oracle Colombia. Recuperado 17 de noviembre de 2022, de

https://www.oracle.com/co/database/what-is-database/

¿Qué es el CSS? (s. f.). MDN Plus. Recuperado 22 de noviembre de 2022, de

https://developer.mozilla.org/es/docs/Learn/CSS/First_steps/What_is_CSS

¿Qué es una base de datos relacional (sistema de gestión de bases de datos relacionales)?

(2022). Oracle Colombia. https://www.oracle.com/co/database/what-is-a-relational-

database/

Forero Santos, J. A. (Octubre de 2018). LA RADIO: La recepción, las audiencias, los hábitos de
consumo y la producción de contenidos. Obtenido de http://www.ucm.edu.co/wp-
content/uploads/2018/10/la_radio.pdf

Liger Borja, C. P., & Noboa Erazo, C. P. (2007). Plan de negocios de una radioemisora Kichwa
en la provincia del napo para las nacionalidades indígenas de la Amazonía Norte del
Ecuador. Obtenido de https://bibdigital.epn.edu.ec/bitstream/15000/555/1/CD-1064.pdf

Turmero Astros, I. J. (30 de Junio de 2011). Monografías. Obtenido de

https://www.monografias.com/trabajos-pdf5/medios-de-comunicacion/medios-de-
comunicacion.shtml

38
39
40