Desarrollo de mi Página Web “CompusLine”

RESUMEN

El trabajo por proyectos es, particularmente, apropiado en contextos donde los estudiantes
tienen libertad significativa para determinar las formas en que abordarán las tareas en las que se ven
obligados a desempeñar un papel importante en la dirección de su propio aprendizaje.

Establecer un ambiente de aprendizaje centrado en la elaboración de páginas web es complejo.

Las personas involucradas tienen un lenguaje compartido a través del cual puede formarse una
comprensión común de los objetivos y sus actividades.

El proyecto debe verse como un sistema para ser diseñado y dirigido y, también como un
escenario, dentro del cual un grupo de estudiantes lleva a cabo su labor, que requiere de métodos
holísticos y de comprender el aprendizaje de sus ambientes.

Por ello este proyecto se basa en la educación Online ofreciendo cursos interactivos sobre
Computación e Informática, y también facilitando material de educación como software, videos tutoriales,
y mantenimiento, etc.

Chávez Gurbillón José Fernando Página 1

 Desarrollo de mi Página Web “CompusLine”

I. INTRODUCCIÓN

En la actualidad nos encontramos en un momento decisivo respecto del uso de la tecnología para
extender y potenciar nuestra red humana. La globalización de Internet se ha producido más rápido de lo
que cualquiera hubiera imaginado. El modo en que se producen las interacciones sociales, comerciales,
políticas y personales cambia en forma continua para estar al día con la evolución de esta red global.
Este documento describe el trabajo realizado en el proyecto final de carrera de Computación e
Informática. El proyecto consiste en el desarrollo del sitio web de la empresa “CompusLine”. El objetivo
de dicha web es dar una información completa sobre la empresa “CompusLine” y los servicios de los que
dispone, así como proporcionar una serie de funcionalidades a los usuarios. La web es accesible desde
cualquier navegador por Internet y tiene información referente a su localización. Se trata de dar una visión
lo más completa posible de la empresa “CompusLine” y de su funcionamiento. En cuanto a los usuarios,
la página tiene varios tipos. Por un lado, están los usuarios no registrados, que únicamente pueden
acceder a información general sobre el centro. Por otro, están los usuarios registrados, que pueden
acceder a una mayor funcionalidad dentro de la aplicación. Entre estos se encuentra el usuario
administrador, gestiona la base de datos del sistema.

Chávez Gurbillón José Fernando Página 2

 Desarrollo de mi Página Web “CompusLine”

II. OBJETIVOS

1. OBJETIVO GENERAL
Desarrollar una Pagina Web llamada “Compusline”, para así poder informar al público en general de
los servicios que dicha empresa realiza.
Permitir que la página web sea accesible y dinámica para el usuario.

2. OBJETIVOS ESPECÍFICOS
 Poder crear una Página Web Dinámica y accesible para el Usuario.

 Crear Interfaces Adecuadas, que pueda satisfacer las expectativas tanto del Cliente como del

Usuario.
 Lograr los Objetivos Generales en el Tiempo determinado y con la precisión deseada, para

beneficio de nosotros y la Empresa “Compusline”

III. JUSTIFICACIÓN

Actualmente casi toda empresa cuenta con su sitio web ya que estos muestran el trabajo que desarrolla
y los objetivos que desean lograr.
Mejorar la imagen que tendrá en el internet a través de su sitio web, y de igual formar aumentar la
comunicación que se efectivizará en el trabajo.
Algunas características con este servicio de DISEÑO WEB son:
 Publicación de artículos, programas, etc
 Publicación de novedades
 Usuarios que podrá acceder de manera sencilla a las utilidades de la página web
 Galería imágenes y videoteca
 Sitio web autoadministrable
 Calidad en diseño e imagen

IV. MARCO TEORICO

1. INTRANET
Una intranet es una red de ordenadores privados que utiliza tecnología Internet para compartir
dentro de una organización parte de sus sistemas de información y sistemas operacionales. El
término intranet se utiliza en oposición a Internet, una red entre organizaciones, haciendo referencia
por contra a una red comprendida en el ámbito de una organización.

Chávez Gurbillón José Fernando Página 3

 Desarrollo de mi Página Web “CompusLine”

2. EXTRANET
Una extranet es una red privada que utiliza protocolos de Internet, protocolos de comunicación y
probablemente infraestructura pública de comunicación para compartir de forma segura parte de la
información u operación propia de una organización con proveedores, compradores, socios, clientes
o cualquier otro negocio u organización. Se puede decir en otras palabras que una extranet es parte
de la Intranet de una organización que se extiende a usuarios fuera de ella. Usualmente utilizando
Internet. La extranet suele tener un acceso semiprivado, para acceder a la extranet de una empresa
no necesariamente el usuario ha de ser trabajador de la empresa, pero si tener un vínculo con la
entidad. Es por ello que una extranet requiere o necesita un grado de seguridad, para que no pueda
acceder cualquier persona. Otra característica de la extranet es que se puede utilizar como una
Intranet de colaboración con otras compañías.

3. INTERNET

Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la

familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen
funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando
se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres
universidades en California y una en Utah, Estados Unidos.

Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW). La
WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de archivos
de hipertexto. Ésta fue un desarrollo posterior (1990) y utiliza Internet como medio de transmisión.

4. FIREWALL

También denominado Cortafuegos, y es parte de una red que está principalmente diseñado para
proteger la red datos. Permite denegar o autorizar acceso a la red a dispositivos como PCs, además
de brindar servicios como Http, https, correo, etc.
Los cortafuegos pueden ser implementados en hardware o software, o una combinación de ambos.
Los cortafuegos se utilizan con frecuencia para evitar que los usuarios de Internet no autorizados
tengan acceso a redes privadas conectadas a Internet, especialmente intranets. Todos los mensajes

Chávez Gurbillón José Fernando Página 4

 Desarrollo de mi Página Web “CompusLine”

que entren o salgan de la intranet pasan a través del cortafuego, que examina cada mensaje y
bloquea aquellos que no cumplen los criterios de seguridad especificados.

5. WEB PROXY
Un proxy, en una red informática, es un programa o dispositivo que realiza una acción en
representación de otro, esto es, si una hipotética máquina A solicita un recurso a una C, lo hará
mediante una petición a B; C entonces no sabrá que la petición procedió originalmente de A. Su
finalidad más habitual es la de servidor proxy, que sirve para interceptar las conexiones de red que
un cliente hace a un servidor de destino, por varios motivos posibles como seguridad, rendimiento,
anonimato, etc.
Entonces un Web Proxy opera en la Capa de aplicación de TCP/IP, y sirve como intermediario para
conexiones http (puerto 80), aunque generalmente suelen utilizar otros puertos de comunicación
como el 3128, 8080 o el 8085; en los cuales el web proxy escucha las peticiones de los clientes y es
este quien le brinda acceso a http.

6. VLAN
Una red de área local virtual (VLAN) es un método de crear redes lógicas independientes dentro de
una misma red física. Varias VLANs pueden coexistir en un único conmutador físico o en una única
red física. Son útiles para reducir el tamaño del dominio de difusión y ayudan en la administración de
la red separando segmentos lógicos de una red de área local (como departamentos de una empresa)
que no deberían intercambiar datos usando la red local (aunque podrían hacerlo a través de un
enrutador o un conmutador de capa 3 y 4).
Una VLAN consiste en una red de ordenadores que se comportan como si estuviesen conectados al
mismo conmutador, aunque pueden estar en realidad conectados físicamente a
diferentes segmentos de una red de área local. Los administradores de red configuran las VLANs
mediante software en lugar de hardware, lo que las hace extremadamente flexibles

Chávez Gurbillón José Fernando Página 5

 Desarrollo de mi Página Web “CompusLine”

V. BENEFICIOS DE TENER PRESENCIA EN INTERNET

 Mantener informados a los usuarios, y publicar algunos servicios de manera gratuita las 24 horas del
día contando con un catálogo web y publicando periódicamente las novedades en el sitio web.
 Mejorar la imagen de la empresa “CompusLine” dándole más personalidad, seriedad y
profesionalismo, y demostrando por encima de todo, el conocimiento y la aceptación de las nuevas
tecnologías.
 Ampliar el mercado dándole un alcance nacional e internacional. A través de un sitio web se tendrá
al mundo como potenciales usuarios de sus servicios.
 Minimizar los costos reduciendo los costos de publicidad, marketing, imprenta y comunicaciones,
entre otros.
 Mantener un contacto directo con los usuarios de manera rápida y económica Relación consto /
Beneficio. Los costos iniciales y operacionales de contar con un sitio web son muy bajos, y aún más
si tienen en cuenta los enormes beneficios que produce.

VI. DESCRIPCIÓN GENERAL DEL PROYECTO

Las nuevas tecnologías de la información y comunicación son medios valiosos que le brinda al usuario
una gama de soluciones para acceder a la información. La web es una herramienta tecnológica que
minimiza la barrera del espacio y tiempo.

DISEÑO DE LA PROPUESTA
En atención a la estructura del sitio web se diseñara un conjunto de documentos aplicados que facilitan
la ubicación de la información relacionada con los contenidos del mismo, los cuales presentan las
siguientes etapas:

 Plan de producción: En esta fase se definió todas la actividades de tipo técnico administrativo que
condujeron a la creación del sitio web, el cual Abarca: (preproducción, y post producción del material,
recurso humano, materiales y financieros). Además se realiza la labor de generación y captura de
contenidos, así como también el desarrollo de las rutinas de programación.
Se puede mencionar: Diseño gráfico como botones, interactividad, iconografía, diseño de
animaciones, desarrollo de textos, musicalización).
 Realización: En esta etapa se procedió a orientar la creación de los procesos, los de la elaboración
del medio y que sirve para producir la versión inicial o modelo (prototipo).

Chávez Gurbillón José Fernando Página 6

 Desarrollo de mi Página Web “CompusLine”

Cuando se trata de diseños con multimedia se hace referencia a todos los elementos que se
requieren para diseñar el sitio web (pantallas, sonido, video, animaciones, vínculos, interactividad).
 Evaluación de la realización: En esta se puso a prueba el modelo o prototipo de página con la
intención de revisar fallas o problemas los cuales fueron tomados en cuenta para su modificación.
 Implantación: El producto final una vez corregido se hospeda en el servidor y se produce a su
implantación.

Chávez Gurbillón José Fernando Página 7

 Desarrollo de mi Página Web “CompusLine”

DISEÑO TECNOLÓGICO

 La web es un sistema hipermedia accesible a través de internet, que permite navegar con facilidad
con gran cantidad de información, la cual se convierte en proceso de gran utilidad educativa. Las
características que hacen de la web una tecnología de amplio potencial educativo son: la capacidad
de hipertexto, capacidad multimedia, capacidad de sistema distribuido y abierto en internet y
capacidad interactiva.
En este diseño se toma en consideración el uso de correo electrónico y vínculos con páginas
relacionadas con curos online.
 Toda la información presente en el sitio web diseñado se apoya en recursos de multimedia donde se
incluyen textos, imágenes animaciones, que permiten la comunicación para los usuarios.

DISEÑO COMUNICATIVO

 Interfaz: amigable y flexible, agradable de usar; también cuida los mensajes, sonidos y la distribución
en la pantalla, el juego de colores es altamente interactiva, tiene mecanismos de comunicación entre
el usuario y la aplicación.
 La parte superior con logotipo, la fecha del sistema, enlaces para búsqueda de ayuda.
 El resto de la pantalla quedará en dos partes, la parte izquierda estará dedicada a la navegación.
Incluirá la bienvenida al usuario.
 La parte derecha se dedicará se dedicará a visualizar las páginas. Inicialmente, los datos de la empresa
“CompusLine” con las novedades.
 En portada aparecerá una fotografía de la empresa “CompusLine” y sus datos de contacto
 Para cada pantalla de la interfaz se define las zonas de comunicación así como la distribución de las
mismas.
 Se tomó en cuenta restricciones tecnológicas, teoría del color, características de la población y
aspectos psicológicos de la percepción.
 Enlaces con otros elementos de la interfaz, botones que permitan “viajar” a otras pantallas.

ELEMENTOS DE LA PAGINA WEB

 Texto: se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas.
 Imágenes: son ficheros enlazados desde el fichero de la página propiamente dicho. Se puede hablar
de tres formas casi exclusivamente: GIF, JPG y PNG.
 Audio, generalmente en MIDI, WAV y MP3.
 Adobe Flash.
 Hipervínculos, vínculos y marcadores
 La página web también puede traer contenido que es interpretado de forma diferente dependiendo
del navegador y generalmente no es mostrado al usuario final.

El sitio web está diseñado acorde con la imagen institucional de la escuela. La estructura de navegación
se muestra en la figura siguiente

Chávez Gurbillón José Fernando Página 8

 Desarrollo de mi Página Web “CompusLine”

LA PAGINA DE INICIO

LOS CURSOS

Chávez Gurbillón José Fernando Página 9

 Desarrollo de mi Página Web “CompusLine”

LOS PROGRAMAS

VII. METODOLOGÍA

Este estudio por su carácter innovador se sustenta en la modalidad de proyecto factible apoyado en una
investigación basado en nuevas tecnologías con el uso de recursos multimedia. De tal manera que esta
investigación también se puede identificar como una investigación dentro del campo de la Tecnología
Educativa y que se denomina “Investigación Tecnológica”.

VIII. METAS DE ATENCIÓN

 Público en general
 Alumnos de una I.E.

Chávez Gurbillón José Fernando Página 10

 Desarrollo de mi Página Web “CompusLine”

IX. ACTUALIZACIÓN Y MEJORA CONTINUA DE LA RED

Este punto lo considero el más importante. Hacer una web, sea del tipo que sea, no es solamente crearla
y colgarla; una web requiere de un proceso de mejora y de actualización para que sea funcional y
práctica. Como podemos observar la elaboración de una web no es nada sencillo, lo que realmente nos
determina si una web está bien terminada o no es la evaluación propia, pero lo que más importa es que
les guste a los usuarios por más que nos guste a nosotros.

X. CONCLUSIONES

En general puede decirse que este trabajo por proyecto fue una gran oportunidad para que los
estudiantes desarrollaran su creatividad, se encargaran de su propio aprendizaje y de producir algo
tangible. Al mismo tiempo, dio la posibilidad de desarrollar habilidades para utilizar la información
tecnológica que adicionaron valor a su aprendizaje personal.

XI. BIBLIOGRAFÍA

 Cobb, Chey (2003). Network Security for Dummies (1era edición)

 Buechler, Christopher (2009). pfSense The Definitive Guide (1era edición)
 Williamson, Matt (2011). pfSense 2 Cookbook (2da edición)
 DLINK (2010). xStack DGS-3600 Series Layer 3 Managed Gigabit Ethernet Switch.
 Cisco Systems. CCNA 4.0

Chávez Gurbillón José Fernando Página 11