Memoria Descriptiva Norma

COLEGIO PARTICULAR SEMIPRESENCIAL
SUCUMBIOS

PROYECTO PREVIO A LA OBTENCIN DEL TTULO DE:
BACHILLER TECNICO ESPECIALIDAD INFORMATICA

MEMORIA TECNICA DESCRIPTIVA

CREACION E IMPLEMENTACION DE UNA PAGINA WEB INSTITUCIONAL
PARA LA EMPRESA COMERCIAL DITESA DE LA CIUDAD DE LAGO AGRIO
AUTORES:
NORMA ISABEL CHILUIZA CHILUIZA

TUTOR:
ING. JORGE JUPITER
LAGO AGRIO ECUADOR
2014

SUCUMBIOS
INSTITUCION EDUCATIVA PARA PERSONAS CON ESCOLARIDAD INCONCLUSA
ACUERDO MINISTERIAL 321
LAGO AGRIO

i

DEDICATORIA

A Dios todo poderoso que me ha dado la fuerza,
Energa, valor y capacidad aumentando el poder de
voluntad cada da y as enfrentar la tarea de convivir
y tolerar con fe, amor, confianza y seguridad en todo
lo que realizamos mostrndonos el camino del
triunfo.
A mi hijo Derek, quien con su alegra e inocencia es
la motivacin ms grande en mi vida.
A mi esposo Luis quien con su apoyo moral,
personal y econmico me ha permitido seguir con
este anhelo de culminar mi vida estudiantil.
Norma

SUCUMBIOS
LAGO AGRIO

ii

AGRADECIMIENTO

Al finalizar un trabajo tan arduo y lleno de
dificultades como el desarrollo de este Proyecto de
Grado debo agradecer a:
Al Colegio Particular Semi presencial Sucumbos,
por brindarme la oportunidad de hacer parte de esos
grandes estudiantes que ella promociona.
A nuestro tutor que me asesor en la presente
investigacin con sus valiosos aportes a lo largo de
todo este proceso.
Norma

SUCUMBIOS
LAGO AGRIO

iii

INDICE

RESUMEN ................................................................................................. V
EXECTIVE SUMMARY ............................................................................. VI
INTRODUCCIN ....................................................................................... 8
1. PROPUESTA DE TRABAJO ............................................................... 9
1.1. PLANTEAMIENTO DEL PROBLEMA .............................................................................................................. 9
1.2. OBJETIVOS ............................................................................................................................................ 10
1.2.1. Objetivo General .............................................................................................. 10
1.2.2. OBJETIVO ESPECIFICO ........................................................................................................................... 10
1.3. ESTRUCTURA DEL DOCUMENTO .............................................................................................................. 10
2. MEMORIA DESCRIPTIVA ................................................................. 12
2.1. DESCRIPCIN GENERAL......................................................................................................................... 12
2.2. DESCRIPCIN TCNICA .......................................................................................................................... 26
2.3. GLOSARIO ............................................................................................................................................. 27
3. PROCESO DE PRESTACIN DE SERVICIOS ................................ 32
4. RECURSOS ...................................................................................... 43
4.1. RECURSOS MATERIALES Y FINANCIEROS ................................................................................................ 43
4.2. HUMANOS ............................................................................................................................................. 43
5. CRONOGRAMA DE ACTIVIDADES ................................................. 44
6. CONCLUSIONES .............................................................................. 45
7. RECOMENDACIONES ..................................................................... 46
8. BIBLIOGRAFA .................................................................................. 47
9. ANEXOS............................................................................................ 48

SUCUMBIOS
LAGO AGRIO

iv

NDICE DE FIGURAS

Figura. 1 Bloc de notas ............................................................................ 15
Figura. 2 FrontPage ................................................................................. 17
Figura. 3. Estructura de bloques de un documento HTML ....................... 19
Figura. 4 Titulo Pg. Web ........................................................................ 21
Figura. 5 Alojamiento Web ....................................................................... 26
Figura. 6. Publisher .................................................................................. 33
Figura. 7 Ingreso a Publisher ................................................................... 34
Figura. 8. Tipo de Proyecto ...................................................................... 34
Figura. 9 Se elige la plantilla .................................................................... 35
Figura. 10 Tamao ................................................................................... 36
Figura. 11 Informacin del proyecto ......................................................... 36
Figura. 12 Botn Crear ............................................................................ 36
Figura. 13 Creacin de pginas ............................................................... 37
Figura. 14 Estructura del sitio .................................................................. 38
Figura. 15 Pantalla Principal .................................................................... 39
Figura. 16 Colores, Diseo, Fuentes ....................................................... 40
Figura. 17 Barra de objetos ..................................................................... 41
Figura. 18 Herramientas Web .................................................................. 41
Figura. 19 Herramienta Web .................................................................... 41
Figura. 20 Selector de Pginas ................................................................ 41
Figura. 21 Sitio Web ................................................................................ 42

SUCUMBIOS
LAGO AGRIO

v

RESUMEN
ESPAOL
Este proyecto propone el desarrollo de un sitio web institucional para la
empresa de bordados industriales Ditesa de la ciudad de Lago Agrio
Provincia de Sucumbos.
En la ltima dcada, las nuevas herramientas tecnolgicas de la
informacin y la comunicacin han producido un cambio profundo en la
manera en que los individuos se comunican e interactan en el mbito de
los negocios. El uso de Internet est ampliamente extendido y es
primordial para cualquier institucin contar con presencia en la red, as
como afrontar el reto de migrar sus servicios y aplicaciones a un entorno
web que permita a sus usuarios y colaboradores acceder a ellos a travs
de Internet.
Con este objetivo se plantea el proyecto de creacin de un sitio web
corporativo para la empresa de bordados industriales Ditesa de la
ciudad de Lago Agrio, Provincia de Sucumbos, y que tiene como fin
consolidar las competencias adquiridas a lo largo del mismo.
El proyecto abarca las distintas fases del ciclo de vida del software:
estudio de viabilidad, anlisis del sistema, diseo, desarrollo e
implantacin, que se describen con detalle en la presente memoria. Y se
caracteriza por la utilizacin de herramientas y componentes de software
fcil de utilizar inclusive para personas con leves conocimientos
informticos.

SUCUMBIOS
LAGO AGRIO

vi

El objetivo del sitio web es ofrecer contenido institucional, dar a conocer
los servicios ofertados por la empresa, su localizacin, y dems
informacin comercial.
EXECUTIVE SUMMARY
ENGLISH
This project proposes the development of a corporate website for the
company's industrial embroidery "Ditesa" city of Lago Agrio Sucumbios
Province.
In the last decade, new technological tools of information and
communication have produced a profound change in the way individuals
communicate and interact in the field of business. Internet use is
widespread and is essential for any institution to have web presence, as
well as the challenge of migrating their services and applications to a Web
environment that enables users and reviewers access them via the
Internet.
To this end the project of creating a corporate website for the company's
industrial embroidery "Ditesa" city of Lago Agrio, Sucumbios Province,
poses and aims to consolidate skills acquired over the same.
The project covers the different phases of the software life cycle: feasibility
study, system analysis, design, development and implementation, as
described in detail herein. And is characterized by the use of tools and
software components easy to use even for people with minor computer
knowledge.

SUCUMBIOS
LAGO AGRIO

vii

The goal of the website is to provide institutional content, publicize the
services offered by the company, its location, and other business
information.

SUCUMBIOS
LAGO AGRIO

8
INTRODUCCIN

La empresa DITESA quiere hacer uso de las tecnologas de la
informacin para potenciar su actividad y alcanzar sus objetivos. Por esta
razn ha decidido afrontar el reto de migrar sus servicios y aplicaciones a
un entorno web que permita a sus usuarios y colaboradores acceder a
ellos desde la red.
A lo largo de la presente memoria tcnica se describe el trabajo realizado
en el proyecto final de carrera de bachillerato tcnico en la especialidad
de Informtica.
En la actualidad se ha convertido en una necesidad o algo indispensable
para la sociedad, las comunicaciones; que cada vez se realiza con mayor
eficiencia a travs de las nuevas tecnologas; por ello estas se aplican en
diversos mbitos de la vida social: personal, laboral y educativo; por ello
las empresas modernas se ven en la necesidad de estar a la vanguardia
de la tecnologa, para ser competentes en un futuro laboral.
El proyecto consiste en el desarrollo del sitio web de la empresa comercial
Ditesa, situada en la ciudad de Lago Agrio, mediante el desarrollo de
este sitio web nos permitir dar una informacin completa sobre los
servicios que brinda la empresa en mencin, su localizacin , y dems
datos informativos.
Es por eso que el presente trabajo tiene como propuesta el diseo de la
pgina web de la empresa que ayuda en la difusin de su labor y espera
ser un mecanismo eficaz para la difusin de los servicios que disponen y
de los productos que elaboran y de los cuales se sustenta su economa.

SUCUMBIOS
LAGO AGRIO

9

1. PROPUESTA DE TRABAJO
1.1. Planteamiento del problema
En la actualidad se ha convertido en una necesidad o algo indispensable
para la sociedad las comunicaciones, que cada vez se realiza con mayor
eficiencia a travs de las nuevas tecnologas; por ello estas se aplican en
diversos mbitos de la vida social: personal, laboral y educativo; por ello
las empresas modernas se ven en la necesidad de estar a la vanguardia
de la tecnologa, para ser competentes en un futuro laboral.
Los emprendedores y empresarios del mundo real no se dan cuenta que
cada vez hay ms gente conectada y si nuestra empresa no est
conectada no existe. Si la empresa no tiene una pgina web no es
realmente importante. Y esta no es solo una opinin personal, sino de la
gente que se conecta que es un altsimo porcentaje de la poblacin.
Cuando se busca una empresa o comprar un producto en la actualidad lo
primero que se hace es mirarlo por internet.
Si no convence lo que se ve por internet probablemente desista.
Hoy en da es importante tener a la empresa conectada y si no lo est es
que realmente no existe o no es lo suficientemente importante, por esto la
empresa debe tener una pgina web y una presencia que convierta esa
pgina web en clientes y ms clientes.

SUCUMBIOS
LAGO AGRIO

10

1.2. Objetivos
1.2.1. Objetivo General
Creacin de la identidad e imagen corporativa de la empresa DITESA,
as como de su sitio Web de carcter informativo para presentar a la
comunidad en general los servicios que presenta esta prestigiosa
empresa.
1.2.2. Objetivo Especifico
Confeccionar boceto del sitio web en base a los insumos aportados
el Observatorio.
Desarrollar sitio web.
Implementar sitio web.
Implementacin de Redes Sociales

1.3. Estructura del documento
El diseo de pginas Web incluye:
Diseo de la pgina principal (home page) y 4 pginas secundarias
aprobadas.
Tres (3) sesiones de trabajo:
Primera: se discutirn los lineamientos generales de la pgina que se
desea obtener con el respectivo esquema de contenido especificado por
el cliente, orientacin en cuanto a diseo grfico, suministro de logotipos y
artes especiales por parte del cliente.

SUCUMBIOS
LAGO AGRIO

11

Segunda: se presentar el boceto preliminar de la pgina, de acuerdo a la
informacin suministrada en la reunin previa. Se discutirn los posibles
cambios o adiciones que se requieran.
Tercera: se presentar el boceto definitivo para la aprobacin del cliente.
Incorporacin de todos los elementos grficos que el cliente seleccione.
Elaboracin de Logotipos, ilustraciones, animaciones y en general
cualquier trabajo de arte grfico requerido
Asesoramiento integral con respecto a opciones a incluir, estrategia de
penetracin de mercado y registro de la pgina en buscadores
Asesoramiento referente a aplicaciones a incluir en la pgina, servicios
atractivos para los visitantes y obtencin de estadsticas.

SUCUMBIOS
LAGO AGRIO

12

2. MEMORIA DESCRIPTIVA
2.1. Descripcin General
El World Wide Web (WWW) es un sistema que contiene una cantidad de
informacin casi infinita. Pero esta informacin debe estar ordenada de
alguna forma de manera que sea posible encontrar lo que se busca. La
unidad bsica donde est almacenada esta informacin son las pginas
Web. Estas pginas se caracterizan por contener texto, imgenes,
animaciones... e incluso sonido y video.
Una de las caractersticas ms importantes de las pginas Web es que
son hipertexto. Esto quiere decir que las pginas no son elementos
aislados, sino que estn unidas a otras mediante los links o enlaces
hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar
sobre un texto (texto al que llamaremos de ahora en adelante activo) de
una pgina para navegar hasta otra pgina. Ser cuestin del
programador de la pgina inicial decidir que palabras o frases sern
activas y a donde nos conducir pulsar sobre ellas.
En algunos ambientes se discute que el World Wide Web ya no es un
sistema hipertexto sino hipermedia. Los que defienden el cambio se
apoyan en que aunque en sus orgenes el WWW constaba nicamente de
texto en la actualidad es un sistema principalmente grfico y se puede
hacer que las zonas activas sean, no slo texto, sino imgenes, videos,
botones,... en definitiva cualquier elemento de una pgina.

SUCUMBIOS
LAGO AGRIO

13

Caractersticas del lenguaje HTML
Pero empecemos ya con lo que nos interesa. Cmo se hace una pgina
Web? Cuando los diseadores del WWW se hicieron esta pregunta
decidieron que se deban cumplir, entre otras, las siguientes
caractersticas:
El Web tena que ser distribuido: La informacin repartida en
pginas no muy grandes enlazadas entre s.
El Web tena que ser hipertexto y deba ser fcil navegar por l.
Tena que ser compatible con todo tipo de ordenadores (PCs,
Macintosh, estaciones de trabajo...) y con todo tipo de sistemas
operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
Deba ser dinmico: el proceso de cambiar y actualizar la
informacin deba ser gil y rpido.
Estas caractersticas son las que marcaron el diseo de todos los
elementos del WWW incluida la programacin de pginas Web. Como
respuesta a todos estos requisitos se cre el lenguaje HTML
(HiperText Markup Language), cuyas siglas significan "lenguaje
hipertexto de marcas".
Este lenguaje ser el encargado de convertir un inocente archivo de
texto inicial en una pgina web con diferentes tipos y tamaos de letra,
con imgenes impactantes, animaciones sorprendentes, formularios
interactivos, etc.

SUCUMBIOS
LAGO AGRIO

14

Qu se necesita para crear una pgina web
Una de las caractersticas de este lenguaje ms importantes para el
programador es que no es necesario ningn programa especial para
crear una pgina Web. Gracias a ello se ha conseguido que se puedan
crear pginas con cualquier ordenador y sistema operativo. El cdigo
HTML, como hemos adelantado en el prrafo anterior, no es ms que
texto y por tanto lo nico necesario para escribirlo es un editor de texto
como el que acompaan a todos los sistemas operativos: edit en MS-
DOS, block de notas en Windows, vi en UNIX, etc. Por supuesto
estos no son los nicos editores de texto que pueden ser usados, sino
cualquier otro.
Tambin se puede usar procesadores de texto, que son editores con
capacidades aadidas, como pueden ser Microsoft Word o
WordPerfect pero hay que tener cuidado porque en ocasiones hacen
traducciones automticas del cdigo HTML que no siempre son
deseadas. En estos dos ltimos casos, tambin hay que tener en
cuenta que deberemos guardar el archivo en modo texto.

SUCUMBIOS
LAGO AGRIO

15

Figura. 1 Bloc de notas
Una vez hemos escrito el cdigo deberemos guardar el archivo (con
formato de texto) con la extensin .html (o .htm en MS-DOS, Windows 3.1
o cualquier otro sistema que slo acepte tres letras en la extensin. Los
siguientes son nombres vlidos de archivos que contengan cdigo HTML:
index.html, index. htm, principal. html,
PRINCIPAL.htm, etc...
NOTA: Si el editor o procesador de textos usado para crear la pgina
obliga a usar la extensin .txt al guardar el archivo en modo texto,
deberemos guardarlo con esta extensin, por ejemplo como index.txt, y
posteriormente cambiar el nombre del archivo desde fuera del programa a
index.html o index.htm . Para ello usaremos el comando rename en MS-
DOS; en Windows 3.1 lo haremos mediante el administrador de archivos y
en Windows 95 con el explorador. En otros entornos, como Linux, es ms
raro que se de esta situacin.
ATENCIN: El World Wide Web es un sistema que diferencia las
maysculas de las minsculas. Es un error comn llamar a un archivo
index.html y luego referirse a l como Index.html. Aunque en nuestro

SUCUMBIOS
LAGO AGRIO

16

ordenador puede funcionar al publicarlo seguramente no lo har. Por esta
razn es una norma general usar siempre minsculas para los nombres
de los archivos html.
ltimamente han aparecido nuevas alternativas que facilitan la
programacin de pginas Web. Son los editores
HTML. Podemos dividir estos editores en dos grupos:
Asistentes: ayudan a crear el cdigo HTML e incluyen plantillas de
cdigo prefabricadas, por ejemplo HotDog (Win),
HomeSite(Win),HTML Editor (Mac), Quanta (Linux, KDE) o
Bluefish, (Linux, GNOME).
Conversores: son programas con otra funcin que la de la programacin
Web pero que permiten convertir a HTML. Son ejemplos de conversores
Microsoft Word ,Quark XPress y PageMaker.
Editores WYSIWYG (What You See Is What You Get, lo que ves es lo
que obtienes): estos editores permiten crear pginas web sin escribir
cdigo HTML como si se tratase de un programa de dibujo por ordenador.
Algunos ejemplos de este tipo de editores son Macromedia
Dreamweaver, HotMetal o Microsoft Frontpage o Microsoft
Publisher

SUCUMBIOS
LAGO AGRIO

17

Figura. 2 FrontPage
Algunas razones para usar HTML
Todos estos editores HTML tipos pueden ser de gran ayuda y tienen sus
ventajas e inconvenientes, pero la experiencia demuestra que conocer el
lenguaje HTML ofrece bastantes ventajas:
Seremos capaces de aprovechar todas las caractersticas de este
lenguaje, incluso las ms nuevas.
Aunque se use inicialmente un editor WYSWYG tendremos los
conocimientos suficientes para modificar posteriormente el cdigo que
ste ha creado. As se pueden corregir errores o incluir etiquetas no
soportadas por el editor.

SUCUMBIOS
LAGO AGRIO

18

No dependeremos de la disponibilidad de una herramienta concreta para
poder crear pginas web. Con un simple editor de textos ser suficiente.
El principal problema de usar editores conversores y WYSIWYG es la
necesidad de trabajar con dos archivos fuentes por separado, por un lado
el archivo del editor y por otro el archivo del cdigo HTML una vez
generado, lo que nos complica la vida a la hora de realizar cambios en
nuestro Web.
Sin embargo su utilidad es innegable y su combinacin con un buen
conocimiento del lenguaje HTML nos convertir en unos grandes
programadores de pginas Web capaces de realizar creaciones
impactantes visualmente y de gran calidad tcnica.
HTML es un lenguaje descriptivo
Probablemente el lector ha usado alguna vez un procesador de texto
(Abiword, Microsoft Word KWord) o un programa de descripcin de
pginas (QuarkXPress). Con este tipo de aplicaciones el usuario tiene
un control total sobre los elementos del documento: se le puede decir al
programa "pon este texto con este tamao", "sitalo a 1 cm. del borde",
"usa este sangrado para los prrafos", etc... Con HTML el programador no
tiene este tipo de control sobre los elementos que incluir en su pgina. El
objetivo de este lenguaje ser simplemente describir cmo es una pgina
de manera que examinando esa descripcin el navegador del usuario final
sea capaz de mostrarlo de la mejor manera posible. Con HTML podremos
indicarle al navegador que este es un titular, aqu comienza un prrafo,
estos son elementos de una lista, etc. posteriormente el navegador
decidir como mostrar esos elementos.

SUCUMBIOS
LAGO AGRIO

19

Primeros pasos con HTML
Conocidas ya las principales caractersticas de HTML estamos listos para
aprender sus principales etiquetas y para crear nuestra primera pgina.
Estructura de una pgina
Todo documento HTML est formado por los bloques que podemos
apreciar en la figura. Pasemos a explicar cada uno de ellos.

Figura. 3. Estructura de bloques de un documento HTML
.
En primer lugar deberemos especificar que el archivo de texto que
estamos escribiendo es un documento HTML, para ello usamos las
instrucciones de inicio y fin de la etiqueta <html> al principio y al final de la
pgina respectivamente:
<html>
Cdigo de la pgina
</html>

SUCUMBIOS
LAGO AGRIO

20

El cdigo de la pgina est formado a su vez por dos grandes bloques, la
cabecera y el cuerpo.
La cabecera de la pgina est delimitada por las instrucciones de inicio y
fin de la etiqueta head. Estas instrucciones deben estar dentro de la
etiqueta HTML de la siguiente manera:
<html>
<head>

Elementos de la cabecera

</head>
... Resto de cdigo de la pgina ...
</html>

En la cabecera de la pgina se introduce toda aquella informacin que
afectar a toda la pgina. En un principio esta informacin se limitar al
ttulo.
Este ttulo se indicar con la etiqueta title usando la siguiente sintaxis:
<html>
<head>
<title>Mi primera pgina WEB</title>
</head>
</html>

El resultado de ver esta pgina con nuestro navegador es el que se
observa en la figura. Como vemos, el rea de la pantalla donde suele
estar la pgina est todava vaca, pero si nos fijamos en la cabecera de
la ventana del navegador vemos que el ttulo ha pasado de ser Microsoft

SUCUMBIOS
LAGO AGRIO

21

Internet Explorer a "Mi primera pgina WEB - Microsoft Internet
Explorer". Es decir el ttulo que le demos a nuestra pgina con la
etiqueta <TITLE> pasar a ser el ttulo de la ventana del navegador

Figura. 4 Titulo Pg. Web

Cmo ayuda una pgina web a la imagen de su empresa?
Uno de los valores ms importantes para las empresas es lo que sienten
sus clientes y la opinin general de la sociedad con respecto a la
percepcin de su marca. A continuacin con este proyecto de grado
identificaremos los valores ms importantes que aporta una pgina web a
la imagen de su empresa.

SUCUMBIOS
LAGO AGRIO

22

Qu es la imagen institucional de una empresa?
La imagen corporativa se refiere a cmo se percibe una compaa. Es
una imagen generalmente aceptada de lo que una compaa significa.
La creacin de una imagen corporativa es un ejercicio en la direccin de
la percepcin.
Es creada sobre todo por los expertos de relaciones pblicas, utilizando
principalmente campaas comunicacionales, plataformas web (pginas
web, redes sociales) y otras formas de promocin para sugerir un cuadro
mental al pblico.
Tpicamente, una imagen corporativa se disea para ser atractiva al
pblico, de modo que la compaa pueda provocar un inters entre los
consumidores, genere riqueza de marca y facilite as ventas del producto.
La imagen de una corporacin no es creada solamente por la compaa.
Qu es lo que aporta una pgina web a la imagen institucional de la
empresa?
La percepcin que tiene la gente con respecto a una empresa tiene
mucho que ver con la atencin al cliente, la eficiencia de su soporte
tcnico o profesional, la calidad de sus productos/servicios y el
compromiso que la empresa ofrece con respecto a soluciones de
problemas comunes de sus clientes.

SUCUMBIOS
LAGO AGRIO

23

Con una pgina web podemos por ejemplo:
Ofrecer un canal de informacin sobre los productos y/o servicios que
se ofrece.
Brindar asistencia a los problemas ms comunes de manera de
agilizar los trmites que haya que hacer.
Se puede facturar y cobrar a los clientes por va electrnica, evitando
el envi de cobradores o que el cliente tenga que acercarse a la
empresa simplemente para pagar.
Se pueden crear foros pblicos donde los clientes puedan compartir
distintas utilidades que le dan a sus productos y plantear dudas sobre
los mismos, lo que le da la posibilidad de mejorar el producto en
prximas versiones, tomando anlisis y quejas de los propios
consumidores.
Se puede ofrecer la posibilidad a los clientes de comprar nuevos
productos/servicios desde la comodidad de su casa u oficina.
Se puede ofrecer al cliente informacin actualizada sobre los
productos que han comprado, novedades, concursos y acciones de
marketing que aumentan el conocimiento del cliente con respecto a la
marca.
Podemos hablar infinitamente sobre las posibilidades, el lmite que
tenemos con todo esto es qu tan creativos podemos ser con respecto a
la creacin de la pgina web? y tambin est limitado por los
conocimientos tcnicos de las tecnologas web.
Para poder crear una pgina web que sirva a estos propsitos, es
necesario tener en cuenta Qu tipo de empresa es? Quines son los
consumidores? Qu productos se ofrecen? Qu necesidades cubren
estos productos/servicios?

SUCUMBIOS
LAGO AGRIO

24

Qu informacin necesitan los clientes para utilizar correctamente el
producto/servicio?, etc. y en base a toda esta informacin ver cules son
las mejores opciones para su empresa
Todos estos elementos que se han listado son la prueba de que en
internet se puede mejorar la imagen de la empresa ofreciendo nuevos
productos, soporte tcnico, participacin de los clientes en los procesos
de revisin de nuestros productos (nadie tiene el producto perfecto, es
algo que se actualiza constantemente segn la necesidad del cliente).
El alojamiento del sitio web de la empresa y su vital importancia
Al igual que la empresa dispone de una direccin fsica, el sitio web de
la empresa tambin necesita un alojamiento web donde funcionar.
Este tipo de alojamiento lo ofrecen empresas que proporcionan una
direccin o ubicacin en Internet y que es donde se aloja tu sitio web.
Por esto el alojamiento del sitio web de la empresa, es de vital
importancia.
Uno de los aspectos ms importantes al tener a la empresa en lnea y en
previsin de un nmero medio de visitas es el servidor donde alojarla.
Los servidores dedicados seran la mejor opcin a da de hoy
comparndolos con los hospedajes compartidos y VPS. Aunque en
cuanto a la inversin necesitada para este tipo de servidores no es baja.
Tienes la opcin de montar y configurar tu propio servidor web y de este
modo ahorrar en gastos, aunque no es tarea fcil y hace falta algo de
experiencia.

SUCUMBIOS
LAGO AGRIO

25

As que lo mejor es contratar los servicios de una empresa de alojamiento
que te proporcionara una direccin, el espacio en el servidor y el ancho de
banda necesario, permitindole as a tus potenciales clientes y tus
clientes encontrar a la empresa por Internet.
Si adems el sitio web de la empresa es estable le estars trasmitiendo
confianza y seguridad a tus clientes, y esta estabilidad de tu sitio web
debe ser el reflejo de la empresa. La estabilidad tambin proporciona a
tus clientes facilidad para acceder a l y si tambin dispones de una
navegacin fluida, puedes estar por seguro que estarn contentos.
Gracias a una conexin fiable se puede mejorar la relacin con nuestros
clientes y hay que tener en cuenta que si el sitio web carga ms rpido
que el de la competencia, ellos siempre entraran a nuestro sitio.
Debes de disponer de un servicio de alojamiento web estable y fiable, as
te aseguras de que la empresa no se vea afectada. Y recuerda que un
pobre servicio al cliente y la ausencia en la estabilidad del alojamiento
web de tu sitio de empresa es un problema importante, as que debes
asegurarte bien al elegirlo.

SUCUMBIOS
LAGO AGRIO

26

Figura. 5 Alojamiento Web

2.2. Descripcin Tcnica
La lnea de investigacin para desarrollar este proyecto es la investigacin
tecnolgica aplicada entendida sta, como aquella que genera
conocimientos o mtodos dirigidos al sector productivo de bienes y
servicios, ya sea con el fin de mejorarlo y hacerlo ms eficiente, o con el
fin de obtener productos nuevos y competitivos en dicho sector. Tambin
puede concebirse como el tipo de estudios cientficos orientados a
resolver problemas de la vida cotidiana o a controlar situaciones prcticas.
Adems es un instrumento para poder resolver problemas de la sociedad,
la ciencia y tecnologa tienen como causas las necesidades de que el ser
humano viva con ms comodidad y seguridad. Por todo lo anterior este
tipo de investigacin es necesaria para impulsar el desarrollo del mundo,
de un pas y una comunidad en particular El fundamento epistemolgico

SUCUMBIOS
LAGO AGRIO

27

de la investigacin aplicada est en la base de distinciones tales como
"Saber y Hacer", "Verdad y Accin", "Know-what y Know-How",
"Conocimiento y Prctica", "Explicacin y Aplicacin", "Verdad y
Eficiencia", etc.
La idea de fondo est en las relaciones de utilidad del conocimiento,
considerando que la funcin elemental del conocimiento en los
organismos va estrechamente asociada a sus necesidades de
subsistencia mediante mecanismos de adaptacin al medio y control del
mismo.
Este tipo de investigacin es emprendida para adquirir nuevos
conocimientos, est orientada a conseguir un logro especfico prctico en
particular. Los resultados de esta investigacin tienen como fin ser vlidos
para fabricar un producto, concebir un proceso productivo, que d lugar a
un nuevo mtodo o a configurar un sistema.

2.3. Glosario
ANCHO DE BANDA: (Bandwith) Trmino tcnico que determina el
volumen de informacin que puede circular por un medio fsico de
comunicacin de datos, es decir, la capacidad de una conexin. A mayor
ancho de banda, mejor velocidad de acceso; ms personas pueden
utilizar el mismo medio simultneamente. Se mide en Hertz o bps (bits por
segundo), por ejemplo 32 kbps, 64 kbps, 1Mbps, etc.
ANSI : (American National Standars Institute, Instituto Americano de
Normas) Organizacin que desarrolla y aprueba normas de los Estados

SUCUMBIOS
LAGO AGRIO

28

Unidos. Particip en la creacin de gran parte de los estndares
actualmente en uso en Internet.
APPLET : (Programa) Pequeo programa hecho en lenguaje Java.
ASCII: cdigo de caracteres utilizado por los ordenadores, en el que cada
letra, dgito y smbolo (, ?, ",...) es representado por un nmero del 0 al
255.
ATTACHMENT :(Adjunto) Se llama as a un archivo de datos (por ejemplo
una planilla de clculo o una carta de procesador de textos) que se enva
junto con un mensaje de correo electrnico.
AUTHORING: Actividad de crear contenido para la Web en HTML. El
Webmaster, o administrador de un sitio Web, es en general el
responsable de la autora de su contenido.
AVATAR: Originariamente figura humana de un dios en la mitologa hind.
Identidad ficticia, representacin fsica (cara y cuerpo) de una persona
conectada al mundo virtual de Internet.
Muchas personas construyen su personalidad digital y luego se
encuentran en servers determinados (por ejemplo, en Chats) para jugar o
charlar con otros.
BANNER: Aviso publicitario que ocupa parte de una pgina Web, en
general ubicada en la parte superior al centro. Haciendo un click sobre l,
se puede llegar al sitio del anunciante. De este modo, los banners en
general se cobran en base a los click-throughs que se obtienen.

SUCUMBIOS
LAGO AGRIO

29

BOOKMARK: (Sealador o favoritos) La seccin de men de un
navegador donde se pueden almacenar los sitios preferidos, para luego
volver a ellos simplemente eligindolos con un simple click desde un
men.
BROWSER :(Web Browser, Navegador o visualizador) Programa que
permite leer documentos en la Web y seguir enlaces (links) de documento
en documento de hipertexto. Los Navegadores hacen pedidos de archivos
(pginas y otros) a los servers de Web segn la eleccin del usuario y
luego muestran en el monitor el resultado del pedido en forma
multimedial. Entre los ms conocidos se encuentran el Netscape de
Navigator, Microsoft Explorer y Mosaic. El primer navegador se llam Line
Mode Browser, pero el primer navegador en cuanto a difusin fue Mosaic.
Usualmente, a los navegadores se les agrega plug-ins (agregados) para
aumentar sus capacidades.
BUSCADOR: (Search)Herramienta que permite ubicar contenidos en la
Red, buscando en forma booleana a travs de palabras clave. Se
organizan en buscadores por palabra o ndices (como Lycos o Infoseek) y
buscadores temticos o Directories (como Yahoo!). Dentro de estas dos
categoras bsicas existen cientos de buscadores diferentes, cada uno
con distintas habilidades o entornos de bsqueda (por ejemplo, slo para
mdicos, para fanticos de las mascotas o para libros y revistas).
CACHE: Almacenamiento intermedio o temporario de informacin. Por
ejemplo, un navegador posee un cache donde almacena las ltimas
pginas visitadas por el usuario y, si alguna se solicita nuevamente, el
navegador mostrar la que tiene acumulada en lugar de volver a buscarla
en Internet. El trmino se utiliza para denominar todo depsito intermedio
de datos solicitados con mayor frecuencia.

SUCUMBIOS
LAGO AGRIO

30

CGI :(Common Gateway Interface, Interfaz Comn de Intercomunicacin)
Conjunto de medios y formatos para permitir y unificar la comunicacin
entre la Web y otros sistemas externos, como las bases de datos. Similar
al ActieX.
CHAT: Sistema de conversacin en lnea que permite que varias
personas de todo el mundo conversen en tiempo real a travs de sus
teclados. Existen varios sistemas de chat, uno de los ms difundidos es el
IRC.
CIBERNAUTA: dcese del navegante del ciberespacio.
CIBERESPACIO: trmino abstracto que se usa para referirse al "lugar" en
que nos situamos al entrar en un espacio virtual, como al conectar con
Internet o usar un casco de realidad virtual. El trmino procede de
Neuromante, novela de William Gibson que todo buen cibernauta debera
leer.
CLIENTE: en una estructura cliente-servidor, se llama cliente al programa
utilizado para acceder a los servicios de un programa servidor. Por
ejemplo, usted est utilizando un cliente Web para ver estas pginas, que
le son ofrecidas por un servidor Web.
COOKIES :(Galletitas) Pequeos archivos con datos que algunos sitios
Web depositan en forma automtica en las computadoras de los
visitantes. Lo hacen con el objetivo de almacenar all informacin sobre
las personas y sus preferencias.
COUNTER: Generalmente es el contador de accesos de los Home Pages.

SUCUMBIOS
LAGO AGRIO

31

CRACKER: Persona que se especializa en violar medidas de seguridad
de una computadora o red de computadoras, venciendo claves de acceso
y defensas para obtener informacin que cree valiosa. El cracker es
considerado un personaje ruin y sin honor, a diferencia del hacker.
DIRECCION ELECTRONICA: Serie de caracteres que identifican
unvocamente un servidor (por ejemplo, www.supernet.com.mx) una
persona (e_soule@supernet.com.mx) o un recurso (un sitio web como
http://www.supernet.com.mx/info.html) en Internet. Se componen de
varias partes de longitud variable. Las direcciones son convertidas por los
DNS en los nmeros IP correspondientes para que puedan viajar por la
Red.
DIRECCION IP: la direccin IP de una mquina conectada a Internet es
un nmero que identifica unvocamente a esa mquina (es decir, tan slo
esa mquina tiene ese nmero). Las direcciones IP constan de cuatro
nmeros que van del 0 al 255, y que se representan por dgitos decimales
separados por puntos, como 123.456.1.1 Como estos nmeros son
difciles de recordar, a cada mquina se le asigna tambin un nombre, su
nombre de dominio.
MULTIMEDIA: Combinacin de varias tecnologas de presentacin de
informacin (imgenes, sonido, animacin, video, texto) con la intencin
de captar tantos sentidos humanos como sea posible. Previamente a la
existencia de la multimedia, el intercambio de informacin con las
computadoras estaba limitado al texto. Luego, con el nacimiento de las
interfaces de usuario grficas y los desarrollos en video y sonido, la
multimedia permiti convertir el modo de comunicacin entre personas y
dispositivos aumentando la variedad de informacin disponible. El uso de

SUCUMBIOS
LAGO AGRIO

32

la multimedia fue la razn principal por la que la World Wide Web facilit
la difusin masiva de Internet.
PGINA WEB: es la unidad mnima de informacin en el WWW. Cada vez
que pulsa un enlace o especifica una direccin, se carga un fichero que
se le muestra en pantalla. Este fichero, llamado pgina, puede contener
imgenes, enlaces a otras pginas, textos... puede ser tan pequeo como
unas pocas lneas, o tan grande como esta (y ms).
URL: Uniform Resource Location. Estandard de identificacin de un
recurso de cualquier tipo (ftp, web, telnet, news...) en Internet. Consta de
un identificador de recurso, una direccin y el recurso en s: directorio en
que est, grupo de news, fichero. Por ejemplo: www.ditesa.com

3. PROCESO DE PRESTACIN DE SERVICIOS
El objetivo de este proyecto es presentar a los empresarios de nuestra
comunidad sobre todo aquellos comerciantes que tienen su pequeo
negocio para quienes pagar por un sitio web a un profesional resulta muy

SUCUMBIOS
LAGO AGRIO

33

oneroso de una forma sencilla, practica y sobre todo funcional de cmo
crear un sitio web empresarial sin tener vastos conocimientos en
informtica y as poder colocar la imagen de la empresa o negocio en el
creciente mundo del Internet y para que pueda posicionar su imagen en la
Web para llegar a ms clientes que lgicamente se convertir en un
aumento de sus ventas y un crecimiento econmico.
Para la ejecucin de este proyecto utilizamos como herramienta de
creacin del sitio Microsoft Publisher en la versin 2007.
A continuacin presentamos una gua detallada como fue creado este
sitio.

Figura. 6. Publisher
En primer lugar debemos ingresar el programa mencionado

SUCUMBIOS
LAGO AGRIO

34

Figura. 7 Ingreso a Publisher

Una vez que se ingresa al programa la pantalla que nos presenta a
continuacin es la siguiente:

Figura. 8. Tipo de Proyecto

SUCUMBIOS
LAGO AGRIO

35

Una serie de plantillas prediseadas pueden ser escogidas o al final de
todas las opciones hay tres opciones de diseo en blanco.

Figura. 9 Se elige la plantilla

SUCUMBIOS
LAGO AGRIO

36

Figura. 10 Tamao

En la parte derecha superior de la
ventana de PUBLISHER hay un men de
configuracin inicial, bien se puede usar o
simplemente se crea el sitio web.

Figura. 11 Informacin del proyecto

Una vez escogido el diseo se crea el
sitio web accediendo con el botn
CREAR, ubicado en la parte inferior
derecha.

Figura. 12 Botn Crear

SUCUMBIOS
LAGO AGRIO

37

En el caso de una plantilla prediseada cuando se crea el sitio web,
aparece un asistente para configurar el sitio web as:

Figura. 13 Creacin de pginas

En el asistente podemos escoger de una serie de opciones que contendr
la pgina web que se est diseando, dando clic a los check box ubicados
en la parte izquierda de cada enunciado y damos clic al botn aceptar.

SUCUMBIOS
LAGO AGRIO

38

Figura. 14 Estructura del sitio

Una vez configurado el sitio web el programa nos lleva a la ventana de
trabajo:

SUCUMBIOS
LAGO AGRIO

39

Figura. 15 Pantalla Principal

En la parte izquierda de la ventana se encuentra el men formato
de publicacin, donde podremos configurar:

SUCUMBIOS
LAGO AGRIO

40

Figura. 16 Colores, Diseo, Fuentes

Otra barra importante es la barra de objetos, en ella se encuentran
los elementos que se pueden insertar en la pgina web, como imgenes,
textos y algo muy importante insercin de cdigo HTML para poder
insertar videos de YouTube entre otros.

SUCUMBIOS
LAGO AGRIO

41

Figura. 17 Barra de objetos

Figura. 18 Herramientas Web

Flotando sobre la ventana se encuentra la barra de herramientas web

Figura. 19 Herramienta Web

En ella se encuentran
botones como la vista previa
de la pgina web, cambio de
fondo de la pgina entre
otros.

Figura. 20 Selector de Pginas
En la parte inferior de la ventana de trabajo se encuentran numeradas las
pginas que componen el sitio web.

SUCUMBIOS
LAGO AGRIO

42

Se presentan las pginas con las que cuenta el sitio creado.

Figura. 21 Sitio Web

SUCUMBIOS
LAGO AGRIO

43

4. RECURSOS
4.1. Recursos Materiales y Financieros
N DESCRIPCION CANT COSTO
1. Alquiler de Computador 1 40,00
2. Plan Servicio de Internet 1 40,00
3.
4.
5.
TOTAL 80,00

4.2. Humanos
Internos
Lcdo. Jos Meneses 10 das Descripcin General / Tcnica
Lcdo. Jorge Jpiter 1 mes Diseo
Marco terico
Marco lgico

Externos
Ing. Patricio Cadena 10dias Asesoramiento Tcnico

SUCUMBIOS
LAGO AGRIO

44

5. CRONOGRAMA DE ACTIVIDADES

MESES
DICIEMBRE ENERO FEBRERO MARZO ABRIL MAYO JUNIO
ACTIVIDADES
REALIZADAS
FORMAMOS
LOS GRUPOS
DE TRABAJO
X

REALIZAMOS
UN PLAN DE
PRODUCCION

X

EJECUCION DE
LAS CASAS
ABIERTAS

X

ENTREGA DE
PROYECTOS
FINALES

X

SUCUMBIOS
LAGO AGRIO

45

6. CONCLUSIONES
El diseo de la pgina Web para le empresa DITESA fue diseado
para mostrar los servicios y dems datos informativos para que mayor
gente se interese por su actividades, planes y futuras promociones por
pedio de la web con un mejor contacto con el usuario, la pgina est
lista para la entrada de cualquier persona, no actuar como un jardn
cerrado: la informacin debe poderse introducir y extraer fcilmente
los usuarios deben controlar su propia informacin basada
exclusivamente en la Web, la implementacin de este sitio ayudar a
la empresa a tener un mayor contacto con el usuario y satisfacer
cualquier tipo de preguntas o dudas en un tiempo mnimo
Este sitio web es una herramienta bsica de la empresa, porque a
travs de esta, se dar a conocer los distintos programas, actividades
y eventos a desarrollar, en todo momento.
Facilita a la comunidad en general, dar conocimiento acerca de los
servicios ofrecidos y cules son las oportunidades que se brindan.
La herramienta de desarrollo, Publisher, utilizada para el diseo del
sitio web, permiti implementar la creacin de todas las interfaces del
mismo

SUCUMBIOS
LAGO AGRIO

46

7. RECOMENDACIONES
Las autoras de este trabajo investigativo, hacen las siguientes
recomendaciones:
Informar sobre las inconsistencias o aportes que permitan enriquecer
el sitio web.
Informar a los clientes ms cercanos, proveedores y a toda la
comunidad de la existencia del sitio web, motivndolos a su utilizacin.
Dar a conocer el sitio web a otras empresas e instituciones con el fin
de que sea utilizado.
Utilizar el sitio web en la empresa

SUCUMBIOS
LAGO AGRIO

47

8. BIBLIOGRAFA
Metodologa de la Investigacin Cientfica: Velsquez Fernndez
Rey, 1999 (Primera Edicin).
Redes Locales: Raya Jos Luis (2002) Cisco
LIBROS CONSULTADOS
Stallings, William (2000). Comunicaciones. Prentice Hall.
PAGINAS WEB`S CONSULTADAS
http://www.hopeisd.com/products/cables/eia568a.html
www.Iso.ch
http://www.10gea.org
http://www.eie.ucr.ac.cr
http://www.host.ots.utexas.edu
http://www.amp.com
http://www.panduit.com
http://www.itlp.edu.mx/publica/tutoriales/telepro/t4_4.htm#Estrella
http://www.itlp.edu.mx/publica/tutoriales/telepro/t4_4.htm#Arbol
http://www.gilat.com/Home.asp

SUCUMBIOS
LAGO AGRIO

48

9. ANEXOS

SUCUMBIOS
LAGO AGRIO

49

SUCUMBIOS
LAGO AGRIO

50

Memoria Descriptiva Norma

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Memoria Descriptiva Norma

Enviado por

Direitos autorais:

Formatos disponíveis

COLEGIO PARTICULAR SEMIPRESENCIAL

Você também pode gostar