Trabajo colaborativo 1

Presentado por:
Daniel Meja Lizarazo
Cdigo: 10123!"#
$%li&n David Mesa
C%rso virt%al: dise'o de sitios (eb
Cdigo: 301122
)r%po: "*
T%tor:
Mauricio Perdomo Vargas
+niversidad ,acional -bierta . a Distancia +,-D
/sc%ela de Ciencias 0&sicas Tecnologa e 1ngeniera /C0T1
2ona Centro 0ogot& C%ndina3arca
C/-D $os4 -cevedo . )3ez
Dise'o de sitios (eb
Marzo de 201"
T-0L- D/ C5,T/,1D5
1,T65D+CC17,
Mediante el anlisis, y la puesta en prctica de la teora, se pretende profundizar
en los temas vistos para lograr un conocimiento con fundamentos fuertes que nos
permitan alcanzar con xito las metas propuestas.
El presente traa!o tiene como finalidad realizar el anlisis de las condiciones de
un sitio "e, llevando a cao la transferencia de conocimientos adquirida mediante
el estudio de# temas claves del dise$o de sitios "e, el proceso del dise$o "e, y
variales de xito para los sitios "e, los cuales son temas pertenecientes a la
unidad % del modulo de dise$o de sitios "e, teniendo en cuenta la r&rica
estalecida por el tutor para la presentaci'n del traa!o.
50$/T1859
(ealizar la fase de anlisis de condiciones de un sitio "e poniendo en
prctica los temas vistos en la unidad % del m'dulo de dise$o de sitios "e.
)nalizar un caso de estudio, y sustentar en ase a los conocimientos
adquiridos, las respuestas a los interrogantes planteados para la fase %de
un sitio "e.
*esarrollar el traa!o asignado por el tutor de acuerdo a los lineamentos
estalecidos para su elaoraci'n.
:ase 1; -,-L1919 D/ L-9 C5,D1C15,/9 D/L 91T15;
a< Concept%alizacin del proble3a =%e s%stenta la necesidad de constr%ir el
9itio >eb planteado en el caso de est%dio ?para este p%nto %se la
in@or3acin =%e se enc%entra de la leccin ,o; del 3aterial did&ctico del
c%rso<; 9%stentar el por=%4 de la resp%esta seleccionadaA
6T-: +a informaci'n es el pilar con el cual las empresas y organizaciones
coordinan y eval&an sus actividades con el fin de lograr sus o!etivos.
+a informaci'n organizacional es de gran importancia a la ,ora de tomar
decisiones por lo tanto la disponiilidad y la confiailidad de los contenidos de esta
es de vital importancia para la toma de decisiones acertadas para el futuro.
*eido a que la informaci'n dee fluir de forma constante y esta dee llegar de
forma eficiente a los diferentes empleados de la universidad, pero a la vez no dee
ser de conocimiento p&lico sino privado, se ,ace necesaria la construcci'n de un
sitio "e, que permita la organizaci'n y la pulicaci'n de informaci'n de forma
segura, y a la cual solo tenga acceso personal autorizado de la organizaci'n.
-e identifica la necesidad de centralizar y organizar la informaci'n para facilitar el
acceso rpido y seguro a ella, ofrecindoles a los empleados una ,erramienta
donde puedan compartir y divulgar informaci'n de inters para todos, lo que
me!orara de forma significativa la productividad de la empresa.
b< De@inir los objetivos del 9itio >ebB ?para este p%nto %se la in@or3acin
=%e se enc%entra de la leccin ,o; del 3aterial did&ctico del c%rso<;
9%stentar el por=%4 de la resp%esta seleccionadaA
*esarrollar un sitio "e que optimice la comunicaci'n y el flu!o de la
informaci'n entre los empleados de la organizaci'n.
.onstruir un sitio "e donde se centralice la informaci'n para que pueda
ser accedida de forma segura por los empleados de la organizaci'n.
(educir al /01 el tiempo de &squeda de informaci'n por parte del los
empleados aumentando su productividad, y me!orando su capacidad de
conocimiento del negocio.
c< De@inir las caractersticas generales =%e tendr& el sitio de ac%erdo a los
par&3etros del cliente . las condiciones establecidas por el e=%ipo de
dise'o ?)r%po Colaborativo<; 9%stentar el por=%4 de la resp%esta
seleccionadaA
:&cil navegacin . %so: Para nosotros es importante que los usuarios
puedan encontrar lo que necesitan de forma rpida, y fcil.
9itio din&3ico: Es importante que el contenido del sitio constantemente
este actualizado con la informaci'n relevante de la organizaci'n
:&cil de 3odi@icar: 2ue cualquier usuario de la organizaci'n pueda llevar
a cao la tarea de suir nuevo contenido, para ser compartido entre los
sta3e ,olders.
:iabilidad: +a informaci'n contenida en el sitio s'lo puede ser accedida por
empleados de la organizaci'n o por personas con permisos para ello.
Mantenibilidad: El sitio "e se le pueden a$adir nuevas funcionalidades y
se le pueden realizar camios de manera fcil.
d< De@inir el 3odelo de desarrollo (eb =%e %sara el e=%ipo de dise'o ?gr%po
Colaborativo< para el desarrollo e i3ple3entacin del sitio (eb planteado en
el Caso de /st%dioB ?visite el 3aterial del c%rso en la leccin 3 para 3&s
in@or3acin<; 9%stentar el por=%4 de la resp%esta seleccionadaA
Para el desarrollo del proyecto se elige el modelo iterativo por prototipos ya que
sicamente se conocen los o!etivos generales de lo que se desea realizar con el
sitio "e. -e quiere entregar un dise$o rpido para realizar la construcci'n de un
prototipo el cual sea evaluado por el cliente y as conocer su retroalimentaci'n
para la construcci'n del proyecto.
e< De@inir el tipo o tipos de %s%arios =%e tendr& el 9itio >ebB se debe Cacer
claridad de los rolesB derecCos . restricciones de estos 3is3os; 9%stentar el
por=%4 de la resp%esta seleccionadaA
8isitante: usuario que simplemente podr leer o uscar en los contenidos y
no necesita autentificarse.
+s%ario a%tenti@icado: se le permite de!ar comentarios u opinar sore los
productos o simplemente participar generando alg&n tipo de contenido.
/ditor: gestiona a los usuarios y todos los contenidos y no tiene por qu
tener nociones tcnicas del funcionamiento del sistema. Puede ser p.e!. el
propietario de una tienda virtual o de una comunidad virtual, el cual no tiene
conocimientos tcnicos de la plataforma pero dee disponer de control total
sore los contenidos del sitio.
-d3inistrador: es el responsale tcnico y puede acceder a cualquiera de
los aspectos del sistema, configurando o modificando cualquier parmetro
de ste. Este usuario tiene control total sore el sitio "e, por lo que puede
realizar cualquier operaci'n de configuraci'n o mantenimiento sore este.
@< De@inir el tipo de estr%ct%ra =%e tendr& el 9itio >ebB ?para este p%nto %se la
in@or3acin =%e se enc%entra de la leccin ,o; 1" del 3aterial did&ctico del
c%rso<; 9%stentar el por=%4 de la resp%esta seleccionadaA
El tipo de estructura "e a utilizar es la !errquica, ya que al tratarse de una
intranet, nos permite organizar la informaci'n de tal forma que se tenga un men&
general donde se tengan todas las reas de la organizaci'n como secciones, y
partir de all se tenga las pginas individuales donde los usuarios lleven a cao la
creaci'n de las pginas que contengan informaci'n de inters para un rea
especfica.
g< ,o3bre del do3inio =%e registrara para el 9itio >eb a crear; 9%stentar el
por=%4 de la resp%esta seleccionadaA
El dominio para registrar el sitio es# ,ttp#44intranet.unad.55.
6a que es un nomre descriptivo para el sitio, corto, y fcil para recordar al
usuario.
C< /Dtensin del do3inio ?org; Co3; )ov ed%;< % otras =%e p%eda tener el
sitio; 9%stentar el por=%4 de la resp%esta seleccionadaA
+a extensi'n del dominio es# edu.co.
6a que indica que el sitio es de carcter educativo, y por lo tanto posee
informaci'n de este carcter.
i< De@inir el tipo de tecnologa >eb =%e se %sara para la i3ple3entacin del
9itio >ebB as 3is3o se deben de@inir los leng%ajes de dise'o . desarrollo
(eb con s% versinB ade3&s en cada leng%aje planteado se deber& presentar
%na breve eDplicacin del %so =%e se Car& del 3is3o para el caso de est%dio
planteado 9%stentar el por=%4 de la resp%esta seleccionadaA
Para el desarrollo del sitio "e se utilizar#
7ecnologas4+engua!es Versi'n 8so
9oomla :.;.% .on este mane!ador de contenido se pretende
realizar el sitio "e para que sea fcil la
creaci'n, modificaci'n y eliminaci'n de
contenido.
.ss : Para la creaci'n de ,o!as de estilos que
permitan definir plantillas personalizadas.
<tml = Para la creaci'n de nuevas secciones e
inserci'n de contenidos.
P,p =.=.%0 Para la programaci'n de funcionalidades, y
servicios que se requieran.
9avascript %.: Para realizar validaciones, y controlar la
informaci'n antes de ser enviada al servidor.
)pac,e ;.>.? Es el servidor "e sore l se desplegara
nuestra aplicaci'n "e, y ser el encargado de
gestionar las peticiones del sitio.
j< De@inir si el 9itio >eb re=%iere %na coneDin a base de datos . de@inir el
tipo de D0M9 =%e %sara para el pro.ecto; 9e debe eDplicar =%e leng%ajes se
%saran para gestionar los datos del D0M9 . la 0D a trav4s de inter@aces (eb;
9%stentar el por=%4 de la resp%esta seleccionada . c%&l sera el %so
espec@ico de la 0ase de DatosA
+a ase de datos seria en red# Este modelo permite la representaci'n de muc,os
a muc,os, de tal forma que cualquier registro dentro de la ase de datos puede
tener varias ocurrencias superiores a l. El modelo de red evita redundancia en la
informaci'n, a travs de la incorporaci'n de un tipo de registro denominado el
conector. En el modelo en red se representa el mundo real mediante registros
l'gicos que representan a una entidad y que se relacionan entre s por medio de
flec,as. @undamentos. Anvocaci'n de un script .BA. Variales de entorno
primarias. Variales de entorno secundarias. Variales dependientes del protocolo
<77P. (esultado de la e!ecuci'n de un .BA. -cripts con salida P<P.

El sitio "e requiere una conexi'n a ase de datos, ya es necesario para que el
mane!ador de contenido 9oomla funcione.
9oomla utiliza una ase de datos para llevar a cao el almacenamiento del
contenido del sitio, la gesti'n de usuarios y roles, entre otras funciones.
Mysql ser el gestor de ase de datos con el que se realizarn las diferentes
consultas para la otenci'n, actualizaci'n, eliminaci'n e inserci'n de datos, con
los cuales se realizara la administraci'n del contenido del sitio.
E< De@inir las c%entas de correo instit%cionales =%e se deben crear para el
cliente con el do3inio del 9itio >ebB de@inir si se %sara %n cliente nativo de
correo del proveedor de Fosting o si se %sara %n servicio de correo por
do3inio de proveedores co3o )oogle o 5%tlooE; 9%stentar el por=%4 de la
resp%esta seleccionadaB establecer el ,%3ero de c%entas a crearB c%&l ser&
s% %so . =%e c%ota de al3acena3iento en servidor 3anejara cada %naA
Para el proyecto se pretende utilizar el servidor de correo provedo por el servidor
de ,osting. El n&mero de cuentas vara de acuerdo el n&mero de empleados de la
organizaci'nC cada empleado dee tener su cuenta de correo.
+a cuota de almacenamiento de cada una dee ser mxima de % BD. -e decide
utilizar el servicio de correo del proveedor de ,osting ya que se tendra una cuenta
de correo con el dominio de la organizaci'n lo cual permitir la comunicaci'n
entre los diferentes empleados, la creaci'n de listas de correo, y ,ar que la
distriuci'n de informaci'n de la empresa sea ms eficiente.
l< De@inir los par&3etros del 9ervicio de Fosting . Do3inio se contrataran el
Cospedaje del 9itio >eb en la 1nternetB la resp%esta se debe s%stentar con la
sig%iente in@or3acin:
,o3bre del Proveedor de Fosting seleccionado;
,o3bre del Plan de Fosting seleccionado;
Tipo de servidor ?Co3partido o Dedicado<;
Tipo de 95 del servidor ?Lin%D o >indo(s<;
-ncCo de banda para trans@erencia 3ens%al =%e o@rece el Plan;
/spacio de al3acena3iento en servidor =%e o@rece el plan;
,%3ero de do3inios . s%b do3inios =%e per3ite crear . gestionar el
plan seleccionado
,%3ero de base de datos =%e per3ite crear . gestionar en el servidorB
el plan seleccionado;
,%3ero de c%entas de correo =%e per3ite crear . gestionar en el
servidor el plan seleccionado;
/l plan o@rece el pa=%ete de aplicaciones :ant&stico o Del%DeA
,o3bre del proveedor 000"e,ost
,ttp#44""".000"e,ost.com4
,o3bre del plan de Costing Premium <osting
Tipo de servidor Ee
Tipo de 95 +inux
-ncCo de banda para trans@erencia
3ens%al =%e o@rece el Plan;
Alimitado
/spacio de al3acena3iento en
servidor =%e o@rece el plan;
Alimitado
,%3ero de do3inios . s%b do3inios
=%e per3ite crear . gestionar el plan
seleccionado
Alimitado
,%3ero de base de datos =%e
per3ite crear . gestionar en el
servidorB el plan seleccionado
Alimitado
,%3ero de c%entas de correo =%e
per3ite crear . gestionar en el
servidor el plan seleccionado;
Alimitadas
/l plan o@rece el pa=%ete de
aplicaciones :ant&stico o Del%DeA
@antstico
3< De@inir la paleta o co3binacin de ColoresB los tipos . estilos de @%entes .
los posibles estilos =%e a nivel general de@ine el e=%ipo de dise'o para la
p&gina principal o 1ndeD del 9itio >eb; 9%stentar el por=%4 de la resp%esta
seleccionadaA
Para esta pgina podemos cominar los colores negro, violeta y lanco que son
colores acorde con el logo y el anner dise$ados. Estos colores se pueden
cominar y aplicarles unos desgastes o crear unas texturas
En cuanto a la letra se pueden mane!ar varias opciones. En .orel dra"n se
pueden elegir <P P-B, 98A.E A7., MA(A)M, FA)B)() EFB()VE*, se eligen
estas fuentes ya que no son comunes y tienen un dise$o diferente y en una pgina
se pueden ver muy ien.
n< De@inir en @or3ato P,) %n boceto del L5)5 del 9itio (eb . el 0anner
prop%esto por el e=%ipo de dise'o para el 3is3o; 9%stentar el por=%4 de la
resp%esta seleccionadaA
Este es el logo de la intranet ya que dee ser el institucional, es decir el que todos
los integrantes del a comunidad lo reconozca
En el anner de la pgina traer trfico a las secciones que queramos darle
pulicidad, principalmente sern temas de masivo inters universitario y
comunitario.
o< De@inir los te3s de 3enGB s% %bicacin en la p&gina principal .
s%bp&ginas del 9itio >eb . los contenidos generales =%e tendr& el sitio >eb
para los visitantes; -de3&s a=% se deben plantear las eDigencias
espec@icas del cliente las c%ales se enc%entran registradas en el Caso de
/st%dio; 9%stentar el por=%4 de la resp%esta seleccionadaA
+os tems del men& son#
7alento <umano
Besti'n )cadmica
.alidad
)creditaci'n
.onvenios
8F)*
Balera
.alendario de eventos
-ecciones propuestas#
@ec,as especiales
Pulicaciones y documentos
Foticias
)genda telef'nica
@oros
El men& se uicara en la parte superior del sitio.
En la intranet se encontrar informaci'n de inters general para los empleados de
la organizaci'n tales como manuales, procedimientos internos, capacitaciones,
eventos, organigrama, entre otras.
p< De@inir los )ancCos o valores agregados prop%esto para el 9itio >eb por
el e=%ipo de dise'o co3o %n re=%eri3iento CecCo por el clienteA; 9%stentar
el por=%4 de la resp%esta seleccionadaA
+os servicios propuestos son#
.lculo de prima online
.lculo de ono anual online
Estos servicios son llamativos para los empleados quienes desean saer cul ser
el pago que reciirn de acuerdo a ciertos parmetros estalecidos por la
organizaci'n.
.reemos que estos servicios darn un valor agregado al sitio y sern un ganc,o
para que los empleados se sientan motivados a visitar la pgina.
=< De@inir =%4 aspectos de accesibilidad (eb debe poseer el 9itio >eb co3o
apo.o a visitantes =%e s%@ran de algGn tipo de discapacidad @sica; 9e deben
establecer co3o 3ni3o * ele3entos o estrategias de accesibilidad (eb
para el sitioB estas se deber&n i3ple3entar al @inal del c%rso en el 9itio >eb;
9%stentar el por=%4 de la resp%esta seleccionadaA
%G )yuda para los dalt'nicos que podra ser el camio de color de la pgina en
lanco y negro.
;G pasatiempos
:G +in3 para actividades deportivas
>G *as especiales y actividades propuestas por la entidad
=G lin3 para practicas de prueas H simulacros H
r< De@inir %n pres%p%esto 3%. bien estr%ct%rado =%e conte3ple %n plan de
gastos co3pletos . detallado para todas las actividades del pro.ecto de
Dise'o del 9itio >ebB este pres%p%esto debe tener esti3ado de gastos
reales para el desarrollo .
ejec%cin del pro.ecto de dise'o del 9itio >eb prop%esto; 9%stentar el
por=%4 de la resp%esta seleccionadaA
Para la actividad del negocio virtual no incurre en gastos de producciones grandes o
demasiados, sicamente el negocio funciona con el gasto en mano de ora y lo que
involucra el mane!o de esta dentro de Anternet.
El campo virtual al cual este plan de negocio desea traa!ar no ,ay un mane!o de precios
actuales donde pueda existir una competencia de precios es por esta raz'n que el plan
plantea un sore costos a la compa$a inscrita por domicilio realizado a travs de esta de
I =00 un costo que no es elevado, un costo fcil de mane!ar, el cual puede traer muc,as
venta!as a la compa$a
Anvolucrada en este proceso, como lo es un mane!o de ase de datos, estadsticas, entre
otras, que en el camino se pueden ir creando.

Mano de ora directa
Angeniero de sistemas.................... I %.;00.000.oo mensuales.
.oordinador de .alidad I %.000.000.oo mensuales

Mano de ora indirecta

*ise$ador grfico..........................I ;.000.000.oo J*ise$o de la pgina "eG
% vez, al crear la pgina.

*ise$ador grfico..........................I K00.000.oo J)ctualizaciones pgina "e
9e3estral3ente<

Costos directos
.onexi'n a red..............................I %>=.=00.oo mensual
<osting..........................................I %=0.000.oo mensual
C5,CL+915,/9
+os sitios "e se deen construir de manera tal que su dimensi'n informacional
sea finita.
8n sitio "e no s'lo se construye para introducir informaci'n, sino para satisfacer
las necesidades informacionales de sus usuarios potenciales.
+os sitios "e deen incluir ms de un idioma para la comunicaci'n con los
visitantes.
010L15)6-:1-;
Cttp:HH(((;c%rsosdr%pal;co3HcontentH%s%ariosIrolesI.Iper3isos B
to3ado el 22 de 3arzo
Cttp:HH3agazine;joo3la;orgHesHedicionesIanterioresHj%lioI
2013Hite3H13!#Iestr%ct%raI.Ico3posicionIdeI%nIsitioI(eb