-Indice

1-Briefing
2-Libro de estilos
3-Presentación de la web
4-Conclusiones
 1
Briefing
 -¿Qué es Telnad?
Empresa dedicada a la implantación
de sistemas de telecomunicaciones.
Formación de técnicos especializa-
dos.

1
 -¿NECESIDAD DE UN WEB-SITE?
La necesidad de una web para una empresa dedicada a tecno-

1
logía y en concreto a telecomunicaciones es totalmente obvia, no
se puede vender tecnología sin ser los primeros en usarla. Por
esto, el proyecto de web-corporativa se convierte en una priori-
dad absoluta.
Nos obstante habrá que tener en cuenta el target al que esta-
rá dirido esta web y que es lo que hace la competencia. Así como
las funcionalidades necesarias para que la web tenga un sentido y
no sea una mera pieza de marketing.
 -¿QUÉ HACE TELNAD?
-¿QUÉ HACE LA COMPETENCIA?
-Venta de hardware
-Asistencia técnica 24h Cisco
-Formación presencial
-Formación a distancia Web corporativa con información general sobre la empresa y
acceso a las distintas secciones en las que se oferta desde forma-
ción hasta venta on-line de productos.
Como caracterísitica de esta web que deseo plasmar en el
proyecto telnad, está la de usar cabeceras con imágenes persuasi-
vas en las que se oferte lo más novedoso y un menú de navegación
con las secciones principales bien destacado para facilitar la usabi-
lidad y por supuesto su correspondiente zona de login situada en
la zona superior derecha.
Al igual que cisco diferenciaré las secciones principales como
serán la academia online y el punto de venta para que quede bién
claro que nos encontramos en otro punto de la web.
En un principio podría resultar un cambio brusco para
el usuario medio, pero teniendo en cuenta el target de la
empresa(especialistas en informática) esto no supondrá ningún
problema y ayudará a segmentar la web en atendiendo a las fun-
cionalidades de cada sección.

Nortel
Web corporativa con información general sobre la empresa

1
y acceso a las distintas secciones en las que se oferta desde for-
mación hasta venta on-line de productos.
Como caracterísitica de esta web que deseo plasmar en el
proyecto telnad, está la de usar cabeceras con imágenes persua-
sivas en las que se oferte lo más novedoso y un menú de nave-
gación con las secciones principales bien destacado para facilitar
la usabilidad y por supuesto su correspondiente zona de login
situada en la zona superior derecha.
 -¿QUÉ HACE TELNAD?
-Venta de hardware -¿QUÉ HACE LA COMPETENCIA?
-Asistencia técnica 24h
-Formación presencial
-Formación a distancia Netgear
Ésta web representa mas en si un comercio electrónico que
otra cosa, aunque haciendo incapié en algo tan importante en el
mundo de las telecomunicaciones como son las “soluciones”, ya
que no solo existe una forma de dar servicios, existen muchas y
en función de las necesidades de una empresa, podrán encontrar
lo que necesiten en ese apartado.
No obstante la organización de ventas de esta web me parece
mucho más adecuada a lo que ofrecen empresas como cisco o
nortel, se trata de un acceso mucho mas rápido a los recursos que
te puedan hacer falta.
Esta web puede ser ejemplo de la sección de ventas Telnad,
por la buena organización y la simpleza a la hora de adquirir un
producto.

Microsoft
A destacar de microsoft es la plataforma TechNet, una división
de la empresa que se dedica a la formación online por medio de
cursos interactivos o conferencias a través de webcast de todo lo

1
relacionado con sus productos.
Ésta zona también representa un punto de encuentro para la
organización de eventos presenciales para la presentación oficial
de productos.
También es bastante interesante la forma que tienen de distri-
buir las betas de sus programas a través de esta plataforma, para
que los propios profesionales del sector se familiaricen con estos
antes de su comercialización.
 -POSICIONAMIENTO
La intención de Telnad es crear una plataforma desde la
cual todo el target tenga un rincón al que acceder para des-
empeñar la actividad que desempeña.
También pretende ser un referente en tecnología por lo
que con el tiempo se pretende hacer una web 4.0, concepto
bastante novedoso que en el futuro traerá bastante de que
hablar, esto tiene que ver con la migración de aplicaciones a
la nube, como puede ser en un principio la inclusión en un
principio de software de administración de redes, en el que
cualquier administrador pueda tener organizadas sus redes
de mantenimiento y pueda acceder a comprobar fallos desde
cualquier lugar sin necesidad de descargar ningun software.

1
Esta última idea viene de un pequeño programa de fotografia
online que te permite hacer esquemas de luz y poder expor-
tarlos para tener una guía en las sesiones de fotos, extrayendo
también la idea de Cisco con su software “Packet tracert”
podriamos tener una herramienta accesible desde cualquier
ordenador para los usuarios del instrumental telnad.
 -Darse a conocer mundialmente
-SAT 24h
-Formación on-line
-RSS
-Comercio electrónico
-PÚBLICO OBJETIVO
El público al que se dirige Telnad es un público experimenta-
do en el uso y manejo de internet, un público exigente en conte-
nidos y en la calidad de los mismos, experto en su mayoria de los
contenidos que Telnad ofrece, por lo que se tendrá que disponer
de un amplio abanico de contenidos para satisfacer la demanda,
todo esto refiriéndonos al público profesional de Telnad.
En cuanto al público estudiantil, tenemos una situación algo
parecida, son los futuros profesionales que pasarán a formar parte
de la primera parte del target por lo que a nivel de contenidos
habrá que ser igual de meticuloso.

-NECESIDADES DE LA EMPRESA
Las necesidades que Telnad quiere cubrir con esta web-corpo-
rativa son principalmente la de darse a conocer en un territorio y

1
un mercado tan globalizado como es el de las telecomunicaciones,
un salto que como empresa de este sector tiene que dar forzada,
informar de toda esa bateria de titulaciones de formación de la
que dispone, dar un buen SAT( Servicio de Asistencia Técnica) a
sus clientes y la necesidad de entrar en ese mercado mundial que
el comercio electrónico permite y mantener informados a sus
clientes de las novedades del sector las 24h por medio de canales
RSS.
 -Arquitectura de
la información
Mapa 1 En una primera fase se crea-
Soluciones integrales (Paquetes completos) ron tres mapas web distintos,
con soluciones interesantes y
Index PyMes Productos (Para aquellas empresas que no quieran los paquetes completos) otras menos acertadas, final-
Soluciones integrales (Paquetes completos) mente se opta por la segunda
Soluciones Grandes empresa opción, devido a la interesante
Productos (Para aquellas empresas que no quieran los paquetes completos) agrupación de usuarios medi-
Proveedores de servicio Productos (Para aquellas empresas que no quieran los paquetes completos) da en profesionales del sector
y estudiantes (futuros profesio-
nales) que en una misma web
Formación Titulaciones podrán recibir formación a la
vez que estar al dia de las no-
Instructores vedades constantes que se van
sucediendo dia a dia en un cam-
Eventos (calendario con los eventos mas importantes del sector) po como es el de las telecomu-
nicaciones.
También es interesante la
Contacto

1
forma de agrupar los produc-
tos en soluciones integrales o
Filosofía y quiénes somos (La sección se llamará empresa)
productos propios, algo que de-
pendiendo de la empresa que
Mapa del sitio tenga que adquirir servicios le
resultará bastante intuitivo y
Ayuda amigable a la hora de realizar
las compras.
Aviso legal
 -Arquitectura de
la información
Mapa 2
En una primera fase se crea-
ron tres mapas web distintos,
PyMes con soluciones interesantes y
Index
Soluciones integrales otras menos acertadas, final-
Grandes empresa mente se opta por la segunda
Soluciones opción, devido a la interesante
Productos agrupación de usuarios medi-
Proveedores de servicio da en profesionales del sector
y estudiantes (futuros profesio-
nales) que en una misma web
T & Events Formación podrán recibir formación a la
Titulaciones
vez que estar al dia de las no-
vedades constantes que se van
Eventos Instructores sucediendo dia a dia en un cam-
po como es el de las telecomu-
Contacto nicaciones.
También es interesante la

1
forma de agrupar los produc-
Filosofía y quiénes somos (La sección se llamará empresa) tos en soluciones integrales o
productos propios, algo que de-
Mapa del sitio pendiendo de la empresa que
tenga que adquirir servicios le
Ayuda resultará bastante intuitivo y
amigable a la hora de realizar
las compras.
Aviso legal
 Mapa 3 -Arquitectura de
la información
PyMes
Index En una primera fase se crea-
Soluciones integrales ron tres mapas web distintos,
Grandes empresa con soluciones interesantes y
Soluciones
Productos otras menos acertadas, final-
Proveedores de servicio mente se opta por la segunda
opción, devido a la interesante
agrupación de usuarios medi-
da en profesionales del sector
T & Events Formación Titulaciones y estudiantes (futuros profesio-
nales) que en una misma web
podrán recibir formación a la
Eventos Instructores
vez que estar al dia de las no-
vedades constantes que se van
Centros (Listado de centros para la formación presencial) sucediendo dia a dia en un cam-
po como es el de las telecomu-
Contacto nicaciones.
También es interesante la

1
forma de agrupar los produc-
Filosofía y quiénes somos (La sección se llamará empresa) tos en soluciones integrales o
productos propios, algo que de-
Mapa del sitio pendiendo de la empresa que
tenga que adquirir servicios le
Ayuda resultará bastante intuitivo y
amigable a la hora de realizar
las compras.
Aviso legal
Libro de estilos 2
 -Tipología web
4:3
La tipología del web-site que pretende generar este proyecto
es una web corporativa, donde se reuna todo lo necesario para
desarrollar las actividades de telnad con sus clientes, con lo que
las secciones que no deben faltar son: Quiénes somos, Productos
y Servicios, Trabaja con Nosotros y Contacto.
No obstante la idea es agrupar una serie de servicios adicio-
nales a lo que sería una web corporativa simplemente, como sería
el comercio electrónico y la plataforma e-learning.
Como premisa principal, hay que entender que se trata de
una web que servirá como herramienta de trabajo, por lo que lo
funcional es lo primordial en este proyecto.

-Proporciones

2
La proporción elegida para el diseño de la interfaz gráfica de
usuario es la de 4:3, por ser el formato mas extendido, y por las
16:9 posibilidades que da a la hora de realizar webs verticales con mu-
cho contenido, para lo que se necesitaría el “scroll”.
Sin embargo se tiene en cuenta las proporciones del 16:9, ya
que la web podrá ser visualizada en ambos formatos, se tendrá
que cuidar la relación de scroll-contenido para que no desentone
en ninguno de los dos formatos.
 40 80 120 160 200 240 280 320 360 400 440 480 520 560 600 640 680 720 760 800 840 880 920

4:3
16:9
40

ancho: 920px
80 alto: variable

120

160

200

240

280

320
-Reticula
360
La retícula elegida para
elaborar la web es de módu-
400
los cuadrados de 10px cada
440
uno, con un ancho máximo de
920px para la web completa, se
480
hará uso de scroll en función
del contenido a mostrar, y para
520 cabecera y navegación se busca-
rá un equilibrio entre los 4:3 y

2
560 16:9 ya que la web siempre se
podrá visualizar en ambos for-
600 matos.
Los márgenes entre módu-
640
los serán de 10px, y en el caso
en el que estos se encuentren
680
sobre pestañas de color habrá
un padding de 10 px.
720
 40 80 120 160 200 240 280 320 360 400 440 480 520 560 600 640 680 720 760 800 840 880 920

40

80

120 Cabecera

160

200

240 -Distribución
280
espacios
Se ha optado por una distri-
320
bución clásica, de cabecera, co-
360
lumnas laterales para la navega-
ción y una zona central donde
400 se desplegará todo el contenido
a mostrar, el menú principal que
440 hara de división entre las distin-
tas tipologías web que dispone-
480 Izq Contenido mos en el web-site se colocará
en la cabecera, que irá cambian-
520
do de aspecto dependiendo de
en que sección nos encontre-

2
560
mos.
En la zona de contenidos
600
tenedremos un pequeño indi-
cador del árbol del sitio indi-
640
cándonos en que lugar nos en-
680
contramos en cada momento e
inmediatamente debajo se mos-
720 trará el contenido.
 -Uso del color
Aquí podemos ver los tres
ejemplos de cabecera con sus
colores diferenciando entre
secciones, el primero corres-
ponde a la parte de formación
del website, la segunda a la par-
te corporativa del site y por

2
último tenemos la imágen de
cabecera correspondiente al
comercio electrónico incluido
en la web.
El aspecto general de cada
sección tendrá el mismo es-
quema de color mostrado en la
imágen de cabecera.
 -Tecnologías
necesarias
Debido que el software que
se usa para la implementación de
esta web es 2.0, Joomla en nues-
tro caso.
Vamos a necesitar un servi-
dor “apache” que tenga habilitado
“php” y un servidor de bases de
datos “mySQL”.
Para la implementación de
las lecciones interactivas se usará
“Flash“ y tendrán su propia es-
tructura interna de diseño que se
expondrá más a delante.
Y por último se usarán com-
ponentes propios de joomla para
darle mas riqueza a la web, como
es el caso del comercio electró-
nico con el componente “Virtue-
Mart” que se proporciona como
recurso necesario.

Todo este conjunto de apli-

2
caciónes y tecnologías se verán
unificadas gráficamente por una
plantilla especial hecha por el di-
señador para esta web especial-
mente. La plantilla usará HTML,
CSS y PHP. Será necesario el uso
de XML para la integración con
joomla.
 Helvética Futura
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ -Usos Tipográfi-
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz cos
1234567890 - _ºª!”·$%&/()=?¿\|@#¬[]{}© 1234567890 - _ºª!”·$%&/()=?¿\|@#¬[]{}©
Por motivos técnicos se
usará el juego de tipografías
Helvética,Arial, San Serif como
tipografía nativa, y se usará la
tipografía Futura de forma ras-
Bienvenidos a la empresa Telnad terizada para enlazes de seccio-
nes principales en la zona de
La sociedad actual está inmersa en un proceso de cambio impulsado por las
contenidos.
tecnologías de la información y la comunicación. Vivimos en una sociedad en
la que todo tipo de relaciones económicas y sociales están marcadas por las
telecomunicaciones.

Nadie puede poner en duda que el desarrollo de las tecnologías en telecomu-

nicación es imprescindible para aumentar la competitividad de las empresas ,
mejorar la calidad de vida e incrementar la eficacia de la administración.

2
El sector de las telecomunicaciones es crucial para movilizar al conjunto de la
sociedad para que se incorpore a la sociedad del conocimiento, para ser una
sociedad de vanguardia.

A través de nuestra empresa queremos despertar la conciencia ciudadana,

empresarial e institucional sobre las oportunidades que las telecvomunicacio-
nes ofrecen.
Web 3
3
3
3
3
3
3
3
Conclusiones 4
 -Conclusiones
-Necesidad de ampliar servicios.
-Mejorar la navegación.(Menu poco claro)
-Mejorar graficamente.