universidad tecnolÓgica de nezahualcÓyotl
TRANSCRIPT
UNIVERSIDAD TECNOLÓGICA DE NEZAHUALCÓYOTL
Organismo Público Descentralizado del Estado de México
DIVISIÓN DE COMERCIALIZACIÓN
MEMORIA DE ESTADIA PROFESIONAL
EMPRESA:
INMOBILIARIA MENTORR S.A DE C.V. PROYECTO GALERIA SAN
VICENTE
PROYECTO:
ELABORACIÓN DE PAGINA WEB
PRESENTAN:
GUERRERO ORTEGA NANCY LAURA
PERALTA MARTINEZ VERONICA
PEREZ CORTES JOSE ANTONIO
PARA OBTENER EL TÍTULO DE:
TÉCNICO SUPERIOR UNIVERSITARIO EN COMERCIALIZACIÓN
QUINCUAGÉSIMA PRIMERA GENERACIÓN
ASESOR EMPRESARIAL: Noé García Santana
ASESOR ACADÉMICO: Mónica Álvarez García
INDICE Dedicatorias…………………………………………………………………….………….. i
Agradecimientos…………………………………………………………..…….…….…… ii
Resumen……………………………………………………………………………………. 1
Abstract…………………………………………………………………………….………. 2
Introducción………………………………………………………………………………... 3
CAPITULO I. Descripción de la empresa ( mentorr)..…….. …………………………. 4
I. Antecedentes de la empresa (mentorr)………………………………….………...….. 5
2. Características de la empresa (mentorr)………………………………….………...... 6
2.1 Filosofía organizacional…………………………………………………………..….. 6
2.2Organigrama………………………………………………………………………..….. 7
2.3Productos y servicios……………………………………………………………..…… 8
2.4Ubicación…………………………………………………………………………..…… 9
CAPITULO II. Antecedentes del proyecto ………………………………………………. 10
1. Análisis de la situación…………………………………………………………….……. 11
1.1 Análisis FODA………………………………………………………………….………. 12
2.-Planteamiento del problema…………………………………………………...………. 13
3.-Objetivos………………………………………………………………………….……... 14
3.1 Objetivo general…………………………………………………………..……………. 14
3.2 Objetivos específicos…………………………………………………………….….... 14
4.-Justificacion………………………………………………………………………...…... 15
CAPITULO III. Marco de referencia …………………………………………………….. 16
1.-Antecedentes de las páginas web…………………….…………………….…...…… 17
2.- Historia de la web …………………………………………………………....…...….… 18
3.- Funcionamiento de la web………….…….……………………..………….……........ 19
4.- Navegadores que se utilizan …….……………………………………….…..………. 20
5.- ¿Como encuentra la gente una página web? ....................................................... 21
6.- ¿Que puede contener una página web? ............................................................... 22
7.- ¿Que puede hacer una empresa a través de una página web?................... 23
8.- Dominio…………………………………………………………………………. 24
9.- URLs…………………………………………………………………………….. 25
10.- Construcción de páginas web……………………………………………….. 26
11.-Un buen contenido…………………………………………………………….. 26
12.- Un buen diseño……………………………………………………………….. 26
13.- Las imágenes en el diseño…………………………………………………… 27
14.- Elementos interactivos……………………………………………………….. 27
15.- Etapas de desarrollo de un proyecto de sitio web………………………….. 28
16.- Etapa de conceptualización………………………………………………….. 29
17.- Etapa de puesta en marcha………………………………………………….. 30
18.- Estructura……………………………………………………………………… 32
19.- Visualización………………………………………………………………….. 32
20.- Diseño…………………………………………………………………………. 35
21.- Instalación y pruebas…………………………………………………………. 36
22.- Tipografía y el color de la web……………………………………………….. 37
23.- Teoría del color………………………………………………………………… 38
24.- Significado del color…………………………………………………………… 39
25.- Antecedentes del internet…………………………………………………….. 40
26.-Historia del internet en México………………………………………………… 41
27.- Equipos conectados a internet………………………………………………. 42
28.- Formación MEXNET………………………………………………………….. 43
29.- Servicios en internet………………………………………………………….. 44
30.- Publicidad…………………………………………………………………….… 46
31.- Estrategias publicitarias………………………………………………………. 47
32.- Medios publicitarios……………………………………………………………. 49
33.- Características de internet como medio publicitario………………………… 50
34.- Desventajas del medio del internet…………………………………………… 51
35.- Portales……………………………………………………………………………………. 52
36.- Formas publicitarias en internet………………………………………………. 53
37.- Principales variables para la planificación on-line………………………… 55
38.- Medidas de coste económico en internet……………………………………. 56
CAPITULO IV. Metodología de la página web………………………………….. 57
1.- Modelo metodológico……………………………………………………………. 58
2.- Diseño de páginas web optimizadas………………………………………….. 60
3.- Estructura de la web……………………………………………………………. 61
4.- Arquitectura de la información…………………………………………………. 61
5.- Definición de objetivos………………………………………………………….. 63
6.- Color……………………..………………………………………………………. 65
CAPITULO V. Conclusiones………………………………………………………. 66
5.1.- Conclusiones…………………………………………………………………. 67
CAPITULO VI. Recomendaciones………………………………………………… 68
6.1.- Recomendaciones………….………………………………………………… 69
7.- Glosario………………………………………………………………………….. 70
8.- Bibliografía……………………………………………………………………….. 72
I
II
1
2
3
4
5
6
6
7
8
9
10
11
12
13
14
14
14
15
16
17
18
19
20
21
22
DEDICATORIA
LA DEDICO CON TODO MI AMOR Y CARIÑO.
A ti DIOS que me diste la oportunidad de vivir y de regalarme una familia
maravillosa.
Con mucho cariño principalmente a mis Padres que me dieron la vida y han
estado conmigo en todo momento.
Gracias por todo papa y mama, aunque hemos pasado momentos difíciles
siempre han estado apoyándome.
A ti AMIGA verito gracias por tu sincera amistad en este tiempo los cuales
hemos compartido, momentos tristes y felices, solo quiero darte las gracias por
todo el apoyo que me has dado para seguir en el camino.
NANNY gracias por estos ya casi 6 años de conocernos llenos de amor, cariño,
comprensión, tristezas, alegrías, gracias por todos los momentos maravillosos
que hemos compartido, recuerda que eres muy importante para mí.
No me puedo ir sin antes decirles, que sin ustedes, no lo hubiera logrado, les
agradezco por haber llegado a mi vida y compartir los momentos que nos
hacen crecer y valorar a las personas que nos rodean. Los quiero………..
♫ s-K-a P-o-d-e-r R-e-s-i-s-t-e-n-c-i-a ♫
DEDICATORIA
Sé que tarde en lograr mi meta, pero no importa, valió la pena cada segundo
que estuve aquí, ya que por ello conocí gente muy importante y que han
dejado huella en mi vida, desde mi mejor amigo, y sobre todo descubrí que
puedo llamar hermano a un ser no que no lleva mi sangre.
En especial estoy agradecido con mi familia por ser el apoyo inmenso que me
brindaron.
A DIOS: Por haberme brindado una familia llena de Amor, Ternura y
Comprensión.
MADRE: Gracias por tu comprensión, por tu apoyo, por entenderme, sé que no
es fácil lidiar conmigo pero tú encontraste la forma de hacerlo has soportado
críticas, reclamos, chismes, y en verdad siempre has confiado en mí y lo
agradezco profundamente. Reconozco que no soy lo que esperabas pero me
esfuerzo por ser una buena hija y por ultimo tengo que decirte. Lo prometido
es deuda….TERMINE!
PADRE: Antes que nada te agradezco la vida que me regalaste, Se que me amas
y sabes que te amo, sé que no eh sido la mejor hija pero hago mi mayor
esfuerzo por serlo hoy te dedico mi trabajo te quiero mucho, gracias por
haberme brindado el apoyo para concluir mi meta.
A MI MEJOR AMIGO: Antonio gracias por compartir este tiempo conmigo me he dado
cuenta que eres un niño súper buena onda y que contigo vive mis mejores locuras, gracias
por compartir conmigo alegrías, tristezas, pero más alegrías que nada sabes que te quiero
mucho mi niño gracias por esta amistad tan linda y espero sigamos así.
A ti Agus: Por formar parte de mi vida y por estar conmigo este tiempo y sobre todo por
apoyarme en cada decisión recuerda que te quiero mucho.
Gracias a cada uno de ustedes que forman parte de mi vida y que cada uno me deja una
enseñanza maravillosa.
VERO
AGRADECIMIENTOS
Gracias a Dios
Por permitirme llegar hasta este momento tan importante de mi vida y lograr
otra meta más en mi carrera.
Gracias a mis padres Arturo y Vicky
Por llevarme siempre de la mano en este camino tan difícil, por preocuparse
por mí, por darme el gran apoyo siempre procurando mi bien,
proporcionándome los elementos necesarios tanto morales, como emocionales
y materiales, para seguir adelante Los Amo por que sin su ayuda yo no podría
realizarme como mujer y profesionista que ahora soy.
Gracias a mis Hermanos Héctor y Jesica
Por su apoyo y consejos, y la sonrisa de todos los días que me motivan a seguir
adelante. Además de ser buenos amigos, han sido la mejor compañía para
compartir el mismo techo.
Gracias a mi Tía Elizabeth
Por apoyarme en todo momento y darme aliento, por sus consejos, y sobre
todo ese gran cariño que siempre me ah brindado.
Gracias a mis Familiares Abuelos, y a Mi Cuñada
Por confiar en mí, y llenarme de cariño, de cuidados y sobre todo de aliento
para seguir adelante.
Gracias a mi amor Gerardo
Por tu apoyo, compresión y amor que me permite sentir poder lograr lo que
me proponga. Gracias por escucharme y por tus consejos (eso es algo que lo
haces muy bien). Gracias por ser parte de mi vida; eres lo mejor que me ha
pasado. Te amo.
Gracias Amalia
Por estar siempre a mi lado a pesar de la distancia, por tus sabios consejos, por
ser mi confidente y amiga incondicional.
La libertad consiste en
Poder hacer lo que se debe.
NANCY
RESUMEN
En la actualidad toda empresa debe de estar a la vanguardia, teniendo que
competir con calidad y virtud para poder llegar a ser el líder en el mercado
actual. La Inmobiliaria Mentorr S.A de C.V. a tomado la decisión de emprender
una tarea difícil pero no imposible, tener un mayor número de clientes dentro
de la plaza comercial, por ello utilizo una herramienta muy importante en la
mercadotecnia: La publicidad ya que esta ayudará a poder lograr su objetivo
“Lograr mayor Numero de Clientes”
Para lograr este objetivo se considero una estrategia muy importante realizar
una página Web, que mostrara gran parte de lo que es la empresa, y así dar a
conocer sus locales disponibles y sus servicios, y sobre todo los beneficios
que obtendrás.
Por ello la presente memoria mostrara todo el método que se realizo para la
elaboración de la página Web.
Se inicio con análisis de la situación de la empresa desde sus comienzos
hasta la actualidad, identificando el problema y sobre todo los objetivos y la
justificación del proyecto.
La planeación consistió en el desarrollo del proyecto, se realizo una
Investigación relacionada con internet, desde los conceptos básicos hasta los
colores de la Web y la tipografía, la metodología se baso en una empresa en
diseño de páginas Web.
1
ABSTRACT
Today every company must be at the forefront, having to compete with quality
and virtue to become the leader in the market today. The Real Estate S.A of
C.V. Mentorr made the decision to undertake a difficult but not impossible, to
have a greater number of customers within the mall, so use a very important
tool in marketing: Advertising as this will help to achieve its objective "to
achieve greater Number of Customers”
To achieve this goal, a strategy I consider very important to a web page to
show much of what the company and that to make their premises available
and their services, and above all the benefits you get.
So this report show the whole method was performed for the development of
the website.
She began with analysis of the situation of the company from its beginnings to
the present, identifying the problem and especially the objectives and rationale
of the project.
The planning was the development of the project, conducted an Internet-
related research, from basic concepts to Web colors and typography, the
methodology was based on a firm in web design.
2
INTRODUCCIÓN
Los inicios de Internet nos remontan a los años 60. En plena guerra fría,
Estados Unidos crea una red exclusivamente militar, con el objetivo de que, en
el hipotético caso de un ataque ruso, se pudiera tener acceso a la información
militar desde cualquier punto del país.
El internet en México empieza en el año de 1989 con la conexión del Instituto
Tecnológico y de Estudios Superiores de Monterrey, en el Campus Monterrey,
ITESM hacia la Universidad de Texas en San Antonio (UTSA).
En la actualidad (2010) es un medio muy popular y usado por la mayoría de
las personas, teniendo que 1, 086, 250,903 usan el internet a nivel mundial y
en México 18, 622,500 personas.
Convirtiéndose cada día más popular el internet, por lo cual fue uno de los
motivos para realizar la pagina Web.
En el capítulo I se encuentra la descripción de la empresa (Inmobiliaria
Mentorr S.A de C.V. y Galería San Vicente.), y filosofía organizacional.
En el capítulo II se encuentra el análisis de la situación actual de la empresa y
su entorno, se plantea el problema, los objetivos y la justificación del proyecto.
En el capítulo III se describe el análisis de la información que fue útil para el
desarrollo del proyecto, como: libros, revistas, tesis, etc.
Teniendo conceptos de la Internet. Los colores y tipografía de la Web, etc.
En el capítulo IV muestra la metodología del diseño de la página web y su
desarrollo.
2
3
DESCRIPCIÓN DE LA EMPRESA INMOBILIARIA MENTORR S.A DE C.V
3
4 4
ANTECEDENTES DE LA INMOBILIARIA MENTORR S.A DE C.V.
Unimos esfuerzos Grupo Soriana e Inmobiliaria Mentorr, para hacer este
proyecto realidad.
Galería San Vicente es un Centro Comercial ubicado en Carretera México-
Texcoco Km. 29, Municipio San Vicente Chicoloapan, Estado de México.
Grupo Meneses dedicado por más de 70 años a la Construcción y
Arrendamiento de todo tipo de inmuebles siendo Galería San Vicente nuestro
más reciente proyecto comercial hecho realidad.
El cual empezó su obra el 19 de agosto del 2005 con diseño y supervisión de
Link construcciones.
Esta es una plaza de servicios. El proyecto agrupa a más de 36 locales
dispuestos en torno hacia a la tienda de auto servicio Soriana, incluyendo en
su desplante a docena y media de locales tanto hacia el interior de la misma,
como hacia el estacionamiento.
5
2. CARACTERÍSTICAS DE LA EMPRESA INMOBILIARIA MENTORR S.A
DE C.V.
2.1. FILOSOFÍA ORGANIZACIONAL
MISIÓN
Acercar a la gente vecina de San Vicente Chicoloapan, los productos y
servicios de consumo diario con una perspectiva diferente y de buena calidad
Insuperable.
VISIÓN
Que nuestros clientes se sientan plenamente acompañados y asesorados
durante todo el proceso de renta de un local, para ser un líder en el giro de su
negocio.
Y con su participación y la de Galería San Vicente, logre posicionar en el
mercado su negocio y juntos construir un sólido patrimonio.
VALORES
LEALTAD: Respaldamos los compromisos adquiridos con nuestros clientes.
HONESTIDAD: Actuamos de forma transparente con los clientes, y nuestra
empresa y sociedad para lograr los objetivos comunes.
CONGRUENCIA: Pensamos y actuamos acorde a nuestros valores para el
cumplimiento de los compromisos adquiridos.
RESPETO: Aceptamos y acatamos las normas establecidas por la empresa
con los clientes y sociedad.
RESPONSABILIDAD: Cumplimos los compromisos adquiridos con nuestros
clientes.
5
6
ORGANIGRAMA
GERENTE GENERAL GERENTE GENERAL
ADMINISTRADOR
MANTENIMIENTO
OFICIAL OFICIAL
LIMPIEZA
LIMPIEZA
6
7
SERVICIOS
La Inmobiliaria Mentorr S.A de C.V. tiene en renta varios locales como:
QUÉ ÁREAS TENEMOS
Paradero de taxis techado, sanitarios limpios y confortables para público en
general, área de fast-food para más de 100 comensales. Áreas comunes y
zona de bicicletas
7
8
2.2 UBICACIÓN
Nos encontramos ubicados en una zona urbana con amplio crecimiento
habitacional.
Somos actualmente el único Centro Comercial entre Los Reyes La Paz, La
Magdalena, Chimalhuacán, Lomas de Cristo y Texcoco.
8
9
ANTECEDENTES DEL PROYECTO
9
10
ANÁLISIS DE LA SITUACIÓN
La inmobiliaria Mentorr S.A de C.V. proporciona servicios de renta de
locales dentro de la plaza comercial San Vicente Chicoloapan.
Obteniendo excelentes resultados en posicionar un buen negocio,
Contamos para su tranquilidad con el respaldo de marcas de prestigio
como son:
Mercado Soriana, Perfumes Fraiche, Especialistas Ópticos, Burguer
King, Crédito Familiar, Banco Azteca, Laboratorios Jenner, Banco
Santander, Restaurante Taco Beer, Banco HSBC, Telcel, Coppel,
entre otras.
Desde el inicio de sus operaciones no contaban con publicidad vía
internet provocando que no se tenga conocimiento ni información
referente a Inmobiliaria Mentorr S.A de C.V.
Como sabemos en la actualidad cualquier empresa que quiera ser
reconocida entre la sociedad y en su mercado meta, debe contar con
medios de comunicación que permita difundir su servicio con una
mayor rapidez y en el mejor tiempo posible.
Por tal motivo se ha determinado la necesidad de contar con una
Página Web, donde la empresa pueda ofrecer información de los
servicios que ofrece y con los que en la actualidad cuenta.
Considerando la competencia en los últimos años se ha puesto de
moda las Inmobiliarias.
Tomando en cuenta el análisis ya mencionado se realizara el FODA;
donde se detectaron las fortalezas con las que cuenta Inmobiliaria
Mentorr S.A de C.V. con un amplio conocimiento de los resultados de
las rentas de los locales.
10
11
La ubicación de la INMOBILIARIA MENTORR S.A DE C.V. se
Encuentra en carretera México-Texcoco Km. 29 INT. 1 Col. San
Vicente Chicoloapan, Municipio de Chicoloapan de Juárez C.P. 56370
Edo. De México.
En las oportunidades se cuenta con una amplia aceptación por parte
de los clientes.
FODA
FORTALEZAS
Apertura al cambio por parte del personal.
Buena ubicación de la inmobiliaria\plaza comercial.
Buena percepción de los servicios que brindamos.
Recursos humanos leales y motivados.
Buena relación con sus clientes.
OPORTUNIDADES
Apertura de un nuevo mercado
Empleados calificados para el puesto que se les brinde.
Tecnología al alcance de las manos.
Creación de nuevos empleos.
DEBILIDADES
No tiene publicidad por internet.
Rentas escasas de Locales. No es la única plaza
comercial
AMENAZAS
Competencia de servicios similares.
Tendencias desfavorables en el mercado. (inflación, devaluación, crisis económicas)
11
12
PLANTEAMIENTO DEL PROBLEMA
En el actual mundo globalizado, la tendencia a anunciarte por internet es
cada vez más frecuente, convirtiéndose en una característica de la sociedad.
Las tecnologías de hoy nos permiten estar mejor que nunca, conectados con
personas de todo el mundo.
Uno de los escenarios donde este fenómeno se ve reflejado es en los actuales
medios de comunicación masivos, quienes han comenzado a privilegiar
informaciones con alto contenido emocional como estrategia para atraer al
público consumidor.
Considerando todos estos avances tecnológicos se ha determinado la
necesidad de implementar una Página Web ya que por medio de esta será la
difusión a nivel masivo y así abarcar el mercado meta de INMOBILIARIA
MENTORR S.A DE C.V.
¿Cuál será el diseño adecuado de la página Web?
12
13
OBJETIVO GENERAL
Realizar una Página Web que cubra el mercado meta de
INMOBILIARIA MENTORR S.A DE C.V., que se difunda por toda la
red y así poder tener un mayor número de clientes en un plazo
aproximado de doce semanas,
OBJETIVOS ESPECÍFICOS
Recopilar información sobre la empresa para diseñar la pagina web
Analizar los contenidos de las páginas dedicadas al sector
inmobiliario, Que nos permita innovar la pagina de la inmobiliaria
Mentorr S.A de C.V y que la distinga de las demás Inmobiliarias.
Recopilar imágenes y fotografías para el diseño de la página web.
Realizar el diseño de la pagina web en el programa Dreamweaver y
auxiliándonos de los programas fireworks y flash.
13
14
JUSTIFICACIÓN
Una página Web es el espacio de comunicación que nos sirve para dar a
conocer todos los aspectos esenciales de una empresa, con el propósito de
alcanzar el éxito. Es sumamente importante la creación de una página web
teniendo en cuenta al público objetivo y su interés en los servicios que quiera
dar a conocer la empresa.
Ofreciendo al público así como a la sociedad un complemento de servicio de
Renta de un local dentro de la Plaza Comercial.
Inmobiliaria Mentorr S.A de C.V. y Galería San Vicente Chicoloapan requieren
de una página web para poder dar a conocer los servicios, locales que ofrece,
por lo que se tomo en cuenta los objetivos de rentar a largo plazo.
Este proyecto Nos permitirá poner en práctica conocimientos y habilidades
obtenidas a los largo de dos años en la carrera de Comercialización.
Utilizando la creatividad para alcanzar los objetivos y satisfacer las
necesidades de INMOBILIARIA MENTOR S.A de C.V. y Galería San Vicente
Chicoloapan y así obtener el título como Técnico Superior Universitario en
Comercialización.
14
15
MARCO DE REFERENCIA
15
16
16
Uno de nuestros objetivos como equipo al diseñar la página Web para
Inmobiliaria Mentorr S.A de C.V. proyecto GALERIA SAN VICENTE es
conocer la historia de la Web y todo lo que ella con lleva y todo lo que se
necesita para poder hacer un buen sitio en internet.
ANTECEDENTES DE LAS PÁGINAS WEB
La Web es una idea que se construyo sobre la Internet. Las conexiones físicas
son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las
ya existentes.
Empezó a principios de 1990, en Suiza en el centro de investigación CERN
(centro de Estudios para la Investigación Nuclear) y la idea fue de Tim
Berners-Lee, que se gestó observando una libreta que él usaba para añadir y
mantener referencias de cómo funcionaban los ordenadores en el CERN.
Antes de la Web, la manera de obtener los datos por la Internet era caótica:
había un sinfín de maneras posibles y con ello había que conocer múltiples
programas y sistemas operativos. La Web introduce un concepto fundamental:
la posibilidad de lectura universal, que consiste en que una vez que la
información esté disponible, se pueda acceder a ella desde cualquier
ordenador, desde cualquier país, por cualquier persona autorizada, usando un
único y simple programa. Para que esto fuese posible, se utilizan una serie de
conceptos, el más conocido es el hipertexto.
Con Web los usuarios novatos podrían tener un tremendo poder para hallar y
tener acceso a la riqueza de información localizada en sistemas de cómputos
en todo el mundo.
Este solo hecho llevó un avance tremendo de Internet, un ímpetu tan grande
que en 1993 World Wide Web creció un sorprendente 341000%, tres años
después, en 1996, todavía sé esta duplicando cada 50 días.
17 17
HISTORIA DE LA WEB
¿Qué es la World Wide Web o la Web?
La World Wide Web consiste en ofrecer una interface simple y consistente
para acceder a la inmensidad de los recursos de Internet. Es la forma más
moderna de ofrecer información. el medio más potente. La información se
ofrece en forma de páginas electrónicas.
El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un
lugar a otro en pos de lo que no interesa. Lo más interesante es que con unas
pocas ordenes se puede mover por toda la Internet.
Para entender lo que es la Web debemos tener una idea de lo que es el
Hipertexto.
Hipertexto
A continuación les explicaremos como se lleva a cabo los enlaces entre una
página y otra para poder entrar de igual forma el lenguaje que se manejara.
Hipertexto son datos que contienen enlaces (links) a otros datos.
En el lenguaje Web, un documento de hipertexto no es solo algo que contiene
datos, sino que además contiene enlaces a otros documentos.
Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema
tiene referencias de algún tema en especial o referencias bibliográficas a otros
textos.
En Hipertexto, el ordenador hace que seguir esas referencias sea facilísimo.
Esto implica que el lector se puede saltar la estructura secuencial del texto y
seguir lo que más le gusta.
En Hipertexto se pueden hacer enlaces en cualquier lugar, no sólo al final.
Cada enlace tiene una marca que lo destaca, puede estar resaltado,
subrayado o puede estar identificado por un número.
El hipertexto no está limitado a datos textuales, podemos encontrar dibujos del
elemento especificado, sonido o vídeo referido al tema. Estos documentos que
tienen gran variedad de datos, como sonido, vídeo, texto, en el mundo del
hipertexto se llama hipermedia.
18
El hipertexto es una herramienta potente para aprender y explicar. El texto
debe ser diseñado para ser explorado libremente y así se consigue una
comunicación de ideas más eficientes.
FUNCIONAMIENTO DE LA WEB
Una vez que nosotros como usuario estamos conectados a Internet, tiene que
instalar un programa capaz de acceder a páginas Web y de llevarte de unas a
otras siguiendo los enlaces.
El programa que se usa para leer los documentos de hipertexto se llama
"navegador", el "browser", "visualizador" o "cliente" y cuando seguimos un
enlace decimos que estamos navegando por el Web.
Así, no hay más que buscar la información o la página deseada y comenzar a
navegar por las diferentes posibilidades que ofrece el sistema.
Navegar es como llaman los usuarios de la red a moverse de página en
página por todo el mundo sin salir de su casa.
Mediante los Navegadores modernos podemos, acceder a hojas de cálculo,
base de datos, vídeo, sonido y todas las posibilidades más avanzadas. Pero el
diseño de páginas debe mantener un equilibrio entre utilizar todas las
capacidades y la posibilidad de ser leídas por cualquier tipo de Navegador.
El visualizador nos presentará perfectamente cualquier página "txt" generada
por cualquier editor, y los links entre documentos sólo requieren un simple y
sencillo comando. Y aún así podremos conseguir el tipo y tamaño de letra y
colores de texto y fondo que queramos, simplemente configurando el
visualizador.
18
19
NAVEGADORES QUE SE UTILIZAN
Los más conocidos son el Explorer de Microsoft, Mosaic y el Netscape de
Netscape Communications Corporation en Estados Unidos y otros países.
Tienen capacidades diferentes y es importante cuando se crea una página
Web, además de un buen diseño, tener en cuenta la compatibilidad, es decir,
programar páginas de modo que las acepte cualquier Navegador.
Netscape es el que soporta más y mejores efectos, incluido programas
embebidos en el propio texto (versión 2.0 en adelante), escritos en lenguaje
Java (algo muy parecido al lenguaje C), que son interpretados por el
visualizador, y que permiten realizar páginas "inteligentes".
Conectándose a Internet, con un visualizador Netscape o Explorer, además de
ver documentos HTML se puede recibir y enviar correo electrónico, recibir y
enviar NEWS (noticias), visitar los servidores GOPHER (servidores de
ficheros), y acceder a servidores FTP (más servidores de ficheros) tanto en
entrada como en salida, todo ello con el mismo programa. También, cómo no,
se pueden imprimir los documentos visualizados. Casi todos suelen ser "
WYSIWYG".
19
20
¿CÓMO ENCUENTRA LA GENTE UNA PÁGINA WEB?
Sistemas de Búsqueda
En la Web no existe un directorio centralizado. Para acceder a una página
directamente se debe conocer la dirección exacta donde se encuentra. Pero lo
más habitual no es conocer esa dirección exacta, sino tener una idea del tema
en el que se está interesado y sobre el que se necesite información.
Existen empresas como Yahoo, AltaVista, Olé, Ozú, etc., que han creado
diferentes Sistemas de Búsqueda, para evitar la navegación a la deriva.
Estas consisten en un tipo de páginas Web donde se puede escribir una
palabra o una breve referencia que defina la búsqueda que se quiere realizar.
El sistema consulta sus datos y te muestra enlaces con las páginas Web que
contienen la referencia escogida. Existen diferentes buscadores y cada uno de
ellos ha creado su propio directorio. Unos son más completos, otros más
organizados, otros son más exigentes y selectivos en su información, cada
uno tiene características propias, pero todos ellos ayudan a mantener el
rumbo.
20
21
¿QUÉ PUEDE CONTENER UNA PÁGINA WEB?
Hemos mencionado el tipo de información que puede contener una página
Web: texto, imagen, sonido, vídeo, e incluso, mundos 3D y animación.
El usuario no se limita a buscar y encontrar la información de un modo pasivo,
sin intervenir. La mayor innovación de las páginas Web se traduce en una sola
palabra: Interactividad. Una página Web puede contener elementos que
permiten una comunicación activa entre el usuario e información, la página
responderá a sus acciones.
Por ejemplo:
Formularios: a través de los cuales la empresa podrá disponer de un modo
de solicitud de información, un buzón de sugerencias o posibilidad de
realizar subscripciones o pedidos
Accede y manejar bases de datos de todo tipo: Consultar por ejemplo, una
lista de todos los fondos de inversión en España.
Participar en los juegos más diversos. Echar una partida de Bingo o
participar en un divertido juego de búsqueda por el ciberespacio.
Sistemas de Búsquedas: Encontrar las páginas que contienen información
que se necesita en los principales buscadores españoles o localizar una
empresa en las páginas amarillas electrónicas.
21
22
¿QUÉ PUEDE HACER UNA EMPRESA A TRAVÉS DE UNA PÁGINA WEB?
Proveer a clientes la información acerca de sus productos y servicios, y
actualizarla a medida que se van desarrollando nuevos aspectos de ellos.
Esto es mucho más sencillo y económico que hacer llamadas telefónicas,
imprimir nuevos catálogos o hacer publicaciones de prensa cada vez que lo
requiera.
Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de
negocio. Mediante encuestas publicadas dentro de su página Web, puede
obtener una respuesta de sus clientes actuales, y así conocer y abordar
mejor sus inquietudes y sugerencias respecto al servicio que están
recibiendo de su empresa. Igualmente, puede mostrar nuevos productos e
ideas y conseguir la opinión de los visitantes de su página, que son a la vez
sus clientes potenciales. De esta manera, puede crear una base de datos
de clientes (actuales y potenciales) para luego enviarle nuevas
informaciones a través de correos electrónicos con costos irrisorios.
Otorgar información detallada y específica acerca de sus productos
(manuales de instrucción) y de los procesos de comercialización
(adquisición y compra) de los mismos. Si su público desea saber más
sobre la empresa, la página Web es el mejor vehículo para hacerle llegar
esa información.
22
23
Para que una página Web este en la red se necesitar un espacio para subir la
información, para disponer de ese espacio se requiere contratar un dominio.
DOMINIO
En el supuesto de estar buscando información sobre una empresa
determinada, el primer impulso sería teclear el nombre de la empresa seguido
del sufijo es o como, los más habituales.
Si se realiza esta acción sólo se encontrará a la empresa en esa dirección si
se dispone de dominio propio, es decir si la empresa tiene un servidor propio
o ha alquilado espacio en un servidor dedicado a la gestión y mantenimiento
de páginas Web. Si no es así, si la empresa simplemente se encuentra
situada en el dominio de otra compañía, será más difícil de localizar, ya que
tendrá una dirección más complicada, difícil de encontrar y memorizar.
Además, si la empresa tiene dominio propio, en el caso de que decida cambiar
de compañía a la que alquile el espacio, la dirección se mantiene, ya que el
dominio propio pertenece a la empresa que lo usa y puede instalarse en otro
host sin problemas. Si no tiene dominio propio y decide cambiar de proveedor
de Internet, su dirección de Internet cambiará y tendrá que reflejarlo en su
publicidad.
El dominio propio ofrece una imagen más profesional y competente. Los
clientes agradecerán que se les proporcione un acceso sencillo y consistente
a su información.
23
24
24
De igual forma para tener acceso a la red se requiere un localizador, mejor
conocido como:
URLs
Localizador Uniforme de Recursos (URL; Uniform Resource Locator) es una
dirección especial usada por los navegadores Web, para tener acceso a
información en Internet. El URLs especifica el ordenador en que se hospeda,
el directorio, y el nombre del fichero A través de estas direcciones o URLs
vamos a poder conectar los diferentes objetos (no solo texto), aunque se
acceda a ellos a través de diferentes protocolos. Una cualidad de los URLs es
que permiten utilizar los datos ya existentes en la Internet (Wais, Gofher, ftp) y
así es como consigue la Web envolver a la Internet sencilla y eficazmente
25
"CONSTRUCCIÓN DE PÁGINAS WEB"
PREMISAS BÁSICAS PARA CREAR UN WEB DE ÉXITO
Un buen contenido
El contenido dependerá directamente de la temática del Web. La gran mayoría
de los usuarios que acuden a un sitio Web lo hacen en busca de información.
Da igual como se presente dicha información (texto, imágenes, vídeo, audio)
pero un Web debe aportar contenido. Es importante tener en cuenta que
WWW es un medio de comunicación distinto a los que hasta ahora
conocíamos (televisión, radio, prensa, etc.); el navegante pasa de página en
página Web a ritmo de clic de ratón, y generalmente pasa poco tiempo en una
misma página. Por lo tanto no se debe abusar de la información textual, ya
que son muy pocos los visitantes que se leen completamente una página
Web. Siempre se ha dicho que una imagen vale más que mil palabras, y
aunque una página Web no es un programa de televisión, las imágenes
siempre son importantes.
Un buen Diseño
No es necesario ser un gran diseñador para crear páginas Web con un
mínimo de sensibilidad gráfica. A veces, un diseño simple se agradece mucho
más que una Web inundada de "gifs" en movimiento. El utilizar una tipografía
determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la
experiencia de visitar un Web en algo mucho más agradable.
Es importante en el aspecto del diseño de un Web la estructuración del
mismo. Facilitar la navegación mediante menús, iconos, mapas y otros
elementos puede evitar que más de un visitante se pierda dentro de un Web.
En el caso de crear un Web excesivamente grande y complejo resulta de
ayuda para el visitante la inclusión de mapas (esquemas con enlaces de
hipertexto que representan todo el Web) para no perderse.
25
26
Las imágenes en el diseño
La velocidad de acceso a la Web está siempre muy reñida con el diseño. Es
frecuente el caso en que, para embellecer un Web se utilicen muchas
imágenes (en formatos gif o jpeg) de gran tamaño. Esto obliga a los usuarios
con conexiones lentas a sufrir largas esperas hasta que la información se
presente en pantalla, y eso es un riesgo porque más de dos saltarán a
cualquier otra dirección Internet antes de perder su tiempo.
La velocidad de la Web también dependerá en gran medida de lo saturadas
que estén las líneas de acceso a nuestro centro proveedor de presencia en
Internet (en resumen, el servidor donde se aloja el Web). Sin embargo este es
un problema que se escapa del ámbito del diseño.
Elementos Interactivos
La interactividad es fundamental para el éxito de un Web. Se debe evitar la
sensación "lectura de periódico" que puede causar en un visitante un Web
pasivo y lineal. Además la interactividad puede beneficiar a quien publica el
Web ya que a través de formularios podrá conocer mejor los perfiles de
quienes pasan por las páginas.
Podemos calificarlos como aspectos filosóficos a tener en cuenta en el diseño
de un Web.
26
27
ETAPAS DE DESARROLLO DE UN PROYECTO DE SITIO WEB
El desarrollo de un proyecto de sitio Web puede dividirse en tres etapas
principales:
1. Pre diseño,
2. Diseño,
3. Instalación y prueba.
El punto de vista desde el cual se analiza el proceso de diseño no es desde la
interrelación usuario-tecnología, sino como interacción humana, mediatizada
por la tecnología. Es decir, entender a la Web como medio de comunicación
entre personas. Esto nos debe ayudar a pensar permanentemente en "el otro",
la persona invisible y desconocida para quien hacemos la página Web.
De todas las palabras que utilizamos al hablar de Internet, la que más deben
tener en cuenta los diseñadores es la que designa al acto de instalar un sitio,
pensar en el público, pensar en cómo piensa el público. 1
1 http://www.monografias.com/trabajos5/laweb/laweb.shtml#I3 27
28
ETAPA DE LA CONCEPTUALIZACIÓN
Planificar la Web
Objetivos AJUSTE
Público Se corrigen los contenidos.
Contenido elementos de la estructura pre- diseño.
Visualización y si cumple los requerimientos previstos.
ETAPA DE ARMADO DE PÁGINAS Y CONFIGURACIÓN DEL SITIO
"Hacer" la Web"
AJUSTE
Diseño de gráficos Se corrigen los elementos de las paginas y se
establecen los links internos y externos para corroborar que funcionen.
Incorporar multimedia correctamente o no se incorporaran los archivos y si
se visualizan de acuerdo a lo esperado.
29
ETAPA DE PUESTA EN MARCHA
Correcciones y ajustes finales "Hacer que todo funcione"
Prueba de todos los links
Prueba de funcionamiento de todos los elementos de multimedia.
Prueba de funcionamiento de formularios, e-mail, buscadores, etc.
1. Pre diseño
A la etapa de Pre-diseño o conceptualización podemos dividirla en cinco
componentes y análisis. Ellos son: objetivos, público, contenidos,
estructura y visualización. Estos interactúan entre sí y se condicionan
mutuamente.
Objetivos
Este es uno de los elementos más importantes, que determina a los otros. Hay
que responder a la pregunta: ¿para qué se pública este sitio?; ¿qué quiero
que suceda raíz de mi publicación en la Web?..
Realizar una Página Web que cubra el mercado meta de
INMOBILIARIA MENTORR S.A DE C.V. Y así poder atraer a nuevos
clientes. En un plazo aproximado de doce semanas, se difundirá dicha
página por toda la Red.
Público
Nuestra página va dirigida a personas con una visión de un negocio exitoso
como son empresarios con ganas de incrementar su número de locales en
diferentes lugares estratégicos.
28
30
Contenidos
Se debe listar la información que se desea incluir en la Web. Esta información
debe ser significativa, y útil para el público. Teniendo en cuenta lo que a ellos
les interesa, no lo que a nosotros nos gustaría que nos interese.
Los contenidos de nuestra página Web son los siguientes:
¿Quiénes Somos?
Antecedentes
Organigrama de la Empresa
Misión
Visión
Ubicación
Locales en Renta
Mapa de locales en Renta
29
31
ESTRUCTURA
La organización de la información es un tema clave para asegurar un buen
funcionamiento de un sitio.
El primer elemento organizador son las páginas. Conviene incluir en cada una
de ellas una unidad de información autónoma, completa. En el caso de que el
volumen sea excesivo para ello, dividir esa unidad de información en
subunidades más pequeñas, coherentes, completas cada una en sí misma.
Una unidad de información es un tema o un subtema.
32
VISUALIZACIÓN
Un sitio Web no es un juego La gráfica (incluida elementos multimedia) de un
sitio Web debe ser una herramienta de comunicación al servicio de los
objetivos planteados y condicionados por las pautas culturales (preferencias,
gustos) del público.
Esto significa que tampoco es un espacio de lucimiento del diseñador, ni la
estética.
Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una
vez más los objetivos trazados y el perfil del público deberían ser los
instrumentos para tomar las decisiones de diseño gráfico y multimedia.
Además de los criterios estéticos y comunicacionales del diseño gráfico, es
importante respetar los criterios técnicos específico:
Que cada página sea fácil de cargar.
La velocidad de carga de una página está en función del estado de las
líneas y de la Cantidad de información que contiene. Sobre el primer
parámetro no hay nada que podamos hacer desde el diseño, pero sí sobre
el segundo: establecer para cada página un máximo de bytes y no
sobrepasarlo.
Realizar los gráficos del tamaño más chico posible.
Repetir los iconos siempre que sea posible. El browser los leerá de la
memoria caché a partir de la segunda vez que deba colocarlos en la
página.
Grabar cada gráfico en formato GIF y JFG, verificar el tamaño de ambos y
descartar el mayor.
30
33
Reducir la cantidad de colores de cada gráfico al mínimo indispensable. De
todos modos, la mayor parte de los usuarios no pueden visualizar más de
256.
Que las páginas sean fáciles de leer.
Resolver el contraste texto/fondo con valores de luminosidad y no sólo de
color. Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la
página en un láser monocroma para verificar esto.
El tamaño de la tipografía debe ser adecuado para ser leído sin dificultad
aun en computadoras seteadas con altas resoluciones de pantalla.
Es importante jerarquizar los títulos, subtítulos, manteniendo la coherencia
de los estilos en todo el sitio. Para eso es una buena ayuda escribir una
pequeña norma que establezca el tamaño relativo de la tipografía para
cada categoría de títulos, y subtítulos, así como si éstos van centrados,
alineados, con bullets, etc.
Establecer guías visuales que permitan saber que cada página pertenece
al mismo sitio.
La coherencia visual ayuda en ese sentido. Un sitio en el que cada página
tiene un fondo diferente, varían los iconos y cambian otros componentes de la
composición visual, desconcierta al usuario, que no sabe si está en el mismo
sitio o si el último link lo llevó al otro extremo del mundo.
31
34
DISEÑO
Cuando hablamos sobre diseño de páginas Web, realmente nos referimos al
HTML o Hyper-text Markup Language. El lenguaje HTML consiste en una serie
de comandos que le indican al programa navegador de WWW cómo darle
formato al texto que contienen los archivos. En la actualidad no hace falta ser
un experto en HTML debido a que los procesadores de texto existentes se
encargan de hacer el trabajo, agregando el código automáticamente, a lo que
queremos mostrar.
Los servicios de diseño de páginas Web cubren un rango que va desde
convertir archivos de texto a formato HTML, hasta desarrollar extensos
conjuntos de páginas cargadas de ilustraciones e hipervínculos relacionados
entre sí. Podría dársele un enfoque especial a su página para algún programa
navegador específico, pero siempre debe asegurarse de que las páginas sean
vistas por el mayor número de plataformas posibles.
32 35
INSTALACIÓN Y PRUEBAS
En esta etapa nos encargamos de la puesta en marcha, correcciones y
ajustes finales.
Se debe hacer que todo funcione.
Debemos hacer la prueba de todos los enlaces o links, corroborar el correcto
funcionamiento de todos los elementos de multimedia y del funcionamiento de
formularios, e-mail, buscadores, etc.
La transferencia de archivos a la Web, se realiza a través de FTP (File
Transfer Protocol), generalmente, se necesita un nombre de usuario y una
clave de acceso.
33
36
Considerando que el internet es una herramienta básica para la difusión del
sitio Web, se revisó como surgió el internet.
TIPOGRAFÍA Y EL COLOR EN LA WEB
2.1 TIPOGRAFÍA
La tipografía de Internet tiene sus propias reglas. Una de las principales es
que sea legible. Se puede separar el texto por títulos y cuerpo de texto o
mensaje. En los títulos necesita letras gruesas y detalladas deben ir al acorde
con el diseño de la pagina.
En caso del cuerpo del texto se deben usar tipografías “lisas” (Arial, verdana),
nunca “serifa” (times).
Las tipografías lisas son mucho más legibles en un monitor por que al ser mas
rectas, son más factibles de dibujar por el monitor, en cambio las tipografías
con serifa tienen mucho mas detalles y a tamaños pequeños se hacen pocos
legibles en una pantalla.
37
2.2 TEORIA DEL COLOR
Los colores de los objetos nos transmiten emociones muy fuertes,
generalmente no nos damos cuenta. Las Inmobiliarias carecen de color rojo,
pues este generalmente se asocia con la agresividad, en las oficinas el color
predominante suele ser el blanco que denota orden y pulcridad. Los colores
oscuros son demasiado estresantes, son colores con un fuerte impacto visual
y que tienen mucha fuerza y energía.
EL COLOR Y SU EXPANSIÓN
El texto sobre el fondo blanco es más legible y por lo tanto el lector debe
forzar. Esto también se puede ver en colores claros y obscuros. Esto se debe
a los colores.
“El blanco es el fondo universal de la comunicación grafica”
ARMONIA Y CONTRASTE
Armonía: crear una gama para la web que esté compuesta de los mismos
colores de la misma o un tono parecido.
Contrastes
Combinar diferentes colores para crear una gama como, colores claros y
obscuros, cálidos y fríos.
34
35
38
SIGNIFICADO DEL COLOR
Blanco: Se encuentra en el extremo de la gama de los grises. Es un color
latente por su capacidad de potenciarlos otros colores vecinos. Puede
expresar paz, un estado soleado, felicidad, estar en constante movimiento,
pureza e inocencia.
Negro: Al igual que el blanco, también se encuentra en el extremo de la gama
de los grises. Es el símbolo del silencio, del misterio y, en ocasiones significa
impuro, maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.
Gris: Simboliza la indecisión y la ausencia de energía, expresa duda y
melancolía.
Amarillo: Es color más luminoso, más cálido, ardiente y expansivo. Es el color
del sol, de la luz y del oro, como tal es violento intenso y agudo. Suelen
interpretarse como animados, joviales, excitantes efectivos e impulsivos. “No
es recomendable usarlo como un color principal en las páginas web, ya que
tiene demasiada fuerza y tiende a cansar visualmente.”
Naranja: Simboliza fuerza activa, ardiente y expansiva. Tiene un carácter
acogedor, cálido, estimulante y una cualidad dinámica muy positiva y
energética.
Azul: Es el símbolo de la profundidad. Expresa armonía, amistad, fidelidad,
serenidad, posee la virtud de crear la ilusión óptica de retroceder. Este color
se asocia con el mar, el cielo y el aire. El azul claro puede sugerir egoísmo.
Rojo: Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza
bruta y del fuego.
Violeta: Es el color de la templanza, de la lucidez y de la reflexión. Es místico,
melancólico y podría representar también la introversión.
Verde: Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la
naturaleza. Es el color de la calma.
39
ANTECEDENTE DE INTERNET2
Internet no es una única red de ordenadores sino que es un conjunto de
25,000 redes interconectadas que se comunican entre ellas con un mismo
protocolo o lenguaje, denominado TCP\IP.
Hoy en día se calcula que entre 30 y 40 millones de usuarios de todo el
mundo utilizan esta red para comunicarse a distancia a través del ordenador.
Internet es una fuente de recursos de información compartidos a escala
mundial. Es una vía de comunicación para establecer cooperación y
colaboración entre comunidades y grupos de interés por temas específicos,
distribuidos por todo el mundo.
Los inicios de internet nos remontan a los años 60. En plena guerra fría,
estados unidos crea una red exclusivamente militar, con el objetivo de que, en
el hipotético caso de un ataque ruso, se pudiera tener acceso a la información
militar desde cualquier punto del país.
Esta red se creó en 1969 y se llamo ARPANET. En principio, la red contaba
con 4 ordenadores distribuidos entre distintas universidades del país. Tanto
fue el crecimiento de la red que su sistema de comunicación se quedo
obsoleto. Entonces dos investigadores crearon el Protocolo TCP\IP, que se
convirtió en el estándar de comunicaciones dentro de las redes informáticas
(actualmente seguimos utilizando dicho protocolo).
ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con
fines académicos o de investigación podía tener acceso a la red. Las
funciones militares se desligaron de ARPANET y fueron a MILNET, una nueva
red creada por los estados unidos.
La NSF (Nacional Science Fundation) crea su propia red informática llamada
NSFNET, que mas tarde absorbe a ARPANET, creando así una gran red con
propósitos científicos y académicos. El desarrollo de las redes fue abismal, y
se crean nuevas redes de libre acceso que más tarde se unen a NSFNET,
formando el embrión de lo que hoy conocemos como INTERNET.
2 http://www.monografias.com/trabajos5/laweb/laweb.shtml#I3
36
40
En 1985 el internet ya era una tecnología establecida, aunque conocida por
unos pocos. El autor William Gibson hizo una revelación: el término
“ciberespacio”
En este tiempo la red era básicamente textual, así que el autor se baso en los
videojuegos. Con el tiempo la palabra “ciberespacio” termino por ser sinónimo
de internet.
El desarrollo de NSFNET fue tal que hacia el año 1990 ya contaba con
alrededor de 100,000 servidores.
En el centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee
dirigía la búsqueda de un sistema de almacenamiento y recuperación de
datos. Berners Lee remoto la idea de Ted Nelson (un proyecto llamado
“Xanadu”) de usar hipervínculos.
Robert Caillau quien coopero con el proyecto, cuenta que en 1990 deciden
ponerle un nombre al sistema y lo llamaron World Wide Web (www) o telaraña
mundial.
La nueva fórmula permitía vincular información en forma lógica y a través de
las redes. El contenido se programaba en un lenguaje de hipertexto con
“etiquetas” que asignaban una función a cada parte del contenido. Luego, un
programa de computación, un intérprete, eran capaz de leer esas etiquetas
para despejar la información. Ese interprete seria conocido como “navegador”
o “browser”.
En 1993 Marc Andreesen produjo la primera versión del navegador “Mosaic”
que permitió acceder con mayor naturalidad a la WWW. La interfaz graficaba
mas allá de los previsto y la facilidad con la que podía manejarse el programa
abría la red a los lejos. Poco después Andreesen encabezo la creación del
programa Netscape.
A partir de entonces Internet comenzó a crecer más rápido que otro medio de
comunicación, convirtiéndose en lo que hoy todos conocemos.
Algunos de los servicios disponibles en Internet aparte de la Web son el
acceso remoto a otras maquinas (SSH y telnet), transferencia de archivos
(FTP) correo electrónico (SMTP), conversaciones en línea (IMSN
37
MESSENGER, ICQ, YIM, AOL, Jabber), transmisión de archivos (P2P, P2M,
descarga directa), etc.
HISTORIA DE INTERNET EN MÉXICO
La historia de internet en México empieza en el año de 1989 con la conexión
del Instituto Tecnológico y de Estudios Superiores de Monterrey, en el
Campus Monterrey, ITESM hacia la universidad de Texas en San Antonio
(UTSA), específicamente a la escuela de Medicina. Una línea privada
analógica de 4 hilos a 9600 bits por segundo fue un enlace.
Conexiones a BITNET en México, Sin embargo, antes de que el ITEMS se
conectara a internet, casi a final de los 80s, recibía el tráfico de BITNET por la
misma línea privada.
El ITEMS era participe de BITNET desde 1986. Las conexiones se hacían a
través de líneas de conmutadas. La conexión permanente de esta institución
se logro hasta el 15 de junio de 1987 (a BITNET y posteriormente a
INTERNET)
La UNAM se conecto a BINET en Octubre de 1987.
En noviembre de 1988 se cambia la conexión permanente que interconectaba
equipo IBM con RSCS, a equipos DEC utilizando DECNET. Al cambiar el
protocolo se tenía de encapsular tráfico de TCP\IP en DECNET y por lo tanto
formar parte de INTERNET.
Al siguiente año, en 1989, se cambio de una a tres líneas. Con ello, se cambio
el equipo de interconexión y se incorporaron equipos de ruteo CISCO. Las
conexiones siguieron siendo con la UTSA.
Primeros equipos conectados a INTERNET.
La maquina que reciba la conexión de DECNET es una Microvax-II con la
dirección 131.178.1.1 (desde septiembre de 1993 se encuentra fuera de
operación en el ITEMS, Campus Monterrey). Esta máquina tenía un software
que recibía el tráfico de TCP\IP encapsulado en DECNET, lo sacaba y
permitía acceder a Internet.
Además de ser el primer nodo de Internet en México, paso a ser el Primer
Name server para el dominio.mx.
38
41
LA UNAM COMO SEGUNDO NODO Y SU INTERCONEXIÓN CON EL
ITESM.
El segundo nodo internet en México fue la Universidad Nacional Autónoma de
México, en el Instituto de Astronomía en la ciudad de México. Esto mediante
una conexión vía satélite de 56 Kbps, con el Centro Nacional de Investigación
Atmosférica (NCAR) de Boulder, Colorado, en los Estados Unidos de
Norteamérica. Por lo tanto, se trataba de una línea digital.
Después de esto, lo que proseguía era una interconexión entre la UNAM y el
ITESM (Campus Monterrey), pero lo que funciono en ese entonces fue un
enlace BITNET entre ellos. Claro, líneas privadas analógicas de 9600 bps.
El ITESM, Estado de México, se conecta a internet.
El ITESM, en su campus Estado de México, se conecta a través del centro de
Investigación Atmosférica (NCAR) a internet. Como la UNAM, obtiene una
conexión satelital de 56 Kbps, es decir, enlace digital. La función de este
enlace es dar servicio a los demás ITESM, diseminados a través de todo el
país.
Debido al crecimiento registrado en Internet, la National Science Fundation, en
los Estados Unidos, requería de una respaldada red de telecomunicaciones
para todos aquellos países que se integraban a Internet, por lo tanto, se
tomaron algunas decisiones en México, como la de formalizar el uso de IGRP
entre los rute adores y revisar detalladamente la asignación de ASN
(Authonomous Systems).
La universidad de Guadalajara, obtiene una conexión a Internet con la
Universidad de California en los Ángeles. Esta era una línea privada de 4 hilos
a 9600 bps. Estaban bajo el dominio de UCLA y con direcciones de IP también
de la UCLA.
Las demás instituciones, en ese tiempo, accesaban Internet por medios
conmutados. Tal es el caso de Colegio de Postgraduados (COLPOS) de la
Universidad de Chapingo, en el Estado de México. El centro de Investigación
en Química Aplicada, con sede en Saltillo, Coahuila. El laboratorio Nacional de
Informática Avanzada de Xalapa, Veracruz. Todos ellos se conectaban al
ITESM, Campus Monterrey para salir a Internet. 39
42
La Universidad de Guanajuato- Precursor de RUTYC- en salamanca,
Guanajuato, se enlazaba a la UNAM. El Instituto Tecnológico de Mexicali, en
Baja California; se conectaba a la red de BESTNET.
FORMACIÓN DE MEXNET
En ese entonces existía un organismo llamado RED-MEX, formado
principalmente por la academia, y es donde se discuten las políticas, estatutos
y procedimientos que habrían de regir y dirigir el camino de la organización de
la red de comunicación de datos de México. Esta debería ser una Asociación
Civil.
Es así (después de muchos problemas para reunir a los representantes
legales de cada institución) como surge MEXNET, el lugar fue la Universidad
de Guadalajara. El motivo, crear a la asociación civil. El día 20 de enero de
1992.
Los participantes: ITESM, Universidad de Guadalajara, Universidad de las
Américas, ITESO, Colegio de Postgraduados, LANA, CIQA, Universidad de
Guanajuato, Universidad Veracruzana, Instituto de Ecología, Universidad
Iberoamericana, IT de Mexicali.
Crecimiento del Internet en México.
Más tarde, el 1ro. De junio de 1992, MEXNET establece una salida digital de
56 kbps al Backbone de Internet.
El crecimiento de MEXNET fue registrado a usuarios como: IPN, CINVESTAV,
UAdeC, INAOE, en 1992, UAM, UAG.
Universidad Panamericana, CIMIT, UAP, UA de Chapingo, UAAAN,
COMINSA, UASLP, Universidad Veracruzana, UANL Y Universidad Autónoma
de Puebla entre otros, esto durante 1993.
BAJAred se empieza a formar con las siguientes instituciones educativas,
todas ellas de Baja California:
Centro de Enseñanza Técnica y Superior.CETYS
Centro de Investigación Científica y Educación Superior de Ensenada-
CICESE.
Universidad Autónoma de Baja California-UABC.
43
Colegio de la Frontera Norte- COLEF.
Instituto Tecnológico de Mexicali- ITM
En 1993 el CONACyT se conecta a Internet mediante un enlace satelital al
NCAR, EI ITAM hace lo propio el 18 de Enero de 1993.
Es en 1993 cuando la UAM se establece como el primer NAP, al intercambiar
tráfico entre dos diferentes redes.
Para fines de 1993 existían una serie de redes ya establecidas en el País,
algunas de ellas:
MEXNET
Red UNAM
Red ITESM
RUTyC, que desaparecería como tal ese mismo año.
BAJAnet.
Red Total CONACYT
SIRACyT, un esfuerzo por agrupar las anteriores.
Fue hasta 1994, con la formación de la Red Tecnológica Nacional (RNT),
integrada por MEXnet y CONACyT que el enlace creció a 2Mbps (E1). Y es en
este año que el internet se abre a nivel comercial en nuestro país PIXELnet,
ya que hasta entonces, solamente Instituciones Educativas y de Investigación
lograron realizar su enlace a Internet.
Durante 1994 y 1995, se consolidaron redes como RTN creando un Backbone
nacional y agrupando a un gran número de instituciones educativas y
comerciales en toda la republica, desde Baja California hasta Quintana Roo.
Se mantuvieron esfuerzos de la Red UNAM y surgieron los ISP´s comerciales
con más fuerza, los cuales no solo brindaban conexión a Internet sino
servicios de valor agregado, tales como acceso a Bases de Datos públicas y
privadas.
Es así el centro de Ciencias de Sinaloa a partir del 15 de Marzo de 1994
realiza las últimas pruebas de funcionamiento, del enlace vía RDI Conacyt
D.F.-Centro de Ciencias de Sinaloa lo que permite que su red local\regional
quede conectada al segmento de la RNT con el numero de subred
40
44
148.207.16.0 y con dominio (ccs.conacyt.mx). Con este hecho el centro de
ciencias de Sinaloa queda constituido como “Institución Nodo Regional” de la
RTN. Actualmente nuestro dominio es (ccs.net.mx).
CONSOLIDACIÓN DE LOS SERVICIOS DE INTERNET EN MÉXICO.
En diciembre de 1995 se hace el anuncio oficial del Centro de Información de
Redes de México (NIC-México) el cual se encarga de la coordinación y
administración de los recursos de internet asignados a México, tales como la
administración y delegación de los nombres de dominio ubicados bajo. MX.
En 1996, ciudades como Monterrey, N.L, registran cerca de 17 enlaces
contratados con TELMEX para uso privado. Se consolidan los principales
ISP´s en el país, de los cuales 100 Ubicados a lo largo y ancho del territorio
nacional.
En los primeros meses, tan solo el 2% de los Hosts totales (16,000) ubicados
bajo.mx tienen en su nombre las letras WWW.
Nace la sociedad Internet, Capitulo México, una asociación internacional no
gubernamental no lucrativa para la coordinación global y cooperación en
Internet. Se crea el Computer Emergency Response Team de México.
A finales del 96 la apertura en materia de empresas de telecomunicaciones y
concesiones de telefonía de larga distancia provoca un auge momentáneo en
las conexiones a Internet
Empresas como AVANTEL y Alestra-AT&T ahora compiten con TELMEX.
En 1997 existen más de 150 proveedores a acceso a internet (ISP´s) que
brindan sus servicios en el territorio mexicano, ubicados en los principales
centros urbanos: Cd de México, Guadalajara, Monterrey, Chihuahua, Tijuana,
puebla, Mérida, nuevo Laredo, saltillo, Oaxaca por mencionar solo algunas.
41
45
El estilo especial que debe contener cualquier tipo de publicidad sea dentro
del medio que sea debe de basarse en el concepto de publicidad y las
características de la misma.
PUBLICIDAD3
CONCEPTO
“Estilo especial de relaciones publicas que involucra comunicación referente a
una organización, sus productos o políticas, la cual no es pagada por una
empresa patrocinada. Todas las actividades requeridas para presentar a una
audiencia impersonal pagado por un patrocinador identificado a cerca de un
producto u organización.”
Objetivos
Vender algo (un bien, una idea, una persona o un lugar) ahora o más
tarde.
Apoyar la venta personal.
Mejorar las relaciones con los distribuidores.
Introducir un producto nuevo.
Contrarrestar la sustitución.
5.2 TIPOS DE PUBLICIDAD
La publicidad se puede clasificar atendiendo a:
1. La audiencia meta, ya sea los consumidores o las empresas.
2. Lo que se publicita (un producto o una institución).
3. El objetivo (estimular la demanda primaria o la selectiva).
Estudios internos
Análisis de los datos de la empresa y estudios realizados.
Estadísticas publicitarias por organismos oficiales y privados
Análisis de ventas.
Análisis del producto.
Análisis de mercado para planeación publicitaria.
Análisis socioeconómico y de la empresa.
Estudios externos.
3 Ibídem, pág. G-17
42
46
Investigación de mercado recurriendo a la fuente de información.
De consumo.
De distribución.
Del producto.
De publicidad.
Especiales.
ESTRATEGIAS PUBLICITARIAS
Algunas estrategias para la realización de una publicidad efectiva son:
Asociación psico-emotiva al consumidor. Por medio de:
Estética: imágenes, música, personas, etc.
Humor.
Sentimientos: amor materno, enamoramiento, etc.
Testimoniales: de unas figuras o personas famosas o reconocidas de
forma positiva, o de personajes de asociación proactiva.
Demostración: Pruebas, tests, ensayos.
Oportunidad. El mensaje debería aprovechar el momento, coyuntura o
situación del tiempo de referencia.
Frecuencia. El consumidor comienza a retener un mensaje cuando
este es repetitivo.
Sinceridad. El fraude produce frustración en el consumidor. Lo hace
sentir mal y conduce a sentimientos depresivos, que incluso pueden
llevar al suicidio. con respecto a esto existen muchos casos, así que se
debe ser cuidadoso, y honesto, lo que produce mejores resultados
Propuesta Única de Venta. (USP) (UNIQUE SELLING PROPOSITION)
Todo anuncio debe hacer una proposición concreta al consumidor.
La proposición debe distinguirse de la competencia (ventaja competitiva,
elemento diferenciador o posicionamiento); esta es la condición más
importante del USP.
43
47
Debe ser tan atractiva que influya sobre la totalidad del mercado meta del
producto.
Actualmente la proposición de venta es de carácter emocional cambiando su
denominación a (ESP)
IMAGEN DE MARCA.
Recurso a un símbolo para asociarlo sistemáticamente al producto o a la
marca.
Como consecuencia se producirá un reconocimiento automático del símbolo
(color, eslogan, elemento simbólico, etc.) por parte del consumidor.
MEDIOS PUBLICITARIOS
“Los medios publicitarios. Tipología y características”
Concepto
Medios: canales de comunicación. Ejemplo: prensa.
Soporte: distintas secciones en las que se divide en canal de comunicación.
Ejemplo: ABC
Clasificación de los medios
Convencionales: Cine, internet, tv, radio, prensa y diarios, vallas
publicitarias o publicidad exterior. Tienen razón de ser sin la publicidad.
No convencionales: marketing directo, PLV, publicidad directa
(mailing o buzoneo). No tienen razón de ser sin la publicidad, excepto
el mobiliario urbano.
44
48
* Clasificación según soporte técnico empleado:
Medios impresos, soporte gráfico: diarios, suplementos, cabinas,
mailing, buzoneo, PLV...
Medios audiovisuales: Tv, radio, cine…
Nuevas Tecnologías: internet, tv digital…
Otro medios: instalaciones deportivas, medios de transporte, carros de
supermercados...
LOS NUEVOS MEDIOS DE COMUNICACIÓN:
Internet
Tendencias del mercado en Internet:
Digitalización de la información: sobre todo ante los sistemas
analógicos de la TV, con lo que se vigila y mejora el impacto
publicitario. Nos permite dar mayor creatividad a los mensajes.
Formatos multimedia: el mayor exponente es Internet: imagen,
gráficos, textos todo junto.
Carácter interactivo de la publicidad: la forma de irse personalizando la
TV es buscar un feedback, se busca que el consumidor pase de un roll
pasivo a un roll activo, en definitiva que el consumidor reclame sus
necesidades y las haga patentes.
Necesidad de información: es cada vez mayor, se refiere a bases de
datos e información en general.
Telnet: conexiones remotas, video-conferencias.
Irc: chat, conexión en tiempo real (Messenger)
News: boletines que se transmiten a través de Internet.
Internet crece anualmente un 6%.
45
49
CARACTERÍSTICAS DE INTERNET COMO MEDIO PUBLICITARIO:
Es generador de valor añadido: ya que posibilita una gran cantidad de
información de los múltiples productos que se comercializas a través
de la red.
Interactividad: Internet cambia el rol del consumidor desde un punto de
vista pasivo a uno activo, se puede decir que es una característica que
diferencia a este medio del resto de medios publicitarios.
Acceso voluntario: el usuario de la red solo se expondrá a aquellos
mensajes publicitarios que el desee y que estime convenientes y
relevantes. Se puede decir que Internet se convierte en el medio de
comunicación de la implicación.
Impulso internacional: Internet se convierte en un escaparate
internacional para grandes y pequeñas empresas.
Versatilidad y flexibilidad: Internet es versátil ya que permite mediante
un bajo coste, el cambio de la información emitida, de una forma
cómoda y rápida, y es flexible ya que podemos moldear la información
que transmitimos de nuestro producto, marca o empresa.
Mejora de la imagen corporativa: las empresas que tienen Web son
concebidas con respecto a las imágenes transmitidas en su página.
Capacidad de selección del target group: el usuario medio de Internet
es un usuario muy homogéneo, por tanto en aquellas empresas en las
que su perfil de consumidor sea similar o encaje con el perfil de
internauta, supondrá un beneficio diferenciador con respecto al resto
del mercado.
Discriminación geográfica: Es el medio con más discriminidad
geográfica, ya que detecta la dirección IP desde donde se conecta.
Medio multimedia
Medio hipermedia: además de los formatos que componen la
denominación multimedia, Internet utiliza el lenguaje hipertexto que no
es otra cosa que un enlace a otra sección o página Web
50
DESVENTAJAS DEL MEDIO INTERNET:
Dificultad para entender los mensajes publicitarios: no es de extrañar
que encontrar información muy concreta en Internet puede llegar a ser
algo escabroso, debido a la cantidad de información que hay en
Internet. Cuanto más nos acerquemos a una metatracks y cuanto más
entre la gente en nuestra página, más posibilidades tendremos de
situarnos entre los primeros en los buscadores.
Necesidad de infraestructura adecuada: Internet como medio masivo
puede plantear una oportunidad o una amenaza, esto depende de
cómo marquemos el área logística de nuestra Web, es un problema
porque no podrá entrar todo el mundo, y si no se lo ofrecemos creamos
una mala imagen en la empresa, es necesario crear los horizontes
necesarios en la página.
Necesidad de personal especializado: para organizar un comercio on-
line necesitamos gente que tenga conocimientos que tenga más
conocimientos que el usuario medio, necesitamos gente especializada
en Internet.
Perfil sociodemográfico: Internet tiene un perfil de internáuta muy
marcado, personas de ambos sexos, de jóvenes hasta los 35 años
más o menos, con una clase económicas media-alta…si nuestra
empresa se acerca a este perfil, tiene el éxito garantizado.
46
51
Cada vez más las empresas quieren acercarse a todos los mercados,
adaptándose a ellos, para actuar de una forma global. La tendencia
occidental, busca dirigirse a grupos individualizados, es buscar lo personal, lo
concreto.
PORTALES
La figura de los portales está teniendo cada vez más repercusión en Internet,
los cuales (los portales), los podemos definir como, web-sites de uso
exhaustivo y que han tenido su origen en un buscador o directorio. Dentro de
los tipos de portales, nos encontramos con los denominados verticales y
horizontales:
Los horizontales, son aquellos que nos informan de muchos y diversos
temas, suelen ser variopintos y no suelen tener interrelación entre unos
y otros, además la cantidad de información que se suministra de cada
uno de estos temas, no suele ser muy extensa. Ejemplo: ya.com,
wanadoo.com…
Los portales verticales, están especializados en un tema concreto,
desarrollando cuantiosamente y profundamente su información.
Ejemplo: Contenidos.com, fútbol.com, estos marcan una directriz única
y desarrollan la información desde muchos aspectos.
Esquema de la planificación publicitaria en Internet:
Debe haber una concordancia entre los objetivos y acciones de comunicación
general tanto on-line (a través de Internet) como off-line (mediante otros
medios), lo cual producirá sinergias de comunicación.
Los objetivos que deben planificarse dentro de la publicidad on-line son:
Generar tráfico.
Generar notoriedad: dentro de un sector nos situamos como marca
líder.
Fidelizar a la clientela: que nuestra clientela se sienta cómoda y que se
acostumbre a navegar por nuestra página a través de promociones
Otros
Braning: crear marca y situarnos los primeros en la mente del consumidor
47
52
Modificador de actitudes logística: hacer todo lo posible para que nuestro
producto llegue al consumidor final. Nuestro producto es muy especializado y
necesita más información. Crearé un soporte para llevar esa información a
nuestros clientes que la reclaman.
FORMAS PUBLICITARIAS EN INTERNET
BANNER: para el diseño del banner habrá que crear diseños atractivos
y que contrasten con el resto de la página, preferiblemente colores
corporativos de la marca o empresa. Podemos definir el Banner como
aquel formato publicitario con una ubicación preferencial en una
página Web y que normalmente sirve de enlace a la empresa que lo ha
desarrollado, suele tener formato horizontal y rectangular. Una
circunstancia muy importante en la construcción del banner, es su peso
el cual por término medio es de 12 kb. Normalmente ocupa la parte
superior de la página, con formato horizontal, si fuera vertical seria un
rascacielos. Se diferenciable otras piezas en que es rectangular. Sirve
de enlace para una página Web.
INFOBANNER O BANNER DESPLEGABLE: gracias a la tecnología
Rich-media, el infobanner o banner despegable, permite al usuario
desplegar un menú y hacer clic sobre la opción elegida. En definitiva, el
infobanner no es más que el banner tradicional con la opción de menú
despegable.
BOTÓN: son variaciones más pequeñas que los banners, en formato
cuadrado por general, con finalidad de ser estáticos o dinámicos,
suelen estar fijos en secciones laterales de las páginas Webs y
permiten la interacción, sirven de enlace para otras páginas, micro-
sites…
VENTANA POP- UP: son mensajes emergentes de forma automática,
el formato suele ser fijo y se corresponde con una ventana con opción
de cierre por parte del usuario, suelen estar confeccionadas con
48
53
tecnología java y su principal propósito es provocar el impacto a toda
costa, situación que puede cansar al usuario o internauta y, por tanto,
puede convertirse en una imagen desfavorable para la empresa, marca
o producto que se encuentre detrás.
LINK: son enlaces de texto con los cuales se puede realizar conexión
con otro espacio, sitio, o web. Sus tamaños suelen ser variables y
suelen informar sobre eventos especiales, promociones o nuevas
ubicaciones.
QUICK LINK: son enlaces rápidos mediante palabras, suelen aparecer
en los home y normalmente encabezando las distintas secciones.
INTERSTITIAL: son formatos que aparecen cuando se esta
produciendo la carga de la página web solicitada, ocupando parte o
toda la pantalla del ordenador. Son mensajes de transición con una
duración mínima normalmente 5 o 2”. Por ejemplo www.elmundo.es
LAYER: son elementos dinámicos que cruzan la pantalla de forma
superpuesta a la información reforzando la notoriedad de la marca o de
otras acciones publicitarias que se encuentran tanto dentro de esa
página web como fuera de ella o incluso offline.
CURSOR ANIMADO: introduce un mensaje o una animación de un
anunciante en el cursor del ordenador del usuario, pudiendo aumentar
la notoriedad y complementando a otras figuras comunicativas. Es
necesario que la marca, empresa o producto que se encuentre detrás
de esta animación sea conocida de forma offline, porque el usuario
puede pensar que ha sido infectado por un virus.
CIBERSPOT: son anuncios que recogen una secuencia de imágenes
en movimiento y en muchas ocasiones van acompañadas incluso de
audio, para su reproducción es necesario que se hallen instalados en
el ordenador del internauta determinados programas, como quicktime,
moviplayer, flash,... son muy espectaculares, pero al mismo tiempo
requieren gran cantidad de espacio y rapidez de descarga.
MICROSITE: es un formato publicitario, consistente en un site
completo, pero con menos información que uno normal, normalmente
54
específica, suele tener una vida limitada y se utiliza para dar a conocer
o promocionar determinados artículos o productos en su etapa de
introducción al mercado.
MOSCA: se trata de un logotipo o imagen superpuesta que permanece
constante dentro de unas determinadas coordenadas y en toda la
navegación a través de un determinado site. Su objetivo principal es el
recuerdo de la marca..
PUSH ADVERTISING: es aquella información que llega al usuario sin
necesidad de conexión a una determinada página web, pudiéndose dar
en forma de salvapantalla o formato similar, atractivo para el
internauta. Normalmente reciben el nombre de descargas.
PRINCIPALES VARIABLES PARA LA PLANIFICACIÓN ON-LINE
Las principales herramientas o variables que debe barajar el planificador de
medios, cuando se disponga a llevar a cabo una campaña en internet, son las
siguientes:
El público objetivo: debemos aprovechar las posibilidades de
segmentación que nos ofrece la red.
Audiencia: debemos aprovechar los beneficios de un público global.
Las huellas digitales o cookies: son las huellas o señales personales
que deja cada usuario al visitar un website.
Frecuencia: internet permite determinar el número de impactos que
recibe cada individuo.
Hit: es el número de ficheros que la web expone y lanza a sus
visitantes.
Impresión: es la exposición del anuncio, es decir, cada una de las
veces que se carga un formato publicitario en el website.
Clic through o CTR: es la unidad de medida de respuesta publicitaria
que corresponde a la relación entre el número de clicks y el número de
veces que se exponen los mensajes.
49
55
MEDIDAS DE COSTE ECONÓMICO EN INTERNET
- Coste por impresión
- Cuota fija
- Patrocinio
- Pago por ventas
- Coste por mil impresiones
- Coste por CTR
Principales anunciantes en internet (INFOADEX)
1. El Corte Inglés
2. O.N.C.E.
3. Wolwagen-Audi
4. Renault
5. Ford
6. Alhed-Domecq
7. Peugeot
8. Telefónica
9. Telefónica-móviles
10. Henkel
50
56
METODOLOGÍA DE LA PÁGINA WEB
51
52
57
1. MODELO METODOLÓGICO
“Un modelo es la expresión de una realidad o sistema mediante algún
lenguaje formal o simbolismo grafico que facilita su comprensión y el estudio
de así comportamiento”.4
Para la realización de la página web es necesario tener una guía que
formalice las actividades realizadas; es por lo que se diseña el modelo
metodológico.
Se utilizo la metodología de la empresa clown group, dedicada al diseño de
páginas Web, el cual se determino que era la más accesible y adecuada para
el diseño de la pagina Web de Inmobiliaria Mentorr.
4 Diccionario de la Real Academia de la Lengua Española (1992)
53 58
Diseño de página
web optimizada
Arquitectura de la
información
Definición de
objetivos
Definición de
audiencia
Definición de
contenidos
Definición de la
estructura
Definición de la
navegación
Modificación
Presentación final de
la página Web.
Definición de diseño
audiovisual
59
DISEÑO DE PÁGINAS WEB OPTIMIZADAS
En este paso es donde se decide el programa a usar tomando en cuenta tanto
nivel código, imágenes y usabilidad. (Ergonomía).
En este caso se utilizo el programa Macromedia Flash 8 ya que es flexible en
su uso y buena resolución en las imágenes.
En esta parte se debe buscar la manera de adaptarlo al usuario con un fácil
uso de la página Web. Debe ser útil para el usuario y rentable para la inmobiliaria
Mentorr S.A de C.V.
54
60
2. ARQUITECTURA DE LA INFORMACIÓN
Aquí encontramos las herramientas que permiten organizar eficazmente los
contenidos de la página Web donde permitirá al usuario encontrar lo que
busca de manera rápida, precisa y sin esfuerzo. Lo que se realizo fue precisar
en qué vinculo se podría determinar la información.
Vinculo de la Información
Visión
Vinculo de la Información
Misión
56
61
Vinculo de la Información
Locales
Vinculo de la Información
Ubicación
Vinculo de la Información
Quienes Somos
62
DEFINICIÓN DE OBJETIVOS
En esta parte se debe definir bien los objetivos con los cuales puedes medir la
efectividad del trabajo. Buscar una buena manera de adaptar la pagina Web al
usuario, este bien organizado en la información, y sobre todo que sea atractiva
y agradable para el usuario.
Realizar una Página Web que cubra el mercado meta de
INMOBILIARIA MENTORR S.A DE C.V. Y así poder tener un mayor
número de clientes. En un plazo aproximado de doce semanas, se
difundirá dicha página por toda la Red.
3. DEFINICIÓN DE AUDIENCIA.
El posible público de la página, debe tener conexión a internet un equipo de
cómputo. Puede ser nacional como internacional.
Nuestro público son empresarios con ganas de exitosos en sus negocios
aumentando su cadena de negocios en diferentes plazas o centros
comerciales.
4. DEFINICION DE CONTENIDOS
Ya que se obtuvo los objetivos y la audiencia se procedió a estudiar los
contenidos que se incorporaron a la página Web. Y se agruparon de manera
coherente para presentarlo al usuario. Lo que se realizo fue clasificar la
información de acuerdo al vínculo.
¿Quiénes Somos?
Antecedentes
Misión
Visión
Locales
Ubicación
Contacto
Inicio
57
63
5. DEFINICIÓN DE LA ESTRUCTURA
Se realizo el diagrama de la página Web y el formato que tendría. Definiendo
el esqueleto, utilizando módulos para dividir dada sección y ordenarlas según
su importancia.
6. DEFINICIÓN DE LA NAVEGACIÓN
Se definió una fácil navegación dentro de la página Web guiando al usuario
por donde poder ingresar.
7. DEFINICIÓN DEL DISEÑO VISUAL
En esta parte encierra la parte estética de la página Web teniendo en cuenta
la identidad de la empresa (inmobiliaria Mentorr S.A de C.V.) Desde los
colores adecuados de acuerdo con las actividades de la empresa, tipografía e
imágenes que fueran adecuadas al diseño de la pagina Web.
58
59 64
7.1 COLOR
Los colores utilizados asumen un papel muy importante en el diseño de la
pagina Web ya que tiene un significado, tomando en cuenta el giro de la
empresa se han determinado los colores blanco y azul con diferentes
tonalidades del mismo.
Los colores que se utilizaron para la página web son:
Verde
Blanco
Negro
60
65
CONCLUSIONES
61
66
CONCLUSIONES
Después de haber realizado el diseño de la página web de INMOBILIARIA
MENTORR S.A DE C.V. PROYECTO GALERIA SAN VICENTE nos dimos
cuenta que con esta innovación en el ámbito tecnológico la empresa podrá
tener un mayor número de clientes dentro del centro comercial.
No realizamos una evaluación para la página web ya que no contamos con el
tiempo suficiente para realizarlo.
Llegamos a la conclusión que el diseño de la pagina web fue un excelente
proyecto ya que la inmobiliaria junto con el centro comercial galería san
Vicente no contaban con una publicidad por internet.
Por medio de internet muchas empresas se dan a conocer pero el principal
objetivo del equipo fue hacer un buen diseño. La página web realizada es una
excelente opción para esta empresa ya que podrá entrar al mundo del internet
y publicidad por medio de internet para poder crecer un poco más.
67
RECOMENDACIONES
62
68
RECOMENDACIONES
Se ha determinado en base al proyecto y al diseño de la página web ya
realizada, que se actualice la información, imágenes etc. de la página
web cada 3 o 4 meses, para así tener siempre al usuario informado
sobre la empresa.
Es conveniente que incluyan la dirección de la página web dentro de su
publicidad.
Se recomienda hacer una evaluación a la página realizada para poder
generar un mayor número de información en cuanto al diseño de la
página.
Recomendamos de igual forma que se le de mantenimiento a la pagina
para poder así mismo actualizarla constantemente.
63
64
69
GLOSARIO
Audiencia: Número de personas que reciben un mensaje a través de
cualquier medio de comunicación.
Http: HTTP de HyperText Transfer Protocol (Protocolo de transferencia de
hipertexto) es el método más común de intercambio de información en la world
wide web, el método mediante el cual se transfieren las páginas web a un
ordenador.
Impacto: Fuerza con que un mensaje de venta se registra en la mente de una
persona.
Nodo: Punto de onda estacionaria, que permanece siempre en reposo.
Optimizada: Buscar la mejor manera de realizar una actividad.
Pagina web: Es un documento electrónico escrito en un lenguaje de
computadora llamado HTML, cada página web tiene una dirección única
llamada URL, que identifica su localización en la red.
Red: Es un sistema de comunicación entre computadoras que permite la
transmisión de datos de una máquina a la otra, con lo que se lleva adelante
entre ellas un intercambio de todo tipo de información y de recursos.
Servidor: Es un ordenador o dispositivo especializado en una red que
comparten usuarios múltiples. Un servidor facilita a los usuarios el acceso a
servicios de red compartidos.
URL: son las siglas de Localizador de Recurso Uniforme (en inglés Uniform
Resource Locator), la dirección global de documentos y de otros recursos en
la World Wide Web.
ARPANET Red de la agencia de proyectos de Investigación avanzada; la red
creada por la Agencia de Proyectos de Investigación Avanzada del
Departamento de Defensa (DARPA); la red a partir de la cual surgió Internet.
Base de datos:(database) Una colección de datos organizados que se
pueden consultar.
70
Binario (binary) Un sistema numérico con una base de dos que usa el 1 y el 0.
La base para todas las comunicaciones digitales y la computación.
Cliente: A veces usado como un navegador; otras veces esto significa una
computadora que hace contacto con el host.
Dirección IP: (IP Adress) Una dirección numérica compuesta de cuatro
números de 8 bits que identifica en forma única a una computadora de una
red.
DNS: Servidor de Nombre de Dominio; un sistema que puede resolver una
dirección IP con un nombre.
Firewall: Una barrera de seguridad que ayuda a limitar los accesos no
autorizados a un sistema de computadoras.
FTP: Protocolo de transferencia de archivos (Transferer File Protocol); una
protocolo para transferir archivos hacia y desde computadoras remotas.
GIF: Formato de Intercambio de Gráficos (Grafhics Interchange Format); un
formato de archivo para imágenes que fue elaborado por CompuServe.
Host: Un sistema de computadora que puede ser contactado por otros
sistemas de computadoras.
TCP/IP: Protocolo de Control de Transmisión/Protocolo Internet (Transmisión
Control Protocolo/ Internet Protocolo); el estándar de las comunicaciones en
Internet.
65
71
BIBLIOGRAFÍA
Libros:
1. Cook David y Sellers Deborah
Inicie su negocio en Web.
Prentice-Hall Hispanoamericana, S.A.
2. Autor
Diseño en la Web
Mcgraw-Hill
3.Diccionario de la Real Academia de la Lengua Española 1997.
Revistas:
PC Plus
Revista Mensual de Informática.
COMPU MAGAZINE
http://www.compumagazine.com.ar/
En Internet:
http://www.iac.es/galeria/westend/node1.htm
http://www.iac.es/galeria/westend/node2.htm
http://www.iac.es/galeria/westend/node3.htm.
http://www.iac.es/galeria/westend/node4.htm, etc.
http://www.ocea.es/forem/guiahtml.htm
66
67 72