2. 1 2 3
CAPÍTULO CAPÍTULO CAPÍTULO
CONCEPTOS RECONOCIMIENTO DEFINICIÓN
BÁSICOS DE DE ETAPAS DE DEL TEMA
MEDIOS DESARROLLO
4 5 6
CAPÍTULO CAPÍTULO CAPÍTULO
RECOPILACIÓN DE DEFINICIÓN DE DETERMINACIÓN
ANTECEDENTES VIABILIDAD Y DE CRONOGRAMAS
CONTENIDOS Y PRESUPUESTOS
7 8 9
CAPÍTULO CAPÍTULO CAPÍTULO
CONTROL DE CONTROL DE LA CONTROL DE
VARIABLE DE ARQUITECTURA DISEÑO
SOPORTE DE LA INFORMA-
CIÓN
3. INTRODUCCIÓN
Este informe contiene todos los detalles de Luego de tener toda la información y de
cómo se diseñó el sitio web para la imprenta tener un brief completo, podemos comenzar
Cheeta graphics. El proceso completo parte a diseñar las propuestas para este sitio y
en los conceptos básicos de los procesos, presentarlas al cliente para que opine y vea
programas, tecnologías y soportes que se si realmente nuestro diseño cumple con las
utilizaron en el diseño de este proyecto. expectativas de ellos y puede satisfacer las
necesidades de los usuarios.
El tener claros los conceptos básicos nos
permiten poder recopilar toda la información Todo eso es lo que se detalla en este informe
posible de parte de nuestro cliente y estudiar y que de seguro podrán comprender todos los
a los posibles usuarios de la página web. Luego procesos del encargo.
de esto debemos organizar a nuestro equipo
de trabajo y distribuir de manera equiparada
y aprovechando las capacidades de cada uno
para poder trabajar de manera óptima.
3
4. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
INTERACTIVIDAD
La interactividad es el valor de Internet.
Los usuarios pueden preguntar, comentar
o aportar más información, y cuanta más
facilidad se les de para ello, más eficaz será la
comunicación.
La interactividad es la capacidad que tiene
el usuario para navegar por el sitio web de
manera no-lineal hasta el grado que hayamos
establecido, dentro de los límites del medio.
La forma más sencilla de aplicar esta
interactividad es con el uso de los hipertextos.
Con ellos se le ofrece al usuario la posibilidad de
ampliar, si quiere, información sobre conceptos
concretos y se evita saturarlo. Para ello serán
destacados cromáticamente para indicar qué
enlaces ha visitado y cuáles no. Con ello se
facilita la navegación y ayuda a definir sus
siguientes pasos.
4
5. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
MULTIMEDIA
Multimedia es un término que procede de la
lengua inglesa y que refiere a aquello que
utiliza varios medios de manera simultánea
en la transmisión de una información. Una
presentación multimedia, por lo tanto, puede
incluir fotografías, videos, sonidos y texto.
En el contexto de nuestra página web se
puede presentar desarrollos multimedia,
con animaciones en Flash, videos insertados
desde YouTube, galería de imágenes, música
de fondo y material para leer. En estos casos,
puede hablarse de multimedia interactiva,
ya que es el usuario quien decide cómo será
la presentación de la información y en qué
momento iniciarla a través de sus clics.
5
6. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
HOSTING
Hosting es también conocido como servicio
de alojamiento. Este servicio es un espacio
dentro de un servidor y sirve para alojar un
sitio web.
Un sitio web es un conjunto de archivos web
los cuales contienen: texto, imágenes, audio,
video, etc. Y estos están almacenados en un
servidor.
Los servidores se encuentran operativos las
24 horas del día, los 365 días del año. Y debe de
ser así puesto que las personan navegan por
sus sitios web deben encontrar la información
en cualquier momento a toda hora.
Los visitantes podrán acceder a nuestro sitio
web por medio de la dirección web. Nuestro
dominio.
6
7. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
HOSTINGY
TRANSFERENCIA
D E D AT O S
La transferencia de datos es la cantidad de hosting recibe o envía, transferencia que se
contenidos transferidos medidos en Giga puede medir tanto en Mega Bytes como en
Bytes, que un determinado servicio de Giga Bytes teniendo en cuenta un tiempo de
hosting ofrece durante determinado periodo un mes desde que comenzó el servicio.
temporal, generalmente estamos hablando de
un tiempo estipulado de un mes.
Es por ello que decimos que cuanto mayor sea
el número de visitantes que posea el sitio web,
y cuanta más información se envíe, mayor
será la carga de transferencia de datos que se
realice.
En otras palabras, hosting y transferencia
de datos se encuentran íntimamente
relacionados: el hosting brinda asilo al sitio
web, este asilo posee una cantidad de
capacidad de transferencia, y esta capacidad
de transferencia sencillamente es la cuantía
de información que dicho servidor de web
7
8. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
HOSTINGY
TRÁFICO
ENLAWEB
En cada momento que un visitante ingresa a asegure un nivel más alto de transferencia de
un sitio web, toda los contenidos que posee contenidos por mes para asegurar el correcto
el sitio se transportan desde el servidor funcionamiento de la página.
de web hosting hasta la computadora del
usuario. Es necesario aclarar que, si nuestra
página web es liviana, esto quiere decir, si no
contiene más que archivos de textos y alguna
que otra imagen, y si no posee gran número
de concurrencia, el trafico web será mínimo,
por lo que no será un elemento problemático,
lo que podría bastar con una monto de
transferencia mensual de 1 a 3 Giga Bytes.
Ahora bien, si nuestro sitio web está plagado
de videos, animaciones, imágenes, música,
y demás contenidos multimedia, el monto
del trafico mensual crecerá enormemente, y
mucho más si se trata de una página web cuyo
número de visitantes es notable. En este caso,
precisaremos de un servicio de hospedaje que
8
9. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
HOSTINGY
TRÁFICO
DECORREOS
Este elemento trata de la cantidad de correos
que se envían por mes: en este sentido, por más
que el sitio web no sea visitado por muchos
usuarios, pero si existen 500 empleados que
mantienen un uso extendido del servicio de
correo para asuntos comunicativos, puede
que la cantidad del monto de transferencia de
contenidos aumente de manera considerable,
casi en los 100 Giga Bytes de transferencia por
mes, lo que llevaría a aconsejar contratar un
servicio de hosting y transferencia ilimitada.
9
10. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
HOSTINGY
NÚMERO
DEVISITAS
Es necesario aclarar que, cuando se habla
de hosting y transferencia de datos, es
importante tener en cuenta la cantidad de
visitas que piensa recibir el sitio web. Si bien
puede que el sitio web que poseemos sea
rápido, eso no implica que si el número de
visitantes es enorme, funcione de manera
correcta. En otras palabras, si los visitantes
ingresan de manera masiva a nuestro sitio, y
se ponen a descargar contenidos en el mismo
momento, puede que el sitio colapse, y que la
transferencia de información llegue a su cima.
Es recomendable entonces que, si el número
de visitantes que posee la página llega a la
cifra de 2.500, se contrate un servicio de web
hosting y transferencia ilimitada.
10
11. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
MySQL
Es un sistema administrativo relacional de
bases de datos (RDBMS por sus siglas en ingles
Relational Database Management System).
Este tipo de bases de datos puede ejecutar
desde acciones tan básicas, como insertar
y borrar registros, actualizar información o
hacer consultas simples, hasta realizar tareas
tan complejas como la aplicación lo requiera.
MySQL es un servidor multi-usuarios muy
rápido y robusto de ejecución de instrucciones
en paralelo, es decir, que múltiples usuarios
distribuidos a lo largo de una red local o
Internet podrán ejecutar distintas tareas
sobre las bases de datos localizadas en un
mismo servidor.
Utiliza el lenguaje SQL (Structured Query
Language) que es el estándar de consulta a
bases de datos a nivel mundial.
11
12. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
Hosting.cl
COTIZACIÓN 300 Mb espacio total / 10 cuentas Email / Transferencia Ilimitada
CPanel Español / Activación inmediata
$ HOSTING
Hostingcenter.cl
1 GB espacio total / 25 cuentas Email / Transferencia Ilimitada /
CPanel Webmail en español / Discos Duros en Raid / PHP 5 – MySQL 5
29.900 SWF - HTML
Hostingcl.cl
22.900 200 Mb de espacio total / 15 cuentas Email / CPanel Español
Activación Inmediata / HTML - Flash – PHP MySQL / Webmail
16.900 PlanetaHosting.cl
500 Mb de espacio total / 10 cuentas Email / CPanel Español - Web-
mail MySQL / 10 GB Transferencia mensual
17.900
Powerhost.cl
15.300 300 Mb espacio total / 10 cuentas Email/ Backup diario automático /
12 GB Transferencia mensual / 6 Bases de datos MySQL / CPanel
Español / Soporte WAP
Servidores en Chile Data Center propio
Escogimos Hostingcenter, que a pesar de
no ser el de menor costo, es el que cubre
mejor nuestras necesidades de espacio y
transferencia de datos.
12
13. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
DOMINIO
Es un nombre o dirección única dentro de
internet, que se registra con un nombre desde
que se adquiere o se compra, no hay otro igual
y por la que cualquier persona con acceso a
internet puede acceder a un determinado sitio
web, en nuestro caso es www.cheeta.cl. Los
dominios se categorizan en:
Dominios Genéricos.
Dominios Territoriales.
Los dominios de
reciente incorporación.
13
14. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
DOMINIOS
GENÉRICOS
Los dominios genéricos son conocidos como
dominios internacionales o globales. Cualquier
empresa que realice negocios a través de
Internet o que tenga intención de hacerlo debe
registrarse en uno de estos dominios dada la
popularidad que han adquirido.
Tienen tres letras, y los más conocidos son los
dominios .com los cuales inicialmente fueron
previsto para empresas comerciales, .org
originalmente previsto para organizaciones y
.net fue previsto para empresas relacionadas
con la Internet.
El dominio más popular es .com que en la
actualidad cuenta ya con más de 2.000.000 de
dominios registrados.
14
15. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
Los dominios patrocinados reciben el
apoyo de organismos privados, mientras
Patrocinados No Patrocinados que los segundos, por ser considerados de
interés público, son mantenidos y regulados
directamente por el ICANN (Corporación de
Internet para la Asignación de Nombres y
Números) y las entidades internacionales.
15
16. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
DOMINIOS
TERRITORIALES
Un dominio territorial es un nombre de
dominio con una extensión asociada a un país.
Estos son utilizados por las organizaciones
y empresas que desean establecerse en
Internet o que quieren proteger la identidad
de su marca o su nombre comercial en un país
concreto.
Un dominio comprende dos o más
componentes separados por puntos. La mejor
manera de comprender su estructura es leer
el dominio de derecha a izquierda. El primer
componente mirando desde la derecha
distingue un dominio genérico o territorial.
Actualmente existen más de 200 dominios
territoriales.
16
17. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
DOMINIOS
TERRITORIALES
El uso del dominio .cl es para lograr que los
usuarios se sientan cómodos y seguros en
el sitio. Si por ejemplo tenemos un dominio
.arg y nuestro contenido es para usuarios
chilenos, lo estamos haciendo mal porque la
terminación .arg indica que el sitio está en
Argentina y nuestro usuario chileno podría
pensar que la información es poco relevante
en Chile y no tomada en cuenta, por lo cual el
sitio fracasaría al promover los servicios que la
imprenta ofrece.
17
18. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
REGISTRODE
Si queremos tener nuestra página propia, para adquirir un espacio web (hosting)
podemos optar por varias opciones. Entre y comprar un dominio (en nic.cl) Primero
UNDOMINIO
ellas comprar un espacio en un hosting, hay que comprar el dominio para
obtener uno gratuito, o si queremos asegurarse que nadie se va a apropiar de
hacer un blog, hacer uno gratuito en nuestro nombre antes que nosotros. Hay
WordPress, Blogspot Blogger o alguna que buscar un servicio de hosting que
otra parecida. En este caso, mostraremos cubra nuestras necesidades de espacio y
a grandes rasgos, los pasos necesarios sobre todo de precio.
C
ex omo
se istí el
gu a, d
ir no om
co h in
n ub io
PASO 1 nombre de
el o
re pr hee
gi
c
ob t
str le a.c
dominio o ma l n
sp o
ingr ar
es a
ir a l bir
ar
s iti o cri
nic.cl Es
RUT Correspon-
TITULAR y Dirección diente a los
responsables
de mail del dominio.
sitio para registrar nuestro
nombre para la web.
18
19. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
Vemos la
información
ingresada en el
paso 1.
PASO 3
PASO 2
Debemos agregar
Se confirman los datos del contac-
to administrativo. En este caso, los
mismos del paso 2.
Dirección Comuna Ciudad Teléfono Giro
PASO 4
ingresa
Que el proveedor de hos-
PASO 5
rd
ting registre el nombre
Tenemos
at
os
3 opciones
Contacto
Técnico
Optar por autoadministrarlo Aquí vamos a la página
del hosting para empezar
a unir el hosting con el
dominio.
Escogemos esta
Usar un subdominio gratis.
opción
Es la persona responsable
de la operación técnica del
dominio. Dejamos los datos
igual que en la pantalla
anterior.
19
20. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
se recibe del hosting Se coordina el
un del mail con: pago con el con-
tacto del hosting
(que se hizo a
El dato de los DNS el más importante
través de transfe- para terminar este proceso de registro
Datos rencia electrónica)
DNS
yl
ink
tem Teniendo estos datos, hay que volver a la
po para conectar al página de Nic.
ral
a l CPanel FTP
El Domain Name System, o Sistema de Nombres File Transfer Protocol o Protocolo de transferen-
de Dominio, es una base de datos distribuida, con cia de ficheros es un software cliente/servidor
información que se usa para traducir los nombres que permite a usuarios transferir ficheros entre
de dominio, fáciles de recordar y usar por las per- ordenadores en una red TCP/IP.
sonas, en números de protocolo de Internet (IP) que
es la forma en la que las máquinas pueden encon- El funcionamiento es sencillo. Una persona desde
trarse en Internet su ordenador invoca un programa cliente FTP para
conectar con otro ordenador, que a su vez tiene
El servicio de DNS es indispensable para que un instalado el programa servidor FTP. Una vez esta-
nombre de dominio pueda ser encontrado en Inter- blecida la conexión y debidamente autenticado el
net. usuario con su contraseña, se pueden empezar a
intercambiar archivos de todo tipo.
20
21. C A P I T U LO I - CO N C E P TO S B Á S I CO S D E M E D I O S
Ingresé los nombres de los
servidores DNS y sus respec-
tivas IP.
PASO
Datos de Es decir Nombre de
quién va a llegar
se ingresan los facturación
el cobro
PASO 7
por m n
edio tació
Electrónico Emisión de la acep
factura de la
Que llegue Obtendrá un cupón de pago en formato
el papel a la PDF lista para imprimir, que puede ser
PASO 8 dirección indi- pagada en cualquier sucursal de Servi-
cada. pag. El sistema considera un plazo de 2
días hábiles para registrar el pago en
Se confirman NIC Chile.
Formas de pago
Datos
ingresados webpay Servipag Paypal
PASO 9 Pagar
Dominio
Luego Aceptación Permite pagar en línea con una
de Finalmente tarjeta de crédito y usando el
declaración sistema seguro de Transbank.
Este sistema permite un registro
inmediato del pago en NIC
Chile, y produce la activación
del dominio al día siguiente.
21
22. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
RECONOCIMIENTO DE ETAPAS DE
DESARROLLO ORIENTADAS A UN
SITIO WEB
Presentamos aquí las distintas etapas que se culmina y esta característica incide en el
forman parte de la creación y puesta en proceso de creación.
marcha de un sitio WEB. Si bien se establecen
en forma cronológica como sucesión de Para desarrollar el sitio web que nuestro
actividades, el acto de la creación y puesta en cliente requiere es imprescindible cumplir con
marcha de esta página web no es lineal. Como las etapas y requisitos necesarios para una
en la ejecución de cualquier proyecto, muchas construcción digital eficiente.
etapas se desarrollan en paralelo y en algunas
instancias volver atrás.
A diferencia de otros proyectos de diseño, un
sitio web no se concluye, registra y distribuye,
muy por el contrario permanece en un lugar
lógico, mostrando información, creciendo,
actualizándose manteniendo un feedback
con los usuarios y en una constante evolución
acorde a los tiempos y soportes tecnológicos
que pueda abordar. Es casi un ser vivo, nunca
22
23. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
PLANIFICACIÓN
Lo primero que debemos hacer como equipo
es organizarnos. El trabajo en equipo requiere
una gran organización para designar de manera
justa los cargos de construcción, evaluación y
mantenimiento del sitio.
El equipo debe contar con integrantes de
diferentes áreas y ser capaces de entregar a los
usuarios de esta web las experiencias que el
cliente quiere expresar. Como equipo debemos
estar en contacto constante con nuestro cliente
para estar al tanto de los avances y poder
efectuar los cambios que se requieran de manera
clara y eficaz.
Es muy importante que el equipo tenga un líder
(que puede en un futuro ser el webmaster o no)
porque formar un equipo de trabajo web requiere
un gran compromiso personal e institucional. Los
equipos web no construyen de un día a otro, ni de
acuerdo a una decisión administrativa o mandato,
requieren un proceso de consolidación, que pasa
por tiempos de búsqueda, acuerdos y adecuación.
23
24. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
REUNIR
INFORMACIÓN
Luego de que estén designados los cargos
y cada integrante sepa bien lo que debe
desarrollar, es necesario tener una reunión
con el cliente y recopilar toda la información
necesaria. Además como equipo de diseño
debemos buscar y analizar toda la información
técnica para llevar a cabo el sitio web.
La información es tanto teórica y técnica,
como la búsqueda de bibliografías, normativas
y el análisis de sitios referenciales o pares
para poder ser emulados.
Otra cosa muy importante a tener en cuenta
y que se debe priorizar a la hora de reunir
información es los tipos de tecnologías y
funciones adecuadas para una navegación
clara.
24
25. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
MISIÓNYOBjETIVOS
DELAWEB
Como equipo de diseño debemos definir
la misión del sitio y poder discutirla para
perfeccionarla. Es importante que organicemos
esto con tiempo para poder formular en un
futuro, mientras avanzamos el proyecto, ideas
como: “se presentara”... “que contenderá” ... “se
priorizará”... “se omitira”, entre otras.
Una forma de poder organizar y discutir estos
temas, es como equipo formular todo por
escrito y así poder llegar a un resultado óptimo.
Además de aclarar todo con el cliente y poder
expresar en este sitio web la misión y visión de
la imprenta hacia sus futuros visitantes.
25
26. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
TIPOS DE
USUARIO
En este punto debemos definir y estudiar muy
bien a todos los que navegaran en esta web,
para esto corresponde buscar, identificar y
conocer a estos potenciales usuarios.
Todo esto es necesario ya que la página web
está basada en la utilidad e intereses de los
usuarios, es importante poder conocer a
nuestra primera audiencia destinada y así
poder contabilizar y estudiar a la audiencia
posible.
Se debe presentar información útil a los
intereses de la audiencia a la que se dirige
y declarar sus objetivos desde un comienzo
dejando claro que es lo que la página se propone
a aportar, para poder ser más eficaz y tomando
siempre en cuenta los distintos intereses que
pueden llevar a un usuario a visitar el sitio
web que estamos desarrollando.
26
27. C A P I T U L O I I - R E C O N O C I M I E N T O D E E TA PA S D E D E S A R R O L L O O R I E N TA D A S A U N S I T I O W E B
PLANES DE
TRABAjO
Una parte vital y que como equipo se
debe priorizar, es establecer un orden u
organización para poder realizar el encargo
solicitado por nuestro cliente. Esta forma de
organización facilita y guía todas las acciones,
estructura de información, selección de
contenidos, elaboración y construcción del
sitio web. De este modo el equipo tendrá
contabilizados y estructurados los horarios y
etapas del proyecto.
27
28. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
PERFILDE
DISTRIBUCIÓN DEMOGRÁFICA DE USUARIOS DE INTERNET POR EDAD
La distribución demográfica se relaciona altamente con los niveles de penetración
USUARIO de Internet y la madurez relativa del mercado de Internet: los usuarios jóvenes
son tradicionalmente usuarios de adopción temprana.
PENETRACIÓN DE INTERNET
26% 26% 21% 15% 12%
AÑOS
15-24 25-34 35-44 45-54 55+
28
29. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
PERFILDE
USUARIO
USUARIOS SEGÚN NIVEL DE ESCOLARIDAD
El sitio se relaciona altamente con el nivel
de escolaridad y la madurez relativa del 8%
mercado de Internet: los usuarios jóvenes
universitarios o técnico - profesionales son 17% 3%
tradicionalmente los solicitantes del servicio
del cliente.
20%
19%
17%
16%
29
30. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
PERFILDE
USUARIO
USUARIOS SEGÚN GSE
El gráfico muestra el acceso a internet que
poseen las distintas clases sociales en
la comuna de Maipú, lugar en el cual se
GSE encuentra la imprenta, dónde podemos
observar que nuestro posible usuario tiene
un alto acceso a la internet, por lo cual podrá
llegar sin problemas a la información del sitio.
30
31. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
MAIPÚ
WI-FI
La red implementada en Maipú corresponde a
desarrollos de ingenieros y técnicos chilenos,
a partir de tecnología Wi- Fi y equipamiento de
la empresa Ruckus Wireless, de Silicon Valley,
California, EEUU.
TM
Dicha red consta actualmente de 241 nodos
o antenas separadas por alrededor de 500
metros unas de otras. En conjunto, tejen una
red inalámbrica que permite dar cobertura a
toda la comuna de Maipú.
Esto permite que el usuario pueda navegar
a través de dispositivos móviles, y de
acuerdo a esto debemos tener en cuenta que
aplicaciones son los que usaremos al momento
de construir nuestro sitio, ya que en esos
dispositivos no se es posible visualizar todo al
igual que en un computador.
31
32. SITIOS MÁS VISITADOS
% Alcance
Microsoft Sites
85.3%
Google Sites
95.5%
Facebook.com
87.4%
Terra -Telefonica
57.9% Uc.cl
14.6%
Banco
Estado
15.5%
Musica.com
18.0%
Wikimedia
Foundation Sites
45.2% WordPress VEVO
19.1%
29.2%
Grupo
La Tercera RapidShare
Empresa el 19.2%
30.6% MercadoLibre
Mercurio S.A.P.
28.9%
40.6% Taringa.net Megaupload
30.6% 23.3%
32
33. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
USODEREDES
SOCIALES
Facebook es la red social más popular, con
un 85% del total de la audiencia. Muchos
sitios que se categorizan así mismos como
Redes Sociales pueden en realidad operar
paralelamente a sitios como Facebook
ofreciendo funcionalidades extendidas. Estos
datos nos beneficia, ya que nuestro cliente
Redes cuenta con su propio espacio en Facebook
sociales relacionado con su negocio, para poder tener
un contacto directo con sus propios clientes.
Maipú tiene un gran alcance de Redes Sociales,
con un crecimiento significativo durante
el año pasado. En el gráfico se puede ver el
porcentaje de uso de cada red social en la
comuna.
Las redes sociales ofrecen una importante
vía a los usuarios de la comuna, para estar en
% alcance contacto frecuente con amigos y familia, por
lo tanto creemos que usando las redes sociales
podemos difundir los servicios de Cheeta y
permitir que sea mucho más fácil acceder a la
página web.
33
34. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
USODEREDES
SOCIALES
La utilidad de Facebook radica en que y mantenerse al día de su actividad. Es por
la empresa puede crear su página con esto que una red social no puede plantearse
información sobre actividades, eventos, como su sitio web principal sino como un
noticias de su sector y comentarios sobre complemento de la comunidad que genera
sus productos; es un lugar donde entablar su marca; su empresa debe tener un sitio
relación con potenciales clientes más allá de lo web corporativo que ofrezca sus productos
meramente comercial, desde ese lugar puede de forma muy clara y cumpliendo con sus
enviar tráfico hacia su web oficial. objetivos comerciales más importantes.
El contenido a ofrecer debe ser de interés,
cuando a la gente le gusta (o no) un producto,
escribe sobre ello en los foros y lo comenta en
sus comunidades virtuales. De esa manera el
cliente forma parte activa de la campaña del
servicio.
Para poder ofrecer una visión más clara,
debemos considerar que Facebook no es una
página web, sino que se trata de un perfil
público de la información que queremos
ofrecer sobre un producto u organización, de
las que otros usuarios pueden hacerse fans
34
35. C A P I T U LO I I I - D E F I N I C I Ó N D E L T E M A
USODEREDES
SOCIALES
Mayormente se utilizan las cuentas de permitiéndonos conocer directamente la
Twitter para informar sobre las actividades opinión que se tiene sobre la misma.
y novedades de la empresa, anunciar
eventos, promociones y ofertas, conocer la Lo principal para obtener el mejor provecho,
competencia y compartir información que es captar público o seguidores, por medio
se considere interesante para los contactos, de mensajes originales y que resulten de
generando un feedback entre la empresa y el utilidad. Es importante mantener un contacto
medio que resulta siempre beneficioso para fluido con ellos respondiendo siempre que nos
los negocios. escriban de un modo distendido y personal.
Dependiendo del objetivo y de las
características de nuestra compañía o
producto, se define el perfil de la cuenta, que
podrá estar orientada a marketing y ventas,
comunicación con clientes, contacto con
colegas y competidores o como una fuente
muy valiosa de información para evaluar la
repercusión de nuestras campañas e imagen
en un público determinado. En este sentido,
una aplicación para destacar es el “Twitter
Search”, con la cual se rastrean las menciones
que se hayan hecho a nuestra empresa,
35
36. OBJETIVOS DEL PROYECTO
Cartas de Servicio
tener clara ventas calidad
principales
incluyen
Estrategias
Precio Construcción Rentabilidad
Objetivos principales
sitio web
Alcanzar éxito
Hacer Ganar Atraer
negocios Dinero Clientes Comunidad
sobre Servicio
Usuario
¿Qué se ofrece? identi cado
que consigan
Servicio de
E cacia Calidad imprenta Vinculos Fidelizar
con unióna la visitantes
web Creación
Solución de
Slogans Contenidos Plantea-
problemas
mientos
Medio Ofrecer
comunica- dos principales armas contenidos
ción perió- gratuitos o
dica descuentos
Crear Senti-
miento de
pertenencia
36
37. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
RECOPILACIÓN
DE ANTECEDENTES
Cheeta es un proyecto de personas jóvenes
con pasión al diseño, con ganas de emprender
y desarrollar nuevos conocimientos en lo que
respecta a esta área, impresión de proyectos de
diseño, trabajos para la universidad y creación
de diseños de todo tipo, ya sea tarjetas de
presentación y afiches publicitarios.
Apuestan a la diferencia, al valor agregado,
a la seriedad y formalidad, y por sobre todo
al trabajo profesional. Creemos en el buen
desarrollo de este proyecto o de cualquier otro
que nos propongamos, y que con creatividad y
dedicación dará grandes frutos en el futuro.
37
38. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
DESCRIPCIÓN DE
LA EMPRESA
El proyecto, Cheeta Graphics nace como una
manera de buscar una pronta, interesante y
enriquecedora inserción en el mundo de la
pequeña y mediana empresa, pero a la vez
abarcando el área de diseño, en la que se posee
conocimiento y por sobre todo pasión.
Cheeta se encarga de la impresión en láser,
en formato carta y tabloide con diferentes
materiales que pueden ayudar al estudiante
para que su proyecto quede bien impreso y con
una excelente presentación.
38
39. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
VISIÓN
Con este proyecto, se pretende desarrollar y/o
potenciar las habilidades, además de fortalecer
conocimientos tanto en el diseño, como en el
uso de maquinaria, materiales, y por supuesto
interacción con el cliente.
39
40. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
ANÁLISISDE
MERCADO
Si bien el desarrollo de la imprenta no es una
idea nueva, se necesita un lugar en Maipú
que pueda imprimir las 24 horas para los
estudiantes, que sea de bajo costo y quede
cerca de sus casas, ya que la mayoría de
las imprentas que existen en la comuna no
atienden todo el día y esto perjudica a los
estudiantes que quieren que su proyecto se
imprima de mejor manera y a cualquier hora.
En la comuna existen varios lugares de
impresión, entre ellos:
Printing now > Ubicado en el mal Plaza Oeste,
al frente de Duoc. Ofrece servicios de impresión
digital, fotocopias e internet.
Ctrl+P > Ubicado en Plaza Maipú, ofrece
servicios de impresión de planos, digital.
40
41. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
MÉTODOSDE
PROMOCIÓN
Entregar flyers, volantes o folletos en las
afueras de universidades.
Sitio web, Redes sociales: facebook, twitter,
needish, flickr.
DETALLES DE ENTREGA
- Se entrega la impresión en una bolsa de
plástico para que no se pueda ensuciar.
41
42. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
MÉTODOS DE
PROMOCIÓN:
FLYER
Los flyers, denominados también, “Volantes” son folletos
de pequeñas dimensiones y gramajes reducidos y que se
utilizan para transmitir información publicitaria sobre
productos y servicios de una empresa.
Según la dimensión y plegado del flyer, puede clasificarse
en:
- Volante: Contiene una sola hoja y dos caras
- Díptico: Compuesto por una hoja, un plisado y 4 caras
- Tríptico: Compuesto por una hoja, dos plisados y 6 caras
Eventualmente una hoja podría plisarse más veces.
Los flyers, se encuentran dentro de la categoría de
folletos, y son pequeños panfletos de reducido tamaño.
Son también los que normalmente se reparten en grandes
cantidades, a los clientes o consumidores que circulan a
pie.
La medida del flyer que mas se usa es de 21.5 x 14 cms
(media carta).Esta es la que se usará para la promoción
de la imprenta a través de flyer, formato volante, con
impresión en una sola cara.
42
43. C A P I T U LO I V - R E CO P I L AC I Ó N D E A N T E C E D E N T E S
PRECIOS: REFERENCIA
DE MEDIDAS Y VALORES
DISEÑO DE TARjETA DE PRESENTACIÓN, DEPENDIENDO DEL DISEÑO Y FORMA
$ $ BANNER
GRS $ CARTA
TABLOIDE 30x150
BOND 90 250 450 123
COUCHE 135 250 450 123
COUCHE 170 260 460 123
COUCHE 300 300 500 123
OPALINA 225 280 480 123
ADHESIVO 80 400 600 123
43
44. C A P I T U LO V - D E F I N I C I Ó N D E V I A B I L I DA D Y CO N T E N I D O S
DEFINICIÓN DE
Para la creación de la página web es imprimir trabajos de calidad y también
VIABILIDAD
necesario realizar una investigación en que tengan internet, que es lo más
la comuna de Maipú y cerrillos cuantas importante en este caso. Se hizo
personas y estudiantes de institutos una investigación y se calculó que 1
Y CONTENIDOS y universidades que estudian una
carrera tienen la necesidad de
universidad y 2 institutos, cuentan
con carreras de diseño.
UDLA INACAP DUOC UC
Diseño de Diseño Diseño Diseño Diseño
vestuario Gráfico Gráfico Industrial Gráfico
44
45. C A P I T U LO V - D E F I N I C I Ó N D E V I A B I L I DA D Y CO N T E N I D O S
DEFINICIÓN DE La mayoría de las personas en contacto en caso de alguna consulta
VIABILIDAD
Maipú cuentan con internet y lo por mail o por teléfono. Como la
ocupan regularmente, es por eso mayoría de las personas que imprimen
que es necesario crear un sitio web son estudiantes, es necesario crear
Y CONTENIDOS que permita dar información de
la imprenta, el lugar en donde se
una página interactiva y con diseño
que llamen la atención al público
encuentra, el portafolio realizado y objetivo.
c to
nta
Co
Qu
CHEETA
i
somenes
os
Portafolio
Ser
vic
ios nios
Co nve
45
46. C A P I T U LO V - D E F I N I C I Ó N D E V I A B I L I DA D Y CO N T E N I D O S
DEFINICIÓN DE
VIABILIDAD
Y CONTENIDOS
CHEETA Hoy en día toda empresa de cualquier tamaño
necesita tener una presencia en internet para
dar una buena imagen de prosperidad y futuro.
Se da a conocer El tener pagina web aumenta en gran medida
el conocimiento de su empresa o negocio,
dándose a conocer por un inmenso número
Nacional Internacional de empresas y personas (futuros clientes) no
sólo locales, sino nacionales o incluso de todo
el mundo.
Mediante las búsquedas que hacen los clientes
en los buscadores de internet informándose
de productos y servicios que necesitan,
aparecen como resultados las páginas web
de las empresas que ofrecen esos productos y
Nuevos Clientes servicios. Es decir, su empresa se da a conocer
a otras personas y empresas que posiblemente
se conviertan en nuevos clientes gracias a
aparecer en un buscador de internet.
46
47. C A P I T U LO V - D E F I N I C I Ó N D E V I A B I L I DA D Y CO N T E N I D O S
DEFINICIÓN DE
VIABILIDAD
Y CONTENIDOS
Una página web ayuda mucho como un canal
de comunicación adicional para informar sobre
los productos y servicios que más interesa
promocionar para aumentar la rentabilidad.
Una de las mejores formas de promocionar
productos es por medio de un sitio web que
tenga rankings elevados en los motores de
búsqueda. Sin embargo, con tu propio dominio
y tu propio sitio web, publicando contenido
único y consiguiendo enlaces externos estarás
encaminado a conseguir tráfico gratuito de los
motores de búsqueda.
47
48. C A P I T U LO V I - D E T E R M I N AC I Ó N D E C R O N O G R A M A S Y P R E S U P U E S TO S .
CRONOGRAMA
Días
El siguiente cronograma indica las horas de
trabajo de cada integrante del equipo de diseño
durante el mes de Septiembre.
Días
Los días parten del 9 ya que ese fue el día que
se comenzó a trabajar en el proyecto del sitio
web, además están señalizados los días en
Días
rojo que fueron feriados. Las horas de trabajo
fueron contabilizadas sumando en diferentes
horas el día la cantidad total de horas en el
Días encargo.
48
49. C A P I T U LO V I - D E T E R M I N AC I Ó N D E C R O N O G R A M A S Y P R E S U P U E S TO S .
CRONOGRAMA En este cronograma se puede apreciar el proceso de diseño durante las
semanas que se trabajó en el proyecto. Los puntos graficados son los más
importantes del desarrollo del encargo.
Reunion de información y Busqueda de información Revisiones y correciones
conversaciones con el cliente
Diagramación del informe Diseño y grá cas Impresión
49
50. C A P I T U LO V I - D E T E R M I N AC I Ó N D E C R O N O G R A M A S Y P R E S U P U E S TO S .
PRESUPUESTOS
Costo de hosting: Flash Catalyst CS5.5
Hostingcenter.cl : $22.900 Fireworks CS5
Acrobat X Pro Bridge CS5
Costo de dominio: Device Central CS5.5
Tarifa de creación por 2 años _ $18.900 valor Media Encoder CS5.5
de la creación {19% iva incluido}
Flayers:
Tarifa de renovación por 2 años $18.900 valor Flyer: 6.5x9.5 , 500 flyer =31 pesos cada
de renovación (19% iva incluido} costo por año uno,=15500
: $9.450 Afiches: tamaño tabloide, 30 afiches, 500
pesos cada uno=15000
Licencia programas adobe:
CS5 Adobe Design Premium 5.5 Windows
$149.900
Contenido:
Photoshop CS5 Extended
Illustrator CS5
InDesign CS5.5
Dreamweaver CS5.5
Flash Professional CS5.5
50
51. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
CONTROL DE Es importante que nuestro sitio se vea Existen varios tipo de utilidades que
VARIABLE DE
de forma atractiva y agradable, para podemos incorporar en la pagina,
que nuestro público se sienta cómodo y pero debemos tomar en cuenta que
S O P O RT E S puedan encontrar lo que ellos quieran. información contendrá el sitio, y así
optar por lo más adecuado.
Home
Donde
Portafolio { -6.0
Mapa
El menú desplegable es un elemento en que dispone
varios niveles, que se despliegan mediante el usuario
pasa el puntero del ratón por encima de cada elemen-
to. Pueden ser horizontales o verticales, pero existe el
riesgo de que en algunos navegadores no dispongan
del su ciente soporte de CSS.
51
52. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
Close
La galería de imagenes (Lightbox) nos permite mostrar
los productos y servicios de la empresa. Estas imáge-
nes se muentran en una serie de miniaturas que se
amplían al pinchar sobre cada imagen.
El uso JavaScript ha supuesto una revolución en la
creación de las galerías de imágenes y ha permitido
mejorar la experiencia de navegación del usuario. Es
una técnica muy sencilla de utilizar, funciona correcta-
mente en todos los navegadores y permite mantener
la semántica del documento (no ensucia la página con
código JavaScript).
52
53. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
@
Los formularios nos ayudan a aumentar la interactividad de nuestra Web
y nos permiten recibir información de los usuarios de nuestro sitio. Los
formularios están compuestos por campos de texto y botones.
Una vez el usuario ha rellenado el formulario e introducido los valores en
los campos, éstos son enviados para poder procesarlos. El envío de estos
datos puede hacerse a un correo electrónico o a un programa que procese
toda la información y nos ayude a hacer un seguimiento.
53
54. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
<script type = “text/javascript”>
< >
Las galerías Jquery añaden muchas otras Por todo ello, es imprescindible utilizar
nuevas ideas para crear una librería librerías JavaScript que simplifiquen el
espectacular: muy pequeña, rápida, ligera desarrollo y permitan crear aplicaciones
y con cientos de utilidades. Las aplicaciones compatibles con todos los navegadores,
web cada vez son más complejas, ya que razón por la cual hemos seleccionado a Jquery
incorporan nuevos efectos visuales e para poder compatibilizar el encargo del
interacciones dinámicas. sitio web y tenga las condiciones optimas de
funcionalidad al ser compatible y editable
Al mismo tiempo, el desarrollo de las gracias a las opciones de CSS.
aplicaciones web avanzadas es cada vez
más complicado, ya que deben funcionar
correctamente en al menos 5 navegadores
diferentes (Internet Explorer, Firefox, Chrome,
Opera y Safari) y el tiempo de desarrollo se
reduce por la necesidad continua de incluir
novedades en la aplicación.
54
55. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
Photoshop es una aplicación para la creación, Se considera que el formato jpg es mejor para
edición y retoque de imágenes. Éste nos fotografía digital mientras que los formatos
permite la combinación de sus herramientas .gif y .png son mejor para imágenes gráficas.
y filtros, lo cual puede dar lugar a un sinfín
de creaciones artísticas y publicitarias. El Para nuestro proyecto web y pensando en los
mejor programa para trabajar con gráficos, en requerimientos del cliente la mayoría de los
nuestro caso podemos retocar los afiches, fotos exploradores actuales soportan este formato.
de productos y mejorar la estética de la pagina.
El formato de imagen que nos permite una
mejor calidad será JPG. Es un formato de
compresión de imágenes, tanto en color como
en escala de grises, con una variedad de gama
y calidad de exportación.
55
56. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
Slider en un rotador de imágenes, en ella se muestran
diversos efectos para las transiciones de las imágenes
añadiéndole mayor dinamismo. Además de tener distin-
tas animaciones, puede tener enlaces, descripciones de
las fotos y se podrá navegar a través de ellas ya sea con
los botones anterior y siguiente. Con HTML, CSS y JQuery
podemos crear una forma de ver nuestras imágenes de
forma sencilla y e caz.
56
57. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
Se utiliza para dar estilo a documentos
html, separando el contenido de la
presentación. Los estilos de nen la forma
de mostrar los elementos. Permite
controlar el estilo y el formato de múltiples
páginas web al mismo tiempo.
Protocolo de red para la transferencia de Es usado para describir la estructura y el
archivos entre sistemas conectados a un contenido en forma de texto, así como
red TCP (Protocolo de Control de Transmi- para complementar el texto con objetos
sión), basado en la arquitectura cliente- tales como imágenes. HTML se escribe en
servidor. forma de <etiquetas>, rodeada de
corchetes angulares (<,>).
Lenguaje de programación que se utiliza
principalmente para crear páginas web
dinámicas. Incorpora efectos como texto
que aparece y desaparece, animaciones,
acciones que se activan al pulsar botones
y ventanas con mensajes de aviso al
usuario.
Es un lenguaje interpretado, usado para la
creación de aplicaciones para servidores, o
creación de contenido dinámico para sitios
web.
Va encapsulado dentro de los documentos
html, de forma que se puedan introducir
instrucciones php dentro de las páginas.
57
58. C A P I T U L O V I I - C O N T R O L D E VA R I A B L E D E S O P O R T E
CACOO
Hay una gran cantidad de sitios que nos
ofrecen el poder realizar diagramas y
wireframes, el que nosotros utilizamos fue
Cacoo.
Las opciones que nos brinda van desde los
clásicos UML, Diagramas de Red, bosquejos de
sitios web, entre otros. Pero acá eso no es lo
interesante, ya que el plus de esta herramienta
es la colaboración en equipo en tiempo real.
Cacoo permite crear los diagramas entre varios
usuarios, y todo al instante.
Es de fácil uso y es completamente gratis.
58
59. C A P I T U LO V I I I - CO N T R O L D E L A A R Q U I T E C T U R A D E L A I N F O R M AC I Ó N
CONTENIDOS
DELSITIO
NORMAS
Lo que debe llevar un sitio web
Acerca de la Productos o Novedades de
institución Servicios empresa
Una vez que se han identificado los objetivos
del sitio, se debe proceder a hacer las
Cheeta Servicio de
impresión definiciones más concretas que permitan
decidir qué contenidos son los que va a tener
¿Quiénes son? ¿Qué hacen? el Sitio Web que se desarrolle.
Cheeta es un proyecto realizado por Cheeta se encarga de la impresión en Hay que partir por las normas como se
personas jóvenes con pasión al diseño, láser, en formato carta y tabloide con
con ganas de emprender y desarrollar diferentes materiales que pueden presenta en la gráfica, teniendo en cuenta
nuevos conocimientos en lo que ayudar al estudiante para que su
respecta a esta área, impresión de proyecto quede bien impreso y
cuales podrían ser las necesidades que podría
proyectos de diseño, trabajos para la presentado. tener el usuario.
universidad y creación de diseños de
todo tipo, ya sea tarjetas de presenta-
ción y a ches publicitarios.
Esto debe ir para dar a conocer la identidad de
la empresa, para saber cuales son exactamente
los servicios que ofrecen.
59