DISEÑO, WIREFRAME

La clásica forma de diseñar algo, es hacer dibujos, modelos, maquetas, planos, etc. Para hacer una página web también, este modelo de arquitectura web es lo que conocemos como WIREFRAME, que es el modelo de la página.

Ejemplo de un Wireframe

FUENTE:
http://en.wikipedia.org/wiki/Website_wireframe
http://techtastico.com/post/wireframes/
http://www.masternewmedia.org/es/2010/06/12/wireframing_y_prototipos_para_websites_mejores_herramientas.htm

Una manera de mejorar la web es utilizando un banner.

"Un banner (en español: banderola) es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión."
"...Están diseñados con la intención de llamar la atención, resultar notorios y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio..."

         Dejo el hipervinculo de donde saque la definición que tenemos entre comillas. http://es.wikipedia.org/wiki/Banner

Hay una página que nos permite crear nuestro banner, utilizando plantillas, en las que podemos editarlas para hacer que se ajuste a nuestras necesidades, es más podemos elegir nosotros la imagen, fuente, etc.

Muy útil
http://www.mybannermaker.com/

¿Qué es la WEB?

Web significa "telaraña", pero no es precisamente una telaraña este servicio de Internet. La manera correcta de llamarla es WWW, es decir, World Wide Web, lo que vendría a significar "gran telaraña mundial", o algo parecido. Esta telaraña forma parte de la gran Red de redes Internet, y es uno de los servicios más utilizados de la misma. Este servicio está constituido por varias páginas web.

Entonces, ¿Qué es una web? Es, simplemente, un archivo que contiene un código (llamado código HTML), que se encuentra en una de las computadoras conectadas a Internet. al recibirlo tras nuestro pedido, un programa se encarga de transformar ese código en lo que el webmaster (creador de dicho código) quiso que apareciera. Y este programa del que estoy hablando es  nada más ni nada menos que el tan famoso browser, o navegador, Explorador, etc.


¿Qué es una página de Inicio lanzadora?
Llamamos con este nombre a la conocida página que muchos usuarios tienen configurada como la inicial en su Explorador, que esta alojada en su propio disco rígido y que se utiliza para (justamente) lanzar los sitios web que mas visitamos

http://colegiotecno.blogspot.com.ar/2011/08/nuevo-manual-de-frontpage.html 

1)   ¿Cuáles son los elementos de la pantalla inicial de FrontPage? Describe cada uno de ellos y explica su ubicación.
2)   ¿Cómo elijo un tema? 
3)   ¿Cómo se hace para insertar imágenes? 
4)   ¿Qué es un hipervínculo y como hago para crear uno?
5)   ¿Qué es un marco y como se pueden utilizar?

CONCEPTOS STOP MOTION (2° ES)

Trabajamos con un blog especializado en la técnica del Stop Motion.

ENLACE BLOG PARA TRABAJAR

Preguntas:

1) Define el concepto stop motion.
2) Nombrar las distintas técnicas de stop motion.
3) Crear una lista de "tips" útiles para crear un buen stop motion

ACTIVIDAD STOP MOTION (2° ES)

• Buscar una definición de STOP MOTION y copiarla en la carpeta. 

https://es.wikipedia.org/wiki/Stop_motion 

• Pensar como realizar un video con fotos, utilizando la técnica del stop motion utilizando la tématica del Bullying, para crear conciencia acerca del maltrato escolar.
• Para sacar las fotos debemos tener en cuenta dos cosas:

1.  La ubicación de la camara, siempre que saquemos fotos para utlizar la técnica del stop motion, la altura y posición de la cámara siempre tiene que ser la misma para lograr el efecto correcto, si cambiamos la posición de la camara va a cambiar el ángulo y por ende va a cambiar tamaño del objeto que quiero animar, logrando un zoom en la imágen lo cual quedaria mal.
2. Tener en cuenta la iluminación del lugar, sea natural o artificial, cualquier cambio de luz se va a notar en el resultado final del video.

Recomendamos para trabajar la aplicación de android Stop Motion Studio y para pc el programa Monkey Jam. 

EJEMPLOS:
https://www.youtube.com/results?search_query=stopmotion+bullying

ACTIVIDAD PÁGINA WEB (3° ES)

• Registrase en www.wix.com
• Realizar una página web en wix, la página debe tener alguna temática: cantante, deportista, equipo..etc
• Debe contener al menos 3 botones (biografía, videos, información).

TP INFOGRAFÍA (2° ES)

18/09

• Buscar un definición de infografía, copiar la definición en la carpeta.
• Realizar una presentación en la computadora utilizando el programa powerpoint. Realizar una infografía sobre el Bullying.
• Utiliza una diapositiva como menú (insertando formas con texto), que contengan los diferentes botones: Definición, Tipos de bullying, Ciberbullying, Grooming, Campana, Videos, páginas consultadas. Utiliza los botones como hipervinculos que lleven a esas diapositivas con sus respectivos contenidos.
• Exponer cada grupo el trabajo.

TRABAJO INTERNET 3° ES (3°T)

1. ¿Cómo se hace para subir una página web a internet?
2. ¿Qué es un servidor?
3. ¿Qué es un proveedor de internet?
4.  ¿Qué es el código HTML?
5. ¿Cuál es a diferencia entre sitio y página web?
6. ¿Para que sirve www.nic.com?
7. ¿Cuáles son los servicios para alojar una página web gratuitamente?

 

Realizar el trabajo en el programa PowerPoint.

Estructura del TP:

• Caratula.
• Presentación del tema.
• Desarrollo.
• Síntesis.
• Bibliografía (páginas utilizadas).

  *Entrega trabajo archivo en pendrive.

  

 

CAMTASIA STUDIO 7

Todo vídeo se comienza a realizar como un proyecto, entendemos como proyecto al archivo para editar (aun sin finalizar). recordemos que el programa esta en inglés.

EMPEZAR Y GUARDAR PROYECTO: Seleccionamos FILE (Archivo) Y a continuación la opción NEW (Nuevo). Para guardar lo que vamos realizando utilizamos la opción FILE/SAVE PROJECT AS (Guardar proyecto como), elegimos la carpeta donde queremos guardar el trabajo, elegimos un nombre para el archivo y luego presionamos guardar.

AGREGAR ARCHIVOS: Para agregar un vídeo, imagen, música, etc, debemos utilizar la opción IMPORT MEDIA (importar archivo multimedia), y a continuación elegir el archivo que queremos agregar. Luego "arrastrar" a la linea de tiempo para que aparezca en el vídeo que estamos trabajando.

INTRO: Tambien conocidos como OPENING o INTRO, son efectos predeterminados con sonido y título, que sirven para comenzar o terminar nuestro video, los encontramos en la opción LIBRARY. Aparecen carpetas con los nombres de las intro (Digital Radius, Fiber Waves, Rounded Angles, Silver Streak y Target Blue). Elegir la intro deseada (tener en cuenta que se arrastra el archivo que dice INTRO de cada carpeta sequence a la línea de tiempo y se modifica el callout que contiene el texto, haciendo doble clic con el moouse encima. Tener encuenta que en la "libreria" tambien hay dos carpetas con sonidos (Audio y Sound Efects).

LLAMADAS: En el programa podemos utilizar CALLOUTS (Llamadas), que son elementos que podemos incrustar sobre el vídeo o imagen: flechas, cuadros, cruces, texto, efecto borroso, etc.

TRANSICIONES: Entre las imágenes podemos utilizar diferentes efectos, estos se conocen como TRANSITIONS. Elegir dicha opción y arrastrar el efecto deseado entre cada imagen. Tener en cuenta que si usamos una canción de fondo con las transiciones se puede "entrecortar", recomendamos entonces primero aplicar las transiciones y después incluir la canción a la linea de tiempo. 
 
FINALIZAR VÍDEO: Elegimos el botón PRODUCE AND SHARE (producir y compartir) elegir calidad del vídeo y lugar donde vamos a guardar el mismo, escribir un nombre y finalizar. Es importante guardarlo con tiempo ya que cuando "renderizamos" (convertir diversos elementos en un solo archivo: vídeo) este proceso puede llevar mucho tiempo según la calidad de los archivos que tenemos. Es importante revisar el vídeo para asegurarnos siempre que se ha guardado correctamente.

*para aprobar la materia es necesario hacer los trabajos correctamente.

TRABAJO VIDEO HOMENAJE (2° 3° ES)

Realizarar un video en el programa Camtasia Studio 7, elegir una persona para realizar el video homenaje (familiar, amigo, cantante, deportista, o cualquier persona que admires), el video debe estar compuesto con imágenes, efectos, música de fondo.
Debe durar mas de un minuto, debe contener al principio tu nombre y curso. al final debe contener los datos de los elementos e info usada para realizar el video (estilo bibliografía, citar nombre de la canción y grupo o cantante, páginas donde sacaste información, etc).
El video tiene  que tener mínimo 25 imágenes.

EL TRABAJO ES INDIVIDUAL!
Es necesario avanzar y traer información cada clase...

Video tutorial (2°ES)

PROGRAMAS:
CAMTASIA STUDIO
TOTAL VIDEO CONVERTER

 

Definición de video tutorial

El vídeo o video es la tecnología de la captación, grabación, procesamiento, almacenamiento, transmisión y reconstrucción por medios electrónicos digitales o analógicos de una secuencia de imágenes que representan escenas en movimiento. Etimológicamente la palabra video proviene del verbo latino video, vides, videre, que se traduce como el verbo ‘ver’. Se suele aplicar este término a la señal de vídeo y muchas veces se la denomina «el vídeo» o «la vídeo» a modo de abreviatura del nombre completo de la misma.

Los tutoriales son sistemas instructivos de autoaprendizaje que pretenden simular al maestro y muestran al usuario el desarrollo de algún procedimiento o los pasos para realizar determinada actividad. Típicamente un sistema tutorial incluye cuatro grandes fases:

• Fase introductoria: genera motivación y se centra la atención en los aspectos generales del tema sobre lo tratará el tutorial.

• Fase de orientación inicial: se da la codificación, almacenaje y retención de lo aprendido, desarrollando los contenidos con detalle.

• Fase de aplicación: evocación y transferencia de lo aprendido, se dan ejemplos o se concluye el tema tratado.

• Fase de retroalimentación: en la que se demuestra lo aprendido, se recapitula y se ofrece retroinformación y refuerzo (Galvis, 1992).

Cito fuente: http://videotutorialescr.blogspot.com.ar/2011/04/definicion-de-video-tutorial.html

1) Realizar un videotutorial explicando como encender y apagar la pc.

Actividad Videoclip (3°ES)

· Descargar un video musical de youtube.

· Con el Camtasia Studio subtitularlo (utilizando callouts), agregando títulos en el momento que va escuchándose la letra (algo parecido a un karaoke, nada mas que aquí se escucharía la canción original).
· Una vez que estamos terminado el proyecto, agregar créditos en los cuales aparezcan los nombres de las personas que trabajaron, curso, etc.
· Luego guardar proyecto convirtiéndolo como archivo de video (produce and share) elegir calidad HD (720).