de esta forma, éste sabe del proceso de cargado y no se 7 ... · los telesaludables / 2005 de esta...

17
Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento. Hay varios tipos de preloaders, lo importante es que sea coherente con el sitio. 7.8.8 Interacción de la página La interacción de la página es un punto breve que se quiere explicar como la navegación constante que se da entre el usuario y el sitio web. Cuando el sitio está completo y listo para ser exhibido, se revisan las últimas intera- cciones. En otras palabras, se da cuenta de que todos los botones, movie clips, enlaces, sonidos, etc. estén funcio- nando de la manera correcta. La interacción determina el buen uso del sitio web. Define la búsqueda y la intromisión que se da por parte del usuario para conocer y aprender más sobre el tema en cuestión. Ha de saberse que la interacción se apoya en todo lo que representa la página. Todos los diseños y construccio- nes gráficas ayudan a que la interacción sea más simple, rápida y agradable de llevar. Luego de revisar que todas las interacciones estén funcio- nando correctamente, se culmina el proceso mediante la incorporación del sitio al software Dream Weaver donde se prepara para subirlo a la web. Ejemplo de una de las miles de programaciones que se aplican en un sitio web. En este caso, la programación para que se ingrese al sitio de macromedia flash player, para descargar el dispositivo y visualizar el desarrollo del sitio sin problema, ya que muchos usua- rios no poseen el dispositivio y por tanto no pueden apreciar la página. Muestra del preloader. Cargando del 0% al 100%, ayuda a man- tener al usuario con la atención puesta en el sitio sin abandonarlo. 71 7.8.9 Sitio web y PRUEBA final Ya cuando se tiene absolutamente todo diseñado y dis- puesto de la manera prevista en la metodología, se lleva a cabo la prueba final del sitio, es decir, la prueba de su funcionamiento antes de subirla a la web. De esta manera se recurre a una inspección aguda de todos los criterios de composición gráfica y de interacción entre el usuario y el proyecto. Se revisa hasta el último detalle. Los colores, la animación, tipografía (las faltas ortográficas y la redacción), la música, el sonido y como se escuchan. Como se pre- senta en un computador o en otro, en una pantalla u otra. Cuando todos estos pasos han sido saldados por fin se puede generar la subida de la página para que todos la puedan apreciar. 7.8.10 HOSTING Y DOMINIO DEL SITIO Para finalizar todo, lo último que falta por hacer es subir el sitio web a la red comunicacional de la Internet. Para esto se debe encotrar un “host” disponible y se debe adquirir un dominio para nombrar la página dentro de la web. El hosting se explica como aquel computador que alma- cena los archivos requeridos dentro de la web. En otras pa- labras, un servidor que mantiene los archivos y es capaz de ser irrumpido para manipular el sitio, agregando o quitando cosas, de ser necesario. El dominio habla del nombre, la rotulación, la forma de identificar el sitio en la Internet. En el caso de este sitio en particular el dominio adquirido estará plasmado por la dirección: www.telesaludables.cl, lo cual se entiende como un dominio dentro de la world wide web, bajo el nombre de telesaludables, con la primicia de ser chileno por su característica de ser “punto cl”. Para conseguir el dominio de la dirección y para adquirir el hosting o servidor, se debe pagar una suma de dinero. Esta suma incluye la aparición del sitio en la web por un tiempo determinado con el nombre de la dirección del sitio por un tiempo determinado también. Estos contratos de servidor y dominio son totalmente renovables.

Upload: phamtuyen

Post on 02-Nov-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento. Hay varios tipos de preloaders, lo importante es que sea coherente con el sitio.

7.8.8 Interacción de la página

La interacción de la página es un punto breve que se quiere explicar como la navegación constante que se da entre el usuario y el sitio web. Cuando el sitio está completo y listo para ser exhibido, se revisan las últimas intera- cciones. En otras palabras, se da cuenta de que todos los botones, movie clips, enlaces, sonidos, etc. estén funcio- nando de la manera correcta.La interacción determina el buen uso del sitio web. Define la búsqueda y la intromisión que se da por parte del usuario para conocer y aprender más sobre el tema en cuestión.Ha de saberse que la interacción se apoya en todo lo que representa la página. Todos los diseños y construccio-nes gráficas ayudan a que la interacción sea más simple, rápida y agradable de llevar.Luego de revisar que todas las interacciones estén funcio-nando correctamente, se culmina el proceso mediante la incorporación del sitio al software Dream Weaver donde se prepara para subirlo a la web.

Ejemplo de una de las miles de programaciones que se aplican en un sitio web. En este caso, la programación para que se ingrese al sitio de macromedia flash player, para descargar el dispositivo y visualizar el desarrollo del sitio sin problema, ya que muchos usua- rios no poseen el dispositivio y por tanto no pueden apreciar la

página.

Muestra del preloader. Cargando del 0% al 100%, ayuda a man-tener al usuario con la atención puesta en el sitio sin abandonarlo.

71

7.8.9 Sitio web y PRUEBA final

Ya cuando se tiene absolutamente todo diseñado y dis-puesto de la manera prevista en la metodología, se lleva a cabo la prueba final del sitio, es decir, la prueba de su funcionamiento antes de subirla a la web. De esta manera se recurre a una inspección aguda de todos los criterios de composición gráfica y de interacción entre el usuario y el proyecto. Se revisa hasta el último detalle. Los colores, la animación, tipografía (las faltas ortográficas y la redacción), la música, el sonido y como se escuchan. Como se pre-senta en un computador o en otro, en una pantalla u otra. Cuando todos estos pasos han sido saldados por fin se puede generar la subida de la página para que todos la puedan apreciar.

7.8.10 HOSTING Y DOMINIO DEL SITIO

Para finalizar todo, lo último que falta por hacer es subir el sitio web a la red comunicacional de la Internet.Para esto se debe encotrar un “host” disponible y se debe adquirir un dominio para nombrar la página dentro de la web.El hosting se explica como aquel computador que alma-cena los archivos requeridos dentro de la web. En otras pa- labras, un servidor que mantiene los archivos y es capaz de ser irrumpido para manipular el sitio, agregando o quitando cosas, de ser necesario.El dominio habla del nombre, la rotulación, la forma de identificar el sitio en la Internet.En el caso de este sitio en particular el dominio adquirido estará plasmado por la dirección:www.telesaludables.cl, lo cual se entiende como un dominio dentro de la world wide web, bajo el nombre de telesaludables, con la primicia de ser chileno por su característica de ser “punto cl”.Para conseguir el dominio de la dirección y para adquirir el hosting o servidor, se debe pagar una suma de dinero. Esta suma incluye la aparición del sitio en la web por un tiempo determinado con el nombre de la dirección del sitio por un tiempo determinado también. Estos contratos de servidor y dominio son totalmente renovables.

Page 2: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

8. PASOS DE EDICIÓN

72

Page 3: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

8. PASOS DE EDICIÓN

73

Page 4: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

9. ORIGINAL EPISODIO

74

Page 5: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

9. ORIGINAL EPISODIO

75

Page 6: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

76

Page 7: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

77

Page 8: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

78

Page 9: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

79

10. ORIGINAL SITIO WEB

Page 10: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

10. ORIGINAL SITIO WEB

80

Page 11: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

81

Page 12: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

11. presupuesto

82

Page 13: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

11. presupuesto

Todos los presupuestos se cobran con relación al diseño y la mano de obra con respecto a la ilustración, animación, programación y musicalización del proyecto. Estos precios son estimativos, pueden variar dependiendo del cliente y de la cantidad de horas trabajadas. Sin embargo estos son los precios promedio que se cobran para la realización del proyecto como tal.

SITIO WEB

- Por la realización del sitio web, pensando en que éste posee pequeñas animaciones y programaciones diversas se cobra $600.000 + iva.

(Referencia TUNK y Grupo Local)

ILUSTRACIÓN

- Por el diseño y conceptualización de todos los artefactos gráficos de la animación y por ende del sitio, o sea, perso- najes, escenarios y movimientos varios se cobra $400.000 + iva.

(Referencia TUNK y Grupo Local)

ANIMACIÓN

- Por el diseño de la animación, es decir, el episodio entero, sin contar la sonidificación se cobra $400.000 + iva.

(Referencia TUNK y Grupo Local)

AUDIO

- $ 300.000 + iva por la grabación, masterización, mezcla e interpretación del tema característico de los Telesaludables para el episodio.- $200.000 + iva por todas las locuciones y mezclas de éstos. - $100.000 + iva por la sonidificación ambiental de los objetos (sonidos de puertas, autos, sirenas, etc).

83

- En total se cobra $600.000 + iva por todo lo que implica el sonido del sitio de los Telesaludables.

(Referencia Max Ortiz, músico de canal 13).

HOSTING Y DOMINIO PARA EL SITIO

- Por la compra de un hosting por un año se cobra $25.000 (iva incluido) - Por la compra de un dominio punto cl para darle el nombre al sitio en la web se cobra $20.170 (iva incluido) por dos años.

TOTAL

Por el total del proyecto, es decir la suma de todos los presupuestos se cobran:

- $2.000.000 + iva por los serivicios de diseño, animación, programación, sitio web , musicalización y sonidificación.- $45.170 (iva incluido) por la compra de un dominio y un hosting para la representación del sitio a través de la web.

Estos precios están determinados por un tiempo de 2 meses aproximados de trabajo. Alrededor de 320 horas de labor donde se incluye todo. Esto se traduce en 1/3 de UF aproximada por hora de trabajo.

Page 14: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

12. CONCLUSIONES

84

Page 15: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

12. CONCLUSIONES

Las conclusiones que se desprenden de la elaboración de este proyecto son aquellas que se presentan a continuación:

1. En primer lugar se debe saber que todo lo que hoy en día determina el interés de los preadolescentes o los Tweens se manifiesta mediante pantallas, ya sean del televisor o del computador. Ellos aprecian más el apren-dizaje determinado por la Internet o por la TV. Es una era tecnológica y estos niños son los protagonistas de ella.

2. El diseño gráfico en Chile referido a la animación y a los sitios web está tomando fuerza a medida que pasan los años. La capacidad y aptitud de los diseñadores, ya está totalmente impuesta y va creciendo día a día. El dominio chileno de la animación es admirable y tiene mucho que demostrar en un futuro muy próximo. De hecho, varias animaciones y sitios han sido muy valoradas en el exterior, tales como Pichulonco o Clarita, por nombrar algunas.

3. Se debe saber que la realización de un proyecto para la web, ya sea animado, y/o programado, depende de varios factores técnicos que deben estudiarse y anali- zarse a fondo. Su importancia determina la ejecución de un proyecto bien hecho con respecto a factores de visualización y manifestación acústica.Al generar una animación, independiente si es para la web o no, se deben conocer aspectos de puesta en escena, es decir planos y tomas, acercamientos y alejamientos, composiciones visuales en el espacio y en el tiempo. Lo mismo ocurre con el audio en este proyecto. Es de suma importancia dominar los conceptos del sonido, ya sea para grabar, mezclar, interpretar o editar. Como en este proyecto el audio prácticamente es inédito y original, fue trascendental tener conocimiento de los elementos técnicos y de ejecución de la aplicación del sonido.El buen dominio de los softwares de programación ani-mada, de sonido, de ilustración o de aplicación para la

web, tiene un gran significado al momento de diseñar el proyecto en todos los ámbitos que lo competen. El aprendizaje individual y la búsqueda de implementos de elaboración por medio de los softwares, es clave cuando se diseña un proyecto de este tipo. Por tanto es primordial que se establezcan más enseñanzas sobre estos programas y sus aplicaciones en nuestro país e instituciones de estudio.

4. La investigación de un buen marco teórico y poste- riormente la mentalización de una adecuada metodología, ayuda a componer y diseñar un proyecto de título perti-nente con respecto a los objetivos determinados y a los conceptos definidos. Esta metodología agiliza los procesos de creación artística, técnica y creativa, llevando a cabo una identificación clara de falencias que deben ser corregidas en el trayecto de la elaboración.

5. La integración de interacción dentro del sitio, ya sea en el mismo episodio como en el sitio web, genera una búsqueda constante por parte del usuario, determinando así su aspiración al conocimiento y al aprendizaje del tema en cuestión: la salud. De esta manera se potencia la educación mediante animación en nuestro país, y por ende el incentivo por el aprendizaje.

6. Este nuevo código de animación educatica, integrado al medio de comunicación de la web, fomenta la generación de nuevas formas de propuestas gráficas mediante el uso adecuado de la tecnología y de su manejo conceptual y creativo.

7. El diseño animado tiene fronteras infinitas. Es posible hacer cosas casi inimaginables, y cada día que pasa se incrementa, gracias a una evolución tecnológica, que ayuda a componer situaciones de realidad y fantasía.Es totalmente reconocible la capacidad de realizar un sitio web potenciando por medio de la animación y enfocado hacia los preadolescentes, utilizando la eduación como fuerte.Esto requiere un trabajo árduo y bien pensado. Una labor ordenada que demanda de conocimientos de diseño, pero también de un bagaje informativo importante. Un bagaje cultural y técnico que determina el proceso creativo y de investigación. Es por esto que un diseñador no puede quedarse en la mera realización gráfica de los productos, sino que debe ampliar sus horizontes para poder ser capaz de dominar diversos elementos dentro del ambiente. Debe convertirse en cierta manera en un líder gestionador de proyectos, algo así como un director de arte (por la capacidad de dirigir un proyecto desde cualquier perspectiva artística o cultural que se requiera).

85

Page 16: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Proyecto de Título / Jonathan Goldfrid

13. BIBLIOGRAFÍA

86

Page 17: De esta forma, éste sabe del proceso de cargado y no se 7 ... · Los Telesaludables / 2005 De esta forma, éste sabe del proceso de cargado y no se desvincula del sitio por aburrimiento

Los Telesaludables / 2005

13. BIBLIOGRAFÍA

LIBROS

- RODRÍGUEZ, Félix.” Comunicación y Cultura Juvenil”. 1era Edición, Barcelona, Editorial Ariel, 2002.- LINDSTROM, “Martin. Brand Children”. 1era Edición, Gran Bretaña, Editorial Kogan Page, 2003.- GRIJALBO, “Gran Diccionario Enciclopédico Ilustrado”, Barcelona, Editorial Grijalbo, 2003.- OLHAGARAY, Néstor., “Del Video-Arte al Net-Art”. 1era Edición, Santiago, Editorial LOM, 2002.- BEIRUT, Michael. HELFAND, Jessica, SÉLLER, Steven, POYNOR, Rick. “Fundamentos del Diseño Gráfico”, 1era Edición, Buenos Aires, Editorial. Ediciones Infinito, 2001.- GRAVIZ, Ana. “Niños, medios de comunicación y su conocimiento”. 1era edición. Editorial Herber. 1994.- NIELSEN, Jacob., “Usabilidad. Diseño de Sitios Web”. 1era Edición., Madrid. Editorial Pearson Educación. 2000.- LYNCH Patrick. “Principios de diseño básicos para la creación de sitios web”. 1era Edición. Barcelona. Editorial Gustavo Gili. 2000- PRING Roger., “www.color”. 1era Edición. Barcelona. Editorial Gustavo Gili. 2001- PRING Roger., “www.tipografía”. 1era Edición. Barcelona. Editorial Gustavo Gili. 2001- ALLIENDE, Felipe., “La Legibilidad de los Textos”. 1era Edición, Santiago, Editorial Adrés Bello, 1994.

revistas

- MORDUCHOWICZ, Roxana. “Los medios de comunicación y la educación: un binomio posible” en OEI, Revista Iberoamericana de Educación, n°26, mayo-agosto, 2001.

ARTÍCULOS, ENCUESTAS Y ENTREVISTAS

- “8/13 Encuesta Nacional de Medios de Comunicación”, 2003. Resultados entrevistados por CNTV / McCann Erick-son / Research Chile.- “Encuesta Nacional de TV”, 2002. Resumen de resulta-dos de TV. CNTV / Adimark Comunicaciones.

- “La integración social de los jóvenes en Chile 1994 - 2003”. 2003. Encuesta Nacional de Juventud INJUV / Gobierno de Chile / Ministerio de planificación y cooperación.- STRUM, Hertha, EMRICH, Ernst, PAREDES, Jorge, AVEDAÑO, Claudio. “Aproximaciones a la televisión Infan-til”. 1983, Santiago, Chile.- Entrevista a Mauricio Bello, diseñador de la Universidad Católica, creador de Pichulonco y TUNK- Entrevista a Bernardita Ojeda, diseñadora de la Universi-dad Católica, creadora de Clarita.. Entrevista a Max Ortiz, músico de canal 13.

ARTÍCULOS ELECTRÓNICOS

- “Introducción al lenguaje audiovisual”, Lenguaje Audiovi-sual, última consulta: abril de 2005, disponible en http://dewey.uab.es- “Educación e Internet, La Última Revolución”, Educación Virtual, última consulta: mayo de 2005, disponible en www.educarchile.cl- “Usabilidad en la web”, Usabilidad, última consulta: junio de 2005, disponible en www.webestilo.com- “¿Que educa más?”, Educación Infantil, última consulta: mayo de 2005, disponible en www.flacso.cl - “Estadísticas de TV”, Programación Televisiva, última con-sulta: abril de 2005, disponible en www.cntv.cl - “Seguimiento de la Televisión Educativa”, TV Educativa, última consulta: mayo de 2005, disponible en www.cnice.mecd.es/tv_mav- “Estadísticas demográficas de TV”, Estadísticas de TV, última consulta: mayo de 2005, disponible en www.ine.cl- “Calidad televisiva para Tweens”, Calidad de TV, última consulta: junio de 2005, disponible en www.mineduc.cl

Referentes Gráficos:

- www.tvn.cl (Clarita)- www.tunk.cl- www.gallegobros.com- www.animacionflash.com- www.flinch.com- www.memuero.cl- www.daf.cl- www.psyop.com

87