Informe Taller Multimedia

Integrantes:- Liliana Ascencio- Ariel Messina- Natalia Turén

“Proyecto Pymes”

Informe Taller Multimedia

Info

rme

Tal

ler

Mul

timed

ia“P

roye

cto

Pym

es”

Utilización de conceptos básicos de medios

pagina

02

# Capitulo 01

Comunicación multimediaMultimedia InteractivaInteractividadCotización de HostingDominioEl termino “.COM”El termino “.CL” UsoEsquema de dominios

Reconocimiento de Etapas de Desarrollo orientados a un sitio Web

# Capitulo 02

PlanificaciónCompetenciasProducción de ContenidosDiseño de DesarrolloCarga de ContenidoTextosCss3FontfaacePng, gifAnimaciones flashEsquema de navegadoresTesteo y LanzamientoNavegadoresMantenimientoPromoción

Definición del Tema# Capitulo 03

UsuarioObjetivo del ProyectoEsquema deusuarios

Recopilación de Antecedentes# Capitulo 04

Datos de la EmpresaOrigen de logotipo

Definicion de Viabilidad y Contenidos

pagina

03

# Capitulo 05

EcolineDatos relevantes

Definición de Cronograma y Presupuesto# Capitulo 06

Grafico cronogramaBitacoraEsquema de presupuestosEspecificaciones

Control y Variable se Soporte# Capitulo 07

Tecnologias InteractividadMultimedia

Control de la Arquitectura de la información# Capitulo 08

Acotando contenidosDefiniendo tipo y funcionalidad de la informaciónJavaScriptDefiniendo canales de comunicación apropiadosEstableciendo Mapas de navegación

Control de la Arquitectura de la información# Capitulo 09

Publico objetivoMaqueta de web

01

Capitulo


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. El concepto se aplica a objetos y sistemas que utilizan a múltiples medios físicos y/o digitales para comunicar sus contenidos. El término también se usa en referencia a los medios en sí que permiten almacenar y difundir contenidos con estas características.

Comunicación multimedia:Facilita la comprensión y el aprendizaje, ya que es muy similar a la comunicación humana directa (cara a cara).

Como por ejemplo:En una conversación, observamos al interlocutor (lo que sería equivalente a un video) y lo escuchamos (audio-sonido) mientras acompaña sus palabras con gestos y movimientos corporales (animaciones).La difusión de los contenidos, por otra parte, puede concretarse a través de Internet, proyectarse en una pantalla o desarrollarse en un escenario.Un curso de inglés a distancia es un ejemplo de información multimedia. Ya sea online o mediante un CD-ROM o DVD-ROM, el estudiante puede observar videos para familiarizarse con el idioma, escuchar audios para aprender la pronunciación, participar de juegos interactivos con animaciones y leer textos con explicaciones sobre gramática y ortografía.

Multimedia Interactiva:Se refiere a cuando las paginas web también pueden presentar desarrollos multimedia, con animaciones en Flash, videos insertados desde YouTube u otro medio, música de fondo y material para leer. Se denomina de esta manera 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 clicks

pagina

04

Multimedia enfocada a nuestro proyecto “Ecoline”:

Nuestro proyecto “Ecoline”, busca presentar a sus clientes, su composición por lo cual opta como uno de sus medios de propagación, es una página web, la cual, cumple la función de informar al usuario, sus objetivos, capacidades, motivaciones, visiones y lo que busca como empresa para lograr para el bien comunitario.A través de este medio busca que a través de un simple click de manera directa sus clientes vean sus visiones como empresas, sus servicios y contacto a través de correos electrónicos para posibles sugerencias en cuanto a su atención a la comunidad.

01 Utilización de conceptos básicos de medios

pagina

05

Interactividad:

Se refiere a la acción que se ejerce recíprocamente entre dos o más objetos, agentes, fuerzas, funciones, para comunicarse entre si.También se refiere a un dialogo de comportamiento entre dos entidades, el accionar de una condiciona la respuesta de la otra.

Interactividad enfocado a “Ecoline”:

Ecoline busca generar satisfacción y compla-cencia en sus clientes a medida que va desarrollando su labor en la comunidad, por lo cual busca que el sistema electrónico es interactivo como su pagina web, modifique el comportamiento y conocimiento de su empresa hacia sus clientes, de acuerdo a los comandos del usuario.Un host o anfitrión es un ordenador que funciona como el punto de inicio y final de las transferencias de datos. Más comunmentedescrito como el lugar donde reside un sitio web. Un host de Internet tiene una dirección de Internet única (direción IP) y un nombre de dominio único o nombre de host.El término host también se utiliza para referirse a una compañía que ofrece servicios de alojamiento para sitios web.

Alojamiento web, webhosting, alojamiento de una página web). Servicio que ofrecen algunas compañías (los webhost) en Internet que consiste en ceder un espacio en sus servidores para subir (alojar, hostear) un sitio web para que pueda ser accedido en todo momento de forma online.Un buen hosting es necesario para una buena página web. El hosting es el que guardala información de la página web y provee de otros servicios como el correo electrónico ysoporte para bases de datos, blogs, foros y otros programas.Es necesario considerar un hosting mas grande si su página consume mucho ancho de banda y tiene miles de descargas por mes.

Suelen contar con diversos planes con distintos precios para distintas necesidades. Para armar los distintos planes suelen limitan el espacio en disco, el bandwith(herramienta para medir la velocidad de Subida y Bajada de nuestro enlace a Internet) , las plataformas y las herramientas y recursos que ofrecen.Por lo cual procederemos a dar 3 cotizaciones de alojamiento de acuerdo a ciertos requeri-mientos, que se ajustarían a nuestro proyecto.

Capitulo

01 Utilización de conceptos básicos de medios

pagina

06

Hosting es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.

Cotización de Hosting proximo a Utilizar.

Servicio basico de la empresa Planeta.Hosting que nos ofrece un plan de $17.000 anual que cuenta con los siguientes recursos:

Setup: GRATIS

Disco duro : 500 MB

Transferencia mensual : 10 GB

Panel de control Cpanel : SI

Panel multidominios WMH : NO

Acceso shell : NO

Guía de soporte : SI

Ticket system : SI

Base de conocimiento : SI

Soporte por E-Mail : SI

Dominios apuntados : 1

Sub dominios : 2

Re direccionamientos : 2

Cuentas FTP : 3

PostgreSQL Database : NO

MySQL Database : 1

PHP : SI

Adobe Flash : SI

Cuentas de E-Mail : 10

Autoresponders : 1O

Webmail : SI

Spam Assassin : SI

PHP MyAdmin : SI

Fantastico Deluxe : SI

Libreria CGI scripts : SI

Estadísticas : SI

Backups : SI

Capitulo

01

Capitulo


Dominio:

El dominio es el poder que tiene alguien para disponer de lo suyo. Por ejemplo: “La computadora forma parte de mis dominios en esta casa”.Dominio también hace referencia a un orden determinado de conocimientos o ideas, al ámbito (ya sea real o imaginario) de una actividad, al buen conoci-miento de una ciencia o un arte. Por otra parte, se conoce como dominio de Internet al nombre de equipo vinculado a una dirección IP numérica. Este dominio permite asociar distintos nodos para facilitar su identificación. Al dominio se le adjunta s traducir tu nombre de dominio (p.ej. midominio.com) en una dirección IP. El servicio de DNS permite, una vez configurado, que tu web y tu correo electrónico sean localizados desde cualquier lugar del mundo mediante tu nombre de dominio. Es una base de datos distribuida, con información que se usa para traducir los nombresde dominio, fáciles de recordar y usar por las personas, en números de protocolo de Internet (IP) que es la forma en la que las máquinas pueden encontrarse en Internet.Hay personas en todo el mundo manteniendo una parte de la base de datos, y esta información se hace accesible a todas las máquinas y usuarios de Internet. El Domain Name System (DNS), o Sistema de Nombres de Dominio, comprende personas, instituciones reguladoras, archivos, máquinas y software trabajando conjuntamente. Dentro del dominio y el DNS, en la cuenta del dominio hay que configurar los DNS que es la manera de indicar a que servidor se debe de referir el nombre de la página web para mostrarse, podremos encontrar el sistema de registro regional como por ejemplo, www.midominio.cl o bien www.midominio.com.

El termino “.COM”:Proviene del inglés commercial, comercial,comercianty, comerciante,comerci es un dominio de internet genérico que forma parte del sistema de dominios de internet. En general, se refiere a cualquier sitio web con actividad comercial. El domino es el “punto com” con el que llamamos una web a través de nuestro navegador. Es necesario verificar la disponibilidad del mismo y si no esta disponible tener una segunda opción.Se contrata y queda reservado exclusivamente para usted durante un año o el periodo que haya contratado.

El termino “.CL”:Dominio de nivel superior geográfico para Chile, se refiere a que una empresa, o entidad compra u obtiene un dominio para que tenga redes en Chile.Enfocados a nuestro proyectoECOLINE es un pagina web con funcionacmien-to en chile por lo cual su dominio corresponde a que sea ,cl, ya que se presenta en nuestro país.

Dominios Internacionales o Genéricos:

Pueden ser registrados por todo tipo de personas físicas y jurídicas de cualquier parte del mundo sin requerimientos especiales. Este tipo de dominios son económicos y de registro muy rápido, son los que tienen más uso en la red

Dominios territoriales:

Este tipo de dominios identifican la procedencia de la empresa. Por ejemplo .com.mx, es identifica-tivo de México, .es de España, .fr de Francia, .cr de Costa Rica. A diferencia de los dominios antes mencionados, este tipo de dominios son concedi-dos siempre que el solicitante cumpla los requisitos impuestos por cada país.

pagina

07

01

Capitulo


Uso:

De acuerdo a las necesidad, y dependiendo de ellas, es para lo que se crea una pagina web. Generalmente no todos las personas que tienen pagina web, venden un producto a través de ella, sin embargo les facilita y ayuda para formar una idea positiva en la mente de sus clientes, lo cual se puede traducir en posible expansión, ventas y favoritismo.

Adjunto a esto, existen variados usos que se le puede otorgar a una pagina web, como por ejemplo:

Negocios:Tener, mantener presencia en los usuarios y a su vez dar información.Este punto en específico se refiere a dar a conocer la empresa, productos y servicios con el fin de ir construyendo nuevos prospectos y obtener nuevos mercados en diferentes ciudades. A medida que transcurre el tiempo y el posiciona-miento va aumentando, se puede ir observando como se van obteniendo mayores clientes

pagina

08

Servicio:Ofrecer descargas o servicios útiles mediante a su sitio. Su producto o servicios no se pueda vender por internet. Sin embargo sus compra-dores pueden contar con su pagina web para obtener también un servicio post-venta. Sus clientes cuentan con su sitio web para descargar los últimos manuales, tutoriales, o videos e imágenes de los servicios que este presta. Usar una página web para ofrecer servicios post-venta, es muy útil y resulta positivo, para sus clientes que se sienten atendidos y satisfechos con el buen trato y atención. Una pagina web es un servicio que esta disponible todo el año y las 24 horas con lo que sus clientes pueden encontrar la solución a sus dudas cuando ellos lo deseen.

Comercio Electrónico:Compra-venta a través del sitio o catalogo de producto, (carrito de compras). Usted usa la página web como una herramienta de venta. Es un tipo de sitio enfocado a mostrar la mercancia, levantarpedidos y efectuar pagos o al menos generarórdenes de compra. Suelen ser sitios de un precio mayor debido a la infraestructura y trabajo que llevan pero pueden ayudar generar compras que de otra manera serían difíciles de lograr. Imagen corporativa: Ayuda a posicionar la marca en el mercado y establecer presencia en internet. No tratan de vender algo en especifico, simplemente se usan para mantener una imagen profesional, y positiva en la mente del consumi-dor quien ve a su empresa de manera profesio-nal y a la vanguardia. Es una manera de decirle al consumidor: “Aquí estamos y somos los mejor”.Es aquí donde se encuentra y debemos posicionar nuestro proyecto para que la marca y los servicios que esta presenta a sus usuario, mantenga su preferencia hacia ellos y permita en un futuro expandir su empresa a otro tipo de mercados objetivos y a otras plazas.

01

Capitulo


pagina

09

Esquema de Dominios:

02

Capitulo

Reconocimiento de Etapas de Desarrollo orientados a un sitio Web.

1º Planificación:En el desarrollo de este punto, es donde nos referiremos al análisis que se debe hacer al momento de querer realizar una pagina web.Primero se debe analizar el perfil de la empresa y su oferta, el público (clientes potenciales)( colina tanto los sectores bajos medio y altos), objetivos, y competidores directos en Internet (poner pantallazos y nombres de posibles competencias).

Competencias:

Referentes http://www.sgaromos.cl http://www.escombros.cl http://www.greendot.cl

Luego se estudia la viabilidad del proyecto en función de las oportunidades de negocio, las posibilidades de inserción, objetivos y recursos disponibles. Luego se planifica el proyecto web y se brinda el soporte para la documentación; plan básico de comunicación o marketing, objetivos de conversión, prototipos web (homepage y páginas internas), estructura y navegabilidad, arquitectura de información, tipos de contenidos a publicar, módulos o aplicaciones funcionales, etc

pagina

10

Otra opcíon:Se dirige a una auditoría de sitio web existente y planificación para optimización o Re-Diseño, se analiza exhaustivamente la web para detectar fallas u omisiones estratégicas y técnicas, para determinar el grado de idoneidad o eficiencia de tu modelo de comunicación, su usabilidad, su diseño funcional, y su optimiza-ción para motores de búsqueda.Luego documentamos los resultados y detalles del análisis para que se pueda encarar una optimización o rediseño de manera efciente, y que ayude a cumplir objetivos en el mundo online.

2º Producción de Contenidos:En este punto nos enfocaremos a la decisión de cómo desarrollamos los párrafos en relacionados al objetivo de la empresa, se busco ser concisos para captar la atención del usuario, ya que para nuestro mercado objetivo buscamos ser cercanos y directos, para generar confianza y pregnancia en las lecturas de nuestras descrip-ciones.Paralelo a esto el diseño de la pagina se baso en colores simples y amigables, tipografías legibles y cercanas al usuario que representaran limpieza y claridad al minuto de la lectura, imágenes de acuerdo a la imagen que se busca proyectar hacia los usuarios, y a su vez imágenes de la realización del servicio y los implementos necesarios que hacen que se lleve a cabo el servicio.

pagina

07

02

Capitulo


3º Diseño de Desarrollo:Durante este proceso, de acuerdo a toda la información manejada de nuestro cliente, procederemos a generar una síntesis de esta y escoger la más adecuada que debe incluirse en la descripción que se dará a conocer a través de nuestra página web.

pagina

11

Se deberá incorporar todo lo que sea información como:- Problematica- Necesidad encontrada.- Nombre de la Empresa.- Cliente Directo.- Cargos.- Dirección.- Telefono.- E-mail- Horario de trabajo.- Cliente DirectoServicios entregados:- Recolección y transporte de residuos- Mantención de áreas verdes- Contenedores fijos y móviles- Barrido de calles- Retiro de ramas y escombros

Otras Tecnologias:- Google +- Facebook- Google maps- Correos

02

Capitulo


4º Carga de Contenido:En esta etapa nos enfocaremos a todos los archivos y sus formatos que se incluirán dentro de la pagina web.

pagina

12

Textos:

Informacion necesaria para dar a conocer la empresa. De acuerdo a esto se utilizara la tipografia Calibri, la cual se encuentra por defecto en los programas de diseño y desarro-llo web, o también en su caso eventual se pueden cargar tipografias especificas a través de FONTFACE, la cual se utiliza de la siguiente manera:

Css3: Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a travésde un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos. Sirve para CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.Funciona CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un

documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.h1 {color: red;}h1 es el selector{color: red;} es la declaraciónEl selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declara-ción donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elemen-tos h1 del documento o documentos que estén vinculados a esa hoja de estilos.Las tres formas más conocidas de dar estilo a un documento son las siguientes:Utilizando una hoja de estilo externa que estará vinculada a un documento a través del elemento <link>, el cual debe ir situado en la sección <head>.

02

Capitulo


pagina

13

Fontface :Para utilizar fuentes en la web, cada forma de la familia de la fuente debe ser declarado utilizando el @ font-face regla , por ejemplo, utilizar los formularios ordinarios y cursiva de la fuente deliciosa de Jos Buivenga, que pondría a los siguientes en la hoja de estilos:

@ Font-face { font-family: Delicious; src: url (‘Delicious-Roman.otf’); }@ Font-face { font-family: Delicious; font-weight: bold; src: url (‘Delicious-Bold.otf’); }

Entonces llamada con font-family :h3 {font-family: Delicious, sans-serif;}Y de esta manera podemos ir utilizando nuevas tipografias en nuestra pagina web de acuerdo a nuestros requerimientos.

formato de Imágenes :Png: El formato PNG (Portable Network Graphics, Gráficos de red portátiles o formato Ping) es un formato de archivos de gráficos de mapa de bits (una trama).El formato PNG permite almacenar imágenesen blanco y negro (una profundidad de colorde 16 bits por píxel) y en color real (unaprofundidad de color de 48 bits por píxel), así como también imágenes indexadas, utilizando una paleta de 256 colores.Además, soporta la transparencia de canal alfa, es decir, la posibilidad de definir 256 niveles de transparencia, mientras que el formato GIF permite que se defina como transparente sólo un color de la paleta. También posee una función de entrelazado que permite mostrar la imagen de forma gradual. La compresión que ofrece este formato es (compresión sin pérdida) de 5 a 25% mejor que la compresión GIF.Por último, el PNG almacena información gama de la imagen, que posibilita una corrección de

gama y permite que sea independiente del dispositivo de visualización. Los mecanismos de corrección de errores también están almacena-dos en el archivo para garantizar la integridad

Gif:GIF es un acrónimo de la expresión inglesa “Graphics Interchange Format”, que significa Formato de intercambio de grágicos.Se trata de un formato de archivo gráfico que se utiliza comúnmente para mostrar imágenes indizadas por color en el Wold Wide Web. Este formato es utilizado por su alta capacidad de compresión de la información de una imagen.El formato GIF está limitado a un máximo de 256 colores. En general se recomiendan para las imágenes simples. GIF es un formato comprimido diseñado para reducir al mínimo el tiempo de trasferencia de archivos a través de lineas de teléfono estándares. Utiliza el método LZW para lograr proporciones de compresión de aproxima-damente 1.5:1 a 2:1.

02

Capitulo


pagina

14

Animaciones flash :Las animaciones flash que se incorporaran dentro de la pagina web, deberán realizarse de manera simple en el programa Adobe Flash (es una aplicación de animación que trabaja sobre “fotogramas” y está destinado a la producción y entrega de contenido interactivo para las diferentes plataformas).Y exportarse en formato swf, (formatoweb pequeño), suele ser ejecutado sobre el navegador mediante un plugin llamado Adobe Flash Player, aunque también pueden ser encapsulados para ejecutarse de forma autóno-ma. Básicamente es un formato vectorial aunque también admite bitmaps, con posibilidades de animación. También admite programa-ción mediante el lenguaje actionscript.Los archivos SWF suelen ser suficientemente pequeños para ser publicados en la World Wide Web en forma de animaciones o applets con diversas funciones y grados de interactividad. Para de esta manera subirse a la pagina web, con la aplicación correspondiente y se pueda visualizar.

5º Testeo y Lanzamiento :En esta etapa se verificara que todos los procesos de la pagina web se lleven correctamente a cabo, para evitar futuros errores.

Testeo: Dentro de este punto se incluirá eltesteo necesario para desarrollar la pagina web, de acuerdo a los distintitos tipos de navegadores que testearemos la pagina web para que se visualice sin problema alguno nuestra pagina web y también el formulario de la guiaweb, chile para estar en completo conocimiento de que nuestra pagina web cumple con los requerimientos básicos y así poder hacer mucho mas eficaz su lanzamiento.

Navegadores:De acuerdo a nuestras investigaciones por encuestas publicas, testiaremos la pagina web dentro de los navegadores mas utilizados.

pagina

07

02

Capitulo


pagina

15

2,3%

6,4%

11,1%

22,1%

56,2%

Esquema de Navegadores organizado deacuerdo al porcentaje de usabilidad:

02

Capitulo


6º Mantenimiento :Específicamente, la pagina web solicitada no tendrá un mantenimiento constante, ya que es de información permanente y su función en posicionamiento de un servicio dentro de una comunidad, sin embargo, en el caso eventual que se necesite cualquier modificación de la pagina web, se dispondrá de un diseñador que realice estos cambios, para mantener de esta manera la pagina web actualizada.

pagina

16

7º Promoción :Nuestra pagina web se promociona a través de la publicidad de la radio oficial de colina y el diario oficial de esta misma comuna. De esta forma se dará a conocer nuestra página web.

Radio de colina la cual hace medio por el cual ecoline se dirigue a sus usuarios

03

Capitulo

Definición del Tema

pagina

17

Usuario :- ciudadano de origen residencial- urbano- comercial- asistencial- industrial- institucional

Objetivo del Proyecto :Manejar, transportar y ofrecer la mejor alternati-va de valoración, tratamiento y/o disposición final de sus Residuos Industriales NoPeligrosos y Peligrosos, asesorándolo durante toda la gestión en el cumplimiento de la legisla-ción. y que por medio de una plataformadigital (sitio web), pueda encontrar alternativas de reciclaje y manejo de residuos y que toda información que neceita paraestar informado con respecto a este servicio.

03

Capitulo

Definición del Tema

pagina

18

Esquema de Usuarios :

Ciudadano de origen residencial

Ciudadano urbano

Ciudadano comercial

Ciudadano institucional

04

Capitulo

Recopilación de Antecedentes

pagina

19

Nuestra empresa :Ecoline, Es una Empresa que cuenta con experiencia, modernidad y altamente calificada en el desarrollo de servicios ambientales, nuestras actividades se realizan de acuerdo a los reglamentos y normativas vigentes en Chile. Ecoline Mantiene una filosofia empresarial, una dedicada apuesta por la mejora continua de sus procesos con vision a largo plazo , el respeto por el medio ambiente, la seguridad ocupacional y lacalidad de sus servicios.

Misión :Somos una empresa socialmente responsable, comprometida con el medio ambiente. Nuestro principal objetivo es ofrecer soluciones ecológicas para el manejo, recolección y confinamiento de residuos. Con la convicción de preservar la salud del ser humano y rescatar el medio ambiente integrando servicios que modifiquen los procesos de limpieza institucional, tomando liderazgo en las acciones ecológicas inmediatas para el Desarrollo Sustentable de nuestro planeta. de esta manera entregar y ofrecer servicios y soluciones de excelencia en la extracción y transporte de residuos sépticos e industriales, poniendo a disposición nuestra vasta experiencia y nuestro compromiso con la calidad y medio ambiente e innovacion para garantizar la plena satisfacción de nuestros clientes

Visión :Ser una empresa que trascienda en la innovación y posicionamiento de productos y servicios ecológicos para la limpieza, enfocándonos al cuidado y permanencia del medio ambiente , a través de la recolección de materiales o desperdi-cios que requieran un confinamiento especial o a la recuperación para el reciclado, logrando el reconocimiento a nivel nacional de nuestros productos y servicios a traves de un espiritu innovador, desarrollando al maximo las habilida-des del personal, a traves de una capacitacion continua utilizando un alto nivel de tecnologia disponible y cumpliendo los estandares de la calidad respetando el medio ambiente.

Ventajas Competitivas :· Atención de clientes con alta y baja generación de residuos· Contamos con una variada flota de camiones de distintas capacidades de almacenamiento y tonelaje, ypor ende buscamos el camión de acuerdo a la necesidad del cliente, y obviamente el costo del servicio esproporcional al tipo del camión y a la distancia a recorrer.· No sólo realizamos el transporte y disposición final, si no que además contamos con las maquinarias(cargador frontal, retroexcavadora, excavadora) para realizar el acopió y almacenamiento en lo recipientes(maxisacos o tambores metálicos) que el cliente estime y luego la carga (grúa horquilla) en la plataformade nuestros camiones para transportar a disposición final.

04

Capitulo

Recopilación de Antecedentes

pagina

20

C=80M=05K=10Y=0

R= 102 G=175B=41

#: 66AF29

#: 34A8BDR=52G=168B=189

C=60M=05K=95Y=0

Origen nombre logotipo :Es una palabra compuesta a partir de las siguientes palabras “Ecológico” y “Line”.

Se refiere netamente a la resguardar la ecología del sector, en conjunto de señalar hacia donde apuntaría los objetivos de la empresa, que sería mantener una línea de recolección de residuos, que recogen mayormente en la comuna.

El isotipo que compaña, se refiere específicamente al punto de la letra I, la cual busca señalar y hacer referencia a la naturaleza de la zona.

En cuanto a los colores, es una gama de tonos pasteles, (celeste y verde), busca la forma de connotar el medio ambiente, dentro de un de un conjunto de composiciones, que busca ser pregnante al minuto de ser visto por el usuario.

Conceptos: :- Naturaleza- Aire- Ecología - Limpieza- higiene

05

Capitulo

Definicion de Viabilidad y Contenidos

pagina

21

Ecoline :SOCIEDAD COMERCIAL DE MANEJO Y GESTION INTEGRAL DE RESIDUOS

Nombre de Fantacia:Es una empresa dedicada a la recolección de residuos sólidos y preocupada por el cuidado del medio ambiente. El personal ha sido especial-mente capacitado para prestar el mejor servicio a la comunidad. Ademas cuenta con la más moderna tecnología para desempeñar nuestro trabajo cada día de manera óptima. Teniendó el compromiso de garantizar espacios públicos limpios y saludables.

Datos relevantes :Las oficinas e instalaciones estan ubicadas encalle Las Tullerias nº 027, Esmeralda, Colina.teléfonos son: 8602799 - 8441041 (anexo 241)sugerencia o consulta, a: [email protected] servicios constan de:

- Recolección y transporte de residuos:Contamos con un servicio diurno y nocturno, dependiendo de los sectores, para la recolección de residuos sólidos, los que son depositados en la estación de transferencia de la firma KDM.

- Mantención de áreas verdes:Colina cuenta con importantes áreas verdes, las que deben ser mantenidas para el hermosea-miento de la comuna y el esparcimiento

de los vecinos.

- Contenedores fijos y móviles:Tenemos contenedores para el depósito de desechos de gran envergadura, los que están ubicados en puntos estratégicos de la comuna, tanto urbanos como rurales.

- Barrido de calles:Conscientes que el polvo en suspensión es uno de los principales agentes contaminantes, parte de nuestra responsabilidad es el barrido de calles.

- Retiro de ramas y escombros:Nuestros camiones multipropósito nos permiten entregar un servicio oportuno de retiro de ramas y

escombros, de tal manera demantener despeja-das las calles y veredas para el normal tránsito de vehículos y peatones, respectivamente.

Capitulo

06

Capitulo

Definición de Cronograma y Presupuesto

pagina

22

Septiembre

7

14

21

28 29

22 23 24 25 26 27

15 16 17 18 19 20

8 9 10 11 12 13

Natalia TurénLiliana AscencioAriel Mesina

Capitulo

06 Definición de Cronograma y Presupuesto

pagina

24

Bitácora :Miércoles 7 de Septiembre:Durante este día, nos reunimos vía online, para recopilar información para desarrollar el informe, en cuanto a los conceptos necesarios para el entendimiento de cada paso.

Jueves 8 de Septiembre:Durante este día, también nos reunimos vía online, para continuar con la recopilación de información, que estipulamos el día anterior.

Viernes 9 de Septiembre:Durante este día, organizamos la información para adjuntar en el informe, procedimos a seleccionar cada definición y la manera en que será explicado cada concepto en el informe.

Lunes 12 de Septiembre:Durante este día, desarrollamos todo lo que se refiere a wireframes, árbol de navegacióny posibles propuestas de la página web.

Martes 13 de Septiembre:Durante este día se realizaron las correcciones a la información ya obtenida y se coordino la nueva información que se incluyo en el informe.

Miércoles 14 de Septiembre:Durante este día, realizamos la visita al cliente, quien nos recibió y otorgo la información necesaria para realizar el informe de nuestro proyecto.

Jueves 15 de Septiembre:Durante este día se incorporo más información al informe y se continúo con el desarrollo de informe.

Viernes 16 de Septiembre:Se continúo con incorporación de información y se procedió a definir ciertos aspectos de propuestas, conceptos para finalizar la emisión del pre-informe.

Capitulo

06 Definición de Cronograma y Presupuesto

pagina

25

Diseño Web

Diseño del informe

Dominio

Hosting

Transporte

Neto 350.000IVA 66.500Total 416.500

Internet

Celulares

Impresion

Empastado

I.V.A

Especificaciones :Esta pagina web, solo contiene información estática, que se caracteriza por informar uesto por el diseño de la pagina, que la haga amigable, intuitiva y atractiva para que sea visitada constantemente por sus clientes.- Lo único que contendrá será una pagina de facebook que será caracterizada por sumar adeptos que indicaran si les gusta la pagina o no. Adjunto a esto se dispondrá la opciones Google+ para que así de acuerdo a cada visita que vaya obteniendo su posicionamiento en los buscadores vaya aumentando.- Costo de la pagina web será de 350.000 pesos, por los simple animación flash que contiene, link, fotografías adjuntas mas links de interés.- También se incluye el costo del hosting que se evalúa en una cantidad de $17.000 Pesos anual.

Capitulo

07

Capitulo

Control y Variable se Soporte

pagina

26

Tecnologias :Las tecnologías web a usar serán Html, css y php para el formulario de contacto con la función de generar mayor comunicación con posibles clientes, además de incluir un identificador de validación de direcciones email, con lo cual si se escribe una dirección incorrecta le saldrá un mensaje de error para que vuelva a rellenarlo de forma correcta así poder contestar en caso de cualquier duda.Para la pagina “ecoline” decidimos integrar galerías de imágenes “Lightbox”, mostrando al usuarios el tipo de maquinarias con el que cuenta la empresa. Los estándares de navegación serán previstos para internet explorer desde su versión 7 en adelante como también firefox, opera, chrome y safari, todo esto se realizara con las herramientas de adobe, las cuales son adobe AI, PS, DW, FW y ID.

Interactividad :En este proyecto buscamos actualizar la pagina haciéndola menos complicada y mas simple para el usuario con una mejor interfaz yaccesibilidad usando las nuevas plataformas que existen hoy en día que se conoce como la web 2.0, links re direccionados a plataformas como facebook, google +, google maps, ya que estas nos proveen de atributos como “me gusta” y así acrecentar la cantidad de posibles clientes.

Multimedia :Las plataformas a usar para la web serán:Imágenes estáticas: usadas para los logos, fotos y decoraciónAnimaciones : usadas para el Lightbox del sitioVideos: usados para que el cliente tenga un mayor entendimiento de los equiposBanner: usaremos banners que los re direcciona-ran a distintos blog de ecología y medioambienteAudio: solo sera usado el sonidos de botones interactivos, descartando el sonido de fondo que tiene actualmente el sitio.

08

Capitulo

Control de la Arquitectura de la información

pagina

27

1º Acotando contenidos :En esta etapa será donde jerarquizaremos toda la información que será incluida dentro de la página web de nuestro cliente, de acuerdo a la documentación que se requiere mostrar al usuario.La dividiremos en distintos módulos en los cuales el usuario podrá ir desplazándose de acuerdo a la información que el desee encontrar.

1° Empresa: Es a lo que llamaremos home, en donde se presentara una pequeña reseña de lo que constituye la empresa de nuestro cliente, imágenes, y tecnologías que ayudan a expandir su información sobre los usuarios. 2° Servicios:Nuevamente se incorporara una breve reseña donde se incluirá todos los tipos de servicios que realiza el cliente, adjunto con imágenes graficando cada uno de ellos.

3° Horarios y Rutas:En esta sección se dará a conocer al usuario el calendario de los días en que se realiza el servicio de recolección, adjunto a los horarios correspondientes, por lo cual se añadirá una opción para bajar en formato pdf dicha información.

4° Noticias:En esta nueva página se incluirá todo tipo de acontecimientos de acuerdo a la relación del cliente con la municipalidad de colina, toda nueva noticia que sea interesante para el usuario se incluirá, como también actividades, visitas o nuevas propuestas que se vayan suscitando a través del tiempo, adjunto también se incluirán links, para que el usuario conozca blogs, o páginas de internet donde podrá encontrar nuevas opciones de cómo cuidar su comuna y la ecología del sector.

pagina

28

08

Capitulo


2º Definiendo tipo y funcionalidad de la información :En el desarrollo de esta nueva etapa daremos a conocer toda tecnología en la cual nos apoyare-mos para generar un respaldo y expansión del servicio que otorga nuestro cliente.

1º Facebook Aplicación “Me gusta” :

Sitio web de redes sociales creado por Mark Zuckerberg y fundado por Eduardo Saverin, Chris Hughes, Dustin Moskovitz . Los usuarios pueden participar en una o más redes sociales, en relación con su situación académica, su lugar de trabajo o región geográfica.

Lista de Amigos: En ella el usuario puede agregar a cualquier persona que conozca y esté registrada, siempre que acepte su invitación. En Facebook se pueden localizar amigos con quienes se perdió el contacto o agregar otros nuevos con quienes intercambiar fotos o mensajes. Para ello, el servidor de Facebook posee herramientas de búsqueda y de sugerencia de amigos.

Muro: el muro (wall en inglés) es un espacio en cada perfil de usuario que permite que los amigos escriban mensajes para que el usuario los vea. Sólo es visible para usuarios registrados. Permite ingresar imágenes y poner cualquier tipo de logotipos en tu publicación. Una mejora llamada supermuro permite incrustar animaciones flash, etc.

Grupos y Páginas: Es una de las utilidades de mayor desarrollo reciente. Se trata de reunir personas con intereses comunes. En los grupos se pueden añadir fotos, vídeos, mensajes, etc. Las páginas, se crean con fines específicos y a diferencia de los grupos no contienen foros de discusión, ya que están encaminadas hacia marcas o personajes específicos y no hacia ningún tipo de convocatoria.

Capitulo

pagina

29

08

Capitulo


Además, los grupos también tienen su normativa, entre la cual se incluye la prohibición de grupos con temáticas discriminatorias o que inciten al odio y falten al respeto y la honra de las personas. Si bien esto no se cumple en muchas ocasiones, existe la opción de denunciar y reportar los grupos que vayan contra esta regla, por lo cual Facebook incluye un enlace en cada grupo el cual se dirige hacia un cuadro de reclamos y quejas.

pagina

30

Capitulo

08

Capitulo


2 º Google +1 :Consiste en hacer clic en el botón +1, para contar públicamente que nos gusta algo. Y si además quieremos compartirlo en ese momento, se puede añadir un comentario y envíarlo a los círculos de Google+ que uno prefiera. Así, cuando amigos y contactos hagan alguna búsqueda en Google, el clic en +1 les ayudará a encontrar lo mejor de la red.

3º Google Maps :Google Maps es el servicio, vía web, que nos permite visualizar el mundo a través de imágenes vía satélite, imágenes de mapas o combinar estas dos. Gracias al buscador, podemos buscar lugares de todo el mundo y poder visualizarlo de forma efectiva.Las imágenes de satélite comparten la base de datos de Google Earth, lo que significa que son las mismas imágenes que veremos en dicho programa y con la misma resolución.Los mapas sólo están disponibles en ciertos lugares, lo que significa que la función híbrida de mapa y satélite solo esté disponible en los lugares en donde estén disponibles las dos características.

4º Blogs :Un blog, o en español bitácora, es un sitio web periódicamente actualizado que recopila cronológi-camente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El nombre bitácora está basado en los cuadernos de bitácora, cuadernos de viaje que se utilizaban en los barcos para relatar el desarrollo del viaje y que se guardaban en la bitácora. Aunque el nombre se ha popularizado en los últimos años a raíz de su utilización en diferentes ámbitos, el cuaderno de trabajo o bitácora ha sido utilizado desde siempre.Este término inglés blog o weblog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en la web (en línea).

pagina

31

Capitulo

08

Capitulo


5º Lightbox :Lightbox, y el más nuevo Lightbox 2, es una aplicación hecha en JavaScript usando el modelo de modal dialogs. Este script ha ganado popularidad y distribución gracias a su simplicidad y elegante estilo, además de su fácil implementación. Lightbox fue hecho desde cero, es decir es un producto original que con el paso del tiempo y las versiones ha agregado utilidad de bibliotecas como Prototype Javascript Framework (estructura conceptual y tecnológica de soporte), y script.aculo.us, para animación y posicionamiento, además esto ayuda a minimizar el tamaño de Lightbox, gracias a sus dependencias con estas bibliotecas. En una página con Lightbox, al hacer clic en una imagen es ampliada en una ventana denominada, ventana Lightbox, que toma toda la pantalla con un fondo transparente para indicar y en el centro dentro de un recuadro que ajusta su tamaño dinámicamen-te se muestra la imagen ampliada. La imágenes que utilizan Lightbox deben ser identificadas con el atributo “rel” dentro de la etiqueta “img” (ejemplo: rel="lightbox[roadtrip]”), además de solo mostrar la imagen, Lightbox ofrece la opción de agregar títulos a las imágenes, hacer una muestra de diapositivas (Diaporama ó slideshow), que pueden ser recorridas con las flechas el teclado.

Ejemplo, maqueta de un Lightbox

pagina

32

Capitulo

08

Capitulo


JavaScript :Es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas webdinámicas, aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.

3º Definiendo canales de comunicación apropiados :A continuación se dará a conocer todos los canales que se encuentran a nuestro alcance para lograr posicionar la pagina web, dentro de los hogares de nuestros usuarios, a través, de impresos como flyers, carteles, tarjetas, anuncios en diarios y promoción a través de la radio de la comuna.

4º Estableciendo Mapas de navegación :Para navegar en nuestra página web, diseñada especialmente para la utilización de los usuarios del servicio que otorga nuestro cliente, realizaremos un mapa de navegación, de cuál será la estructura de la pagina web para su diseño estático.

pagina

33

Capitulo

08

Capitulo


Afiche :

pagina

34

Capitulo

08

Capitulo


Afiche :

pagina

35

Capitulo

08

Capitulo


Soluciones ecológicas para el manejo, recolección y confina-

miento de residuos.

Ubicado en Calle Las Tullerias Nº 027, Esmeralda, Colina.Teléfonos: 8602799 - 8441041 (anexo 241)

E-mail: [email protected]

Soluciones ecológicas para el manejo, recolección y confina-

miento de residuos.

Ubicado en Calle Las Tullerias Nº 027, Esmeralda, Colina.Teléfonos: 8602799 - 8441041 (anexo 241)

E-mail: [email protected]

Flayers :

pagina

36

Capitulo

08

Capitulo


Mapa Web :

pagina

37

Capitulo

09

Capitulo

Control de Diseño

Mujeres

Hombres

Clase alta

Corporaciones o Empresas

Grupo objetivo :Es un publico adulto, adulto mayor aproximadamen-te entre los 35 y 50 años, son hombres o mujeres dueños de empresas, parcelas o municipalidades que requieren servicios de limpieza y cuidado del medio ambiente, los clientes de ecoline buscan efectividad y tecnologias para su trabajo de una manera optima.La empresa cuenta con diferentes tecnolgias y equipamientos dando mayor posiblidades a prestar mas servicios como recolección y transporte de residuos, mantención de áreas verdes, etc.El cliente de la empresa es de clase alta, como por ejemplo la comuna de colina, Til Til y el sector deChicureo ellos tienen un convenio por medio la municipalidad la cual facilita una forma de pago mensual que bordea aproximadamente unos $12.000.000 por lo que no alcanzanble para cualquier persona comun y corriente.

pagina

38

Capitulo

09

Capitulo

Control de Diseño

Home

Propuesta para Web Home :

Servicios

pagina

39

Capitulo

09

Capitulo

Control de Diseño

Servicios :

Horarios y rutas

pagina

40

Capitulo

09

Capitulo

Control de Diseño

Horarios y rutas :

pagina

41

Capitulo

09

Capitulo

Control de Diseño

Noticias

Empresa Noticias

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis erat vel sapien suscipit ut gravida lacus ornare. Nullam nulla ante, scelerisque in dapibus quis, sagittis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan ligula quis diam tincidunt a gravida ante commodo. Etiam erat lectus, placerat vitae bibendum vitae, pulvinar sit amet risus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ut hendrerit eros.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis erat vel sapien suscipit ut gravida lacus ornare. Nullam nulla ante, scelerisque in dapibus quis, sagittis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan ligula quis diam tincidunt a gravida ante commodo. Etiam erat lectus, placerat vitae bibendum vitae, pulvinar sit amet risus. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ut hendrerit eros.

Lorem ipsum dolor sit amet

Link blogs de ecologia Link blogs de ecologia Link blogs de ecologia

Noticias :

pagina

42

Capitulo

09

Capitulo

Control de Diseño

Contacto

ContactoEmpresa

Contactos

Contacto :

Informe Taller Multimedia

Documents

Transcript of Informe Taller Multimedia