UNIVERSIDAD TÉCNICA DE BABAHOYO

FACULTAD DE ADMINISTRACIÓN FINANZAS E

INFORMÁTICA

AUTOR:

DARWIN PATRICIO MOROCHO TENELEMA

CURSO:

VI SEMESTRE SISTEMAS

ASIGNATURA:

PROYECTOS INFORMATICOS 1

TEMA:

PÁGINA WEB PARA EL CENTRO DE CÓMPUTO CÓDIGONET

DOCENTE:

ING. CRISTHIAN SOLORZANO

PERIODO ACADEMICO

MAYO – SEPTIEMBRE/2021
PÁGINA WEB PARA EL CENTRO DE CÓMPUTO CÓDIGONET
INFORMACIÓN DEL PROYECTO
PROYECTO:
Página web para el centro de cómputo Códigonet
VENTANA DE TIEMPO PARA EL PROYECTO:
Fecha de Inicio 01 de Junio, 2021 Fecha de finalización: 31 de Diciembre del 2021

RESUMEN:
El tener una web nos brinda la oportunidad de estar en contacto constante con los
clientes, que puedan consultar en cualquier momento o ver los productos y/o servicios a
cualquier hora. Eso les da confianza y seguridad, eso nos dará buena imagen cuando
nuevos clientes accedan a nuestro sitio.
DOCUMENTOS RELACIONADOS:
https://bit.ly/3iTbjd6

DESCRIPCIÓN, ENTORNO Y FUNDAMENTOS DEL PROYECTO

¿CUÁLES SON LOS ANTECEDENTES Y LA HISTORIA

DETRÁS DE ESTE PROYECTO?
La mayor parte de la World Wide Web está dormida: hay 1.300 millones de sitios web
online, pero solo 189 millones están activas, Tim Berners-Lee publicó la primera página
web de la historia el 6 de agosto de 1991, pero el crecimiento de internet y de aquella
incipiente World Wide Web, Hoy en día, el mejor escaparate para un negocio es
internet. Se calcula que a finales de año la cifra de usuarios de internet a escala mundial
ascenderá a 3000 millones. El mercado cada vez está más globalizado y la competencia
es más fuerte. Seguramente, esa competencia ya tiene su página profesional. La imagen
corporativa y la página web son la cara visible para nuestra marca. Por eso tienen que
ser actuales y potentes.
Si hacemos un buen trabajo con la web, y aplicamos algunas técnicas sencillas de
marketing online, veremos cómo comienzan a contactarnos nuevos clientes. Podemos
dirigirnos a nichos de mercado concretos o baremos de edades, para obtener mayor
efectividad. Si somos competitivos en nuestra imagen y servicios, esas visitas se
convertirán en clientes.

P á g i n a 1 | 13
 ¿CUÁL ES EL PROBLEMA QUE SE ESTÁ ATACANDO?
Para nadie es un secreto que en la actualidad existen sistemas de seguridad que sirven
para proteger la integridad de una página web de las amenazas que puede haber en el
ciberespacio, sin embargo, los piratas informáticos se valen de sus conocimientos para
lograr acceder a los sitios sin ser descubiertos.
En este sentido, es de gran importancia que los desarrolladores y administradores web
conozcan en gran medida cómo se llevan a cabo esto ataques y en qué forma pueden
evitarlos. Es relevante conocer que además de sistemas de seguridad, también existen
infinidades de aplicaciones web que ayudan en esta tarea que puede acabar con una web
en cuestiones de segundos.

¿POR QUÉ ESTE PROBLEMA VALE LA PENA SER

RESUELTO O SU SOLUCIÓN ACTUAL MEJORADA?
En términos de seguridad de la información, una vulnerabilidad es una debilidad que se
encuentra en un activo o en un control y que puede ser explotada por una o más
amenazas, lo que se convierte en un riesgo de seguridad. Una forma de proteger la
información es a través de la identificación, valoración, priorización y corrección de las
debilidades identificadas en los activos.
La seguridad de los sitios web es una de las cosas que más preocupan a los empresarios
y emprendedores que trabajan con Internet. Hoy en día no es nada difícil despertarse y
ver que te han hackeado tu página, o que ésta redirige hacia otro lado por algún tipo de
inyección de código.
Muchos de estos ataques se deben a que la aplicación web no está bien asegurada a
nivel de código, en la estructura y diseño de su programación. Por otra parte siempre es
responsabilidad del proveedor de web hosting brindar un alojamiento seguro, es decir,
tomar las medidas para que tu web se aloje en servidores seguros.
Usan protección AntiSpam y AntiMalware
Incluso en Unix y Linux existen virus, por lo que es una tarea vital tener varios antivirus
y scanners antimalware corriendo scans diariamente o listos para ejecutar un escaneo a
demanda sobre diferentes directorios y bases de datos si es necesario.
Software anti-malware como CXS (ConfigServer Exploit Scanner), Maldet, ClamAV o
utilidades para verificar backdoors y troyanos como Chkrootkit y Rootkit Hunter son
fundamentales. También utilidades para filtrado de correo como SpamAssassin son

P á g i n a 2 | 13
realmente efectivos para reducir el correo basura, y mantener los virus lejos al integrarse
con ClamAV.
¿DÓNDE HAY MÁS INFORMACIÓN SOBRE ESTE
PROBLEMA?
 https://empresas.blogthinkbig.com/chema-alonso-los-hackers-han-ayudado-al-
progreso-de-la-sociedad/
 https://www.welivesecurity.com/la-es/2014/11/12/identificar-analizar-evaluar-
vulnerabilidades/
 https://www.gb-advisors.com/es/vulnerabilidades-aplicaciones-web/
 https://www.3ciencias.com/wp-content/uploads/2018/10/Seguridad-inform
%C3%A1tica.pdf
OBJETIVO
¿CUÁL ES EL OBJETIVO DE ESTE PROYECTO?
El sistema desarrollado debe satisfacer los requerimientos especificados en el Plan de
Trabajo y Descripción del Servicio proporcionados por CódigoNET
El proyecto debe terminar en el plazo especificado en el Plan de Trabajo y Descripción
del Servicio proporcionado por CódigoNETo en el nuevo tiempo calculado según la
Gestión del Cambio.
El proyecto debe terminar dentro del presupuesto especificado en el Plan de Trabajo y
Descripción del Servicio proporcionado por CódigoNET o en el nuevo presupuesto
calculado según la Gestión del Cambio.
Tener presencia en internet, este es tu objetivo cuando no te has planteado la
necesidad de tener un negocio digital. La presencia en internet es importante para ti
porque transmite seriedad, puedes dar información sobre ti y tus proyectos al mundo
entero y de una forma sencilla. Con un sitio web estático de unas pocas páginas sin
mayor complejidad es suficiente para este proyecto.
Vender, es el objetivo de nuestra página web ya tienen un producto o servicio listo para
ofrecer. Ser los pioneros en tecnología y ofrecer servicios de calidad, además complacer
al cliente con nuestro sitio web con una tienda, pasarelas de pago y carrito de compra.

P á g i n a 3 | 13
 ¿CUÁLES SON LAS CARACTERÍSTICAS DEFINITIVAS Y
LOS BENEFICIOS DE ESTE PRODUCTO?
(REQUERIMIENTOS)
1. Capacidad de autogestión fácil, intuitiva y simple
Para que la actualización de contenidos sea constante, el portal web debe ser de fácil
gestión para los miembros de tu equipo, tanto si disponen de conocimientos técnicos y/o
informáticos como si no los tienen. En CódigoNET trabajamos con plataformas
administrables amigables y con tecnología optima. 
 2. Páginas web adaptativas / Responsive design
A día de hoy es impensable que una página web no tenga un diseño adaptativo a los
distintos dispositivos móviles: smartphones, tabletas, portátiles,…etc. Todos los
estudios sobre comportamiento de los usuarios en internet afirman que el acceso a la
navegación cada vez se hace más desde dispositivos móviles y no desde desktop
(ordenadores de sobremesa). Por eso, cualquier página web de empresa que quiera dar
una visión profesional de su negocio, debe adaptarse de manera automática, lógica y
ordenada a cualquier dispositivo.
 3. Velocidad de carga óptima
Si te interesa que los usuarios que visiten tu sitio web lo hagan de manera recurrente y
estén satisfechos con éste, es de vital importancia que cargue rápido. Por muy bonito y
moderno que sea el diseño o que las fotos que contenga estén hechas por un fotógrafo
profesional, si tarda demasiado los usuarios abandonarán la página web.
Hay varias cosas que pueden ralentizar una página web: el tamaño de las imágenes,
vídeos o archivos como pueden ser los PDF de hojas de producto (los cuáles deben estar
optimizadas antes de colgarlos), y el servidor web.
 4. SEO
FUNDAMENTAL. es decir, el proceso de mejorar la visibilidad de un sitio web en los
resultados orgánicos de los diferentes buscadores como Google, Bing o Yahoo. Una
buena estrategia de optimización SEO es la clave para obtener tráfico orgánico de
calidad. Si consigues posicionar tus contenidos en las primeras posiciones de las SERP
habrás hecho muy buen trabajo.  
 5. Buena usabilidad y organización
¿A quién le gusta que se le abran ventanas automáticamente, no poder modificar
procesos y perder el control del sitio? A nadie, ¿verdad? Dale el control absoluto y
facilita la navegación al usuario para que se siente cómodo y quiera pasar más tiempo
P á g i n a 4 | 13
en tu sitio web y consultarlo de forma periódica. Si tu página web está bien organizada
y sigue una estructura según los estándares comunes del mercado, el usuario la
encontrará más amigable y se sentirá más seguro.
 6. Página de contacto o elementos de interacción visibles
Es muy probable que parte de los usuarios que recibas en tu portal web quieran ponerse
en contacto con tu empresa. Por eso, necesitas una página de contacto dónde puedan
dejar un mensaje, ver el número de teléfono, obtener la dirección física de tu empresa,
etc… Y si además, se lo facilitas con botones, pop ups o chatbots, aún mejor. Es una
forma sencilla de conseguir que los usuarios contacten, por tanto, un win-win donde las
dos partes salen beneficiadas.
 7. Un diseño adaptado al estilo corporativo
Para crear una buena imagen de marca y conseguir unificar mensajes, es importante que
el portal web corporativo respire el mismo look & feel que los otros elementos que
constituyen tu marca: como el logo, la tipografía, los puntos de venta, oficinas o
fábricas (dependiendo del tipo de negocio que sea), estilo de empresa, filosofía…etc. De
esta manera, facilitarás ubicar más rápidamente a tus usuarios dentro de tu página web y
lograr que te reconozcan tanto en el mundo online como en el offline.
 ALCANCE
Tráfico
Un mayor reconocimiento de marca lleva a mayor tráfico hacia su sitio web proveniente
de diferentes canales. Al conocer por donde ingresan le ayudará a decidir por donde
comunicarse y en qué medio invertir esfuerzos de marketing.
Posicionamiento de búsquedas
Al crear contenido de interés y con un patrón constante, la clasificación en
el posicionamiento de los motores de búsqueda mejora. Con una estrategia puede
establecer a partir de qué palabras claves desea desarrollar contenidos para que el tráfico
se realice con términos que identifiquen a la marca.
Redes Sociales
El lugar donde va a encontrar seguidores y crear interacciones es con las redes sociales
pero tampoco se deje llevar por el número de likes; concéntrese más en crear contenido
de calidad para que al momento de la exposición al público, obtengan buen material.

P á g i n a 5 | 13
Organización y aumento de base de datos
De la cantidad de fans que tiene, necesita convertirlos en prospectos con los cuales
pueda mantener comunicación. Es fundamental mantener el crecimiento y actualización
de una base de datos con los clientes que mantienen la fluidez de la empresa activa.
ENTREGABLES
1. EL CONTRATO
No necesita explicación, siempre, siempre, siempre se entrega un contrato y muy
detallado, sencillo documento se detalla también cuál de los siguientes 16 entregables
hacen parte del proceso.
2. UN DIAGRAMA DE TIEMPO Y ACTIVIDADES (GANTT)
En donde se detallen las tareas, responsables, duraciones, entregas parciales, etc. Este es
de continua actualización.
3. EL BRIEFF DEL PROYECTO
Objetivos, misión y visión del proyecto, las audiencias, la competencia.
4. EL BENCHMARKING
Un listado con los servicios, contenidos y/o observaciones más destacadas de
la competencia.
5. LISTADO DE KEYWORDS
Muy útil para justificar el porqué de un dominio, un tagline, el título del sitio, los
contenidos, etc.
6. ÁRBOL DE CONTENIDOS
Aplica para sitios cuyo esquema de organización es jerárquico, en los de esquema
entidad relación, el árbol de contenidos no aplica totalmente. Sea rígido en este
proceso, todos los servicios y contenidos del sitio, y sus secciones
7. EL MODELO ENTIDAD RELACIÓN
El desarrollo, es tan clave como comentar el código, si le preocupa que otro continúe
con el desarrollo, preocúpese más por su servicio al cliente.
8. EL MANUAL DE IMAGEN DE LA COMPAÑÍA
Entregado del lado del cliente, es importante para que el sitio se mantenga sobre esos
lineamientos. Los wireframes o esqueletos del sitio, de la página principal, de las
páginas de servicios, de todas aquellas que signifiquen un cambio en la interfaz.

P á g i n a 6 | 13
9. ENTREGA DE LAS IMÁGENES DE DISEÑO
Documentar la paleta de colores, las tipografías, el diseño, que este firmado.
10. LOS CONTENIDOS
Están generalmente del lado del cliente, si usted es la empresa de desarrollo, limite la
entrega a formatos conocidos, ojala que provea un formato para que el cliente le envié la
información, sino puede armar  un .DOC ( o en un formato libre) con los títulos bien
marcados, colocados en folders separados de acuerdo a la estructura del sitio. Es mucho
mejor que le envíen un archivo por cada  artículo en el portal. En cuanto a las imágenes,
deben ser parte de texto (solo para identificar su posición) y más importante, deben estar
en el folder correspondiente al artículo, más si son galerías. Todo esto ahorrara horas
intentando de lado y lado intentando descifrar que es titulo, subtitulo, las imágenes
asociadas, que va dentro de qué. Etc. Los peores formatos en los que puede entregar o
recibir información para contenidos, son los siguientes (y cualquier similar), excel,
publisher, powerpoint, pdf, visio; en general cualquiera que no sea texto directo. (Es
obvio que esto no se refiere a las descargas).
11. CONTENIDOS RICHMEDIA
Videos, animaciones, infografías interactivas, 3d, revise el contrato y vea de quién son
propiedad las fuentes de desarrollo.
En este punto, el sitio ya empezó su desarrollo, y además de los entregables parciales,
estos corresponderían a  los finales al terminar el portal.
12. BACKUP DEL SITIO
Archivos, y base datos a la fecha de entrega
13. MANUALES Y GUÍAS DE PUBLICACIÓN
De acuerdo a lo establecido en el contrato y el proyecto  mismo,  se podrían entregar
manuales de estilos para la web corporativa, manuales para administradores del
contenido del portal, guías para los webmaster del proyecto, entre otros.
14. LISTADO DE PROVEEDORES EXTERNOS Y CLAVES DE ACCESO
De hosting, de dominio, de servicio de estadísticas, de apps externas, blogs, galerías,
calendarios, videos, perfiles en redes, pages, grupos, etcétera.
15. LISTADO DE APLICACIONES O EXTENSIONES
Desde el nombre y versión del CMS, Extensiones, plugins, modulos, widgets, bloques
addons, y cualquier otra denominación propia a cada plataforma, un listado de su
nombre, versión y funcionalidad. Para efectos de actualizaciones esto es clave, y suma
al “y que más tiene ese sitio web”
P á g i n a 7 | 13
16. DOCUMENTACIÓN DE PLANTILLA
Esto representa los archivos que hacen parte de la plantilla y las áreas dentro de la
interfaz web con su funcionalidad en términos de: área de pauta, área de contenidos,
área de usuarios, etc. Sin esto, es más fácil que el sitio se vuelva un desorden visual y de
interacción.
17. DOCUMENTACIÓN DE CARPETAS
Se puede agregar al listado anterior, son las carpetas creadas dentro del sitio,
(generalmente para descargas, imágenes y videos) y su respectiva organización en
subfolders, para que no se parezca al “mis documentos” de un computador escolar.
Podemos ser más rigurosos y agregar acá o como parte de la guía de publicación, las
políticas en cuanto a denominación de archivos (p.e.
websiyte_categoria_tituloarticulo_subtema.jpg), pero no, creo que ya tenemos
suficiente…

P á g i n a 8 | 13
PRESUPUESTO ESTIMADO
El presupuesto para el presente proyecto es de 2.576,00 (Dos mil quinientos setenta y seis dólares americanos)

Orden Descripcion Cantidad Precio

1 Instalación + Configuración WordPress 1 $ 500,00

2 Diseño del sitio 1 $ 700,00

3 Desarrollo del sitio 1 $ 900,00

4 SEO Estándar 1 $ 200,00

Subtotal $ 2.300,00

I.V.A(12%) $ 276,00

Total $ 2.576,00

P á g i n a 9 | 13
LISTADO DE HITOS
Para el desarrollo del Proyecto, se han definido los siguientes hitos
Hito Fecha

Acta de Constitución del Proyecto 10/08/2021

Plan de Gestión del Proyecto 10/08/2021
Plan de Iteración 10/08/2021
Plan de Gestión de Requerimientos 11/08/2021
Plan de Control de Cambios 11/08/2021
Plan de Desarrollo de Software 11/08/2021
Concepción (Inicio) 11/08/2021
Concepción (Fin) 12/08/2021
Elaboración (Inicio) 12/08/2021
Elaboración (Fin) 12/08/2021
Construcción (Inicio) 13/08/2021
Construcción (Fin) 13/08/2021
Transición (Inicio) 14/08/2021
Transición (Fin) 14/08/2021
Acta de Cierre del Proyecto 15/08/2021

NIVELES DE AUTORIDAD DEL ADMINISTRADOR DEL

PROYECTO
El siguiente proyecto ha sido desarrollado por la empresa PATMO S.A. y se entrega a la
empresa Código NET S.a el dia martes 17 de Agosto del 2021.

P á g i n a 10 | 13
Para dar la conformidad al inicio del proyecto, se requiere las firmas de las personas
indicadas a continuación:

Sr. Darwin Morocho

Propietario centro de Computo CódigoNET S.A
Teléfono: 0989111859

Sr. Luis Morocho

Gerente Propietario de CIA PATMO S.A
Teléfono: 052959237

P á g i n a 11 | 13