viernes, 27 de mayo de 2016

Construímos nuestra primera página web

Utiliza el esquema de la web de ejemplo que nos muestra el libro de texto, con los vínculos entre páginas que nos marca, y los nombres de cada página (index, pagina 1, pagina 2...) y contruye una web en la que me hables de la película "Good Mornig Vietnan" en la que nos hablan de los conflictos laborales y personales de una estrella de la radio militar en una base americana en pleno conflicto de Vietnam. 

En tu web me tendrás que mostrar la ficha técnica de la película con fotos, director, año de producción, actores principales, explicación del conflicto de Vietnam y contexto socioeconómico del Vietnam en aquel momento.

En este film se ve cómo es una emisora de radio, cómo se organizan los turnos, cómo se programa cada espacio musical en función de las horas del día y de la audiencia...

Poco ha cambiado en el mundo de la radio, simplemente ahora la radio también emite en "digital".

Internet es otro modo de recibir las emisoras, conectándonos a la web de cada emisora on-line. También nos ofrecen la radio a la carta o pregrabada, en la que el oyente selecciona los programas ya emitidos que no pudo escuchar o que quiere volver a oir.

Una página interesante donde tenemos una tabla con vínculos a un montón de emisoras on-line es http://www.emisora.org.es/  Os muestro la imagen en este artículo.

Diseña previamente un boceto en papel junto con tu compañera/o de trabajo en el que se marquen los textos que van a ir en cada párrafo de cada pagina, y enséñaselo terminado a tu profesor/a.

En clase te iré explicando cómo se crea la página index y todas las demás.

viernes, 20 de mayo de 2016

Ejercicio 10


<i>IES La Magdalena
</i>

<i><b>
IES La Magdalena
</b></i>
 


Teclee el código html en la pestaña superior derecha y el efecto obtenido es el que se muestra a continuación.

IES La Magdalena IES La Magdalena 

¿Para qué crees que sirve el código escrito? Realiza esta práctica en tu blog y contesta a la pregunta.

Cómo pasar una presentación de Google a página web

Creamos la presentación con Google Presentaciones y publicamos a Web obteniendo el enlace:
https://docs.google.com/presentation/d/1U586jTSxL6QDY08EEAbe37uu37NVvNzqCF4MvHSDU80/pub?start=true&loop=false&delayms=10000

También vamos a intentar pegar el código para que se vea la presentación en el blog directamente:

lunes, 16 de mayo de 2016

domingo, 15 de mayo de 2016

Los 10 mejores sitios para crear una web gratis

Como este artículo no es mío, le hago el reconocimiento y dejo aquí el vínculo a él: Los 10 mejores sitios para crear una web gratis: http://www.abc.es/tecnologia/redes/20130219/abci-alojamiento-gratis-201302181850.html

Nos hablan de los siguientes sitios:

1. Wix. En Wix podemos crear nuestra página web de forma sencilla con un resultado impactante. Wix aloja a más de 26 millones de webs en su plataforma y se registran más de 30.000 usuarios diarios.
2. Weebly. Weebly ofrece un poderoso sistema de «drag and drop» en el editor y cien plantillas profesionales para crear una página web. Más de 12 millones de personas usan actualmente Weebly.
3. 000webhost. La transparencia es su lema, no hay costes ocultos. Las cuentas gratuitas cuentan con 1.5 GB de espacio en disco, 100 GB de tráfico. Anuncian con orgullo que sus servidores han estado online el 99,9% del tiempo en los últimos 5 años.
4. Yola. Permite crear webs con aspecto profesional en cuestión de minutos sin ningún tipo de experiencia técnica. Ahora mismo tiene 7 millones de clientes.
5. EDUBlogs. Pensada para estudiantes y profesores, está reconocido como el servicio más usado para las webs .edu. Ahora mismo tienen 1,6 millones de blogs y 32 GB de espacio gratuito para estudiantes y profesores. Lo usan universidades como Stanford.
6. Freehostia. Este servicio ofrece 250 MB de espacio en disco y 6 GB de tráfico, menos que el resto, su punto fuerte radica en la asistencia 24/7 y su garantía de servicio del 99,9%.
7. Webs. Webs.com es un sistema muy sencillo de usar, cientos de plantillas con las que customizar tu web. Como contrapartida del servicio, webs.com instala una pequeña publicidad en tu web. Registrarse lleva 30 segundos y tener la web terminada, un torno a una hora.
8. 5GBfree. 20GB de espacio en disco, 3 bases de datos de MySQL, c-panel, y lo más importante, 100% gratis sin publicidad.
9. Jimdo. Un servicio básico y rápido, regístrate, escoge un tema y ya está la web funcionando. Tiene, tiene ahora mismo unos 7 millones de portales alojados.
10. FreeHosting.com. Tienen múltiples herramientas y servicios sencillos para hacer que tu web quede bien. FreeHosting es un servicio 100% gratuito, sin presiones por comprar ni pagar nada.

miércoles, 11 de mayo de 2016

Publicación de contenidos WEB.

Realiza mentalmente los ejercicios del libro desde el 1 hasta el 9, para que sepas si has entendido el contenido que has leído. En clase haremos las prácticas del 10 en adelante. Con ayuda de un editor de textos y el programa Nvu (para descargar este programa o Kompozer http://www.nvu.com/ ), haremos en clase los ejercicios:
10)   11)   y  el   12) con la apariencia que muestra el libro nuevo en la pag. 183, y el viejo en la pag. 157.

Para cada ejercicio realizado, hemos tecleado en la ventana de código fuente (ver pestaña inferior del programa "código fuente") las instrucciones en html, para después ver el efecto provocado cuando le damos a la pestaña de "vista previa".

A partir de aquí seguiremos creando páginas web visualmente con nvu. Os dejo aquí los mejores tutoriales que encontré:


Completa tu Glosario de Informática

Completa tu artículo Glosario de Informática, editándolo de nuevo, añade lo que se te pide a continuación, y deja de nuevo el artículo en borrador. En clase deberás enseñar el borrador con el trabajo, para que se te puntúe:
  • 5 términos del tema 4 "Audio y Vídeo Digital".
  • 5 términos del tema 5 "Presentación de Contenidos".
  • 5 términos del tema 6 "Publicación de Contenidos en Web".

lunes, 9 de mayo de 2016

Ejercicios de HTML con editor de textos

10) Si tuvieras que escribir "IES La Magdalena" en cursiva, ¿qué etiquetas utilizarías al principio y al final del texto? ¿Y si tuvieras que escribirlo en negrita y cursiva
  • Abre tu blog y en un artículo nuevo, en la pestaña HTML y teclea el código necesario para que funcione en los dos casos.
  • Cuando termines, cambia a la pestaña REDACTAR y comprueba el resultado.
  • Realiza una entrada en tu blog cuando acabes esta tarea explicando cómo la hiciste (programa utilizado e imagen de su logo, lenguaje tecleado...), contestando a las preguntas de la parte inferior. 
10 bis) Creación de un documento HTML sencillo. Abre el programa NVU y escribe en la pestaña código fuente el código HTML de la página 183 del libro nuevo (156 del viejo), mira cada poco en la pestaña normal, para ver lo que vas consiguiendo. Enséñale el trabajo terminado a tu profe para que te lo puntúe.
  • ¿Para qué sirve el código <br>?  (Puedes dedicirlo comparando el resultado del libro con el código tecleado). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
  • ¿Para qué sirve el código <p>?  (Está escrito en el libro, búscalo). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11) Realiza los siguientes ejercicios en tu ordenador con el programa NVU escribiendo en la pestaña código fuente:
  • Tu nombre en negrita, centrado letra verdana tamaño 20 pxEnséñale el trabajo terminado a tu profe para que te lo puntúe.
<b><Center><Font type=”Verdana”>Ana María Fuente García<b/><Center/><Font type=”Verdana”/>.......etc

12) Con el programa NVU (similar al Kompozer que explica tu libro) realiza una página web con la estructura de ejemplo que se muestra en tu libro (boceto de presentación y funcionamiento de los enlaces) , y que indicó en clase la profesora. Debe tener una página llamada index, otra llamada página 0, otra será página 1, páginas 2 y página 3, y vincúlalas como indica el ejemplo del libro, para que se pueda navegar de una a otra. 

martes, 3 de mayo de 2016

Competencia Oral

Todos los alumnos, en grupos de dos, han expuesto de forma oral su trabajo de investigación sobre la empresa de Informática adjudicada.

Los compañeros han opinado y completado su información y se ha grabado alguna de las intervenciones.

Han grabado la exposición con el móvil en un archivo de sonido con extensión 3ga y lo han exportado a .mp3 con ayuda de un conertidor de archivos de sonido. Los archivos están almacenados en Google Drive y el vínculo a uno de ellos como ejemplo es:
https://drive.google.com/file/d/0B3jOc6brybfpdzRKZS1LRHFRRTg/view?usp=sharing

Puede ser que para escucharlo haya que bajarlo y transformarlo a otro tipo de archivo.

También han expuesto de forma oral las presentaciones:
"¿Cómo elaborar una página web a partir de una presentación de Google?"

domingo, 1 de mayo de 2016

Las empresas informáticas más famosas - Valoración de la Competencia Oral

Realiza junto con el compañero o compañera que te toque una exposición oral sobre la empresa marcada por el profesorado.

Tendréis que presentaros, decir de qué empresa vais a hablar, mostrar en la pantalla la información sobre la empresa que habéis puesto en vuestro blog (logotipo, imágenes de la sede...), y sin mirarla, comenzar a hablarnos de:
  • a qué se dedica la empresa.
  • cuál es su nacionalidad.
  • cuantos millones de dólares o euros mueve al año. 
  • cuantos beneficios tiene al año.
  • si tiene empleados estrella, mencionar alguno.
Tendréis que hablar de forma alternativa, diciendo cada uno una frase, por lo que os recomiendo que en el texto previo que teneis que elaborar, escribais el nombre de cada uno delante de la frase que tiene que decir.

La empresa de cada uno es:

 4º B
ADOBE:          Marta y Liz
JAVA:              Issam y Sara V.
DEL:                Iván S. y Samanta
KASPERSKY: Lidia y Álvaro
SUN:               Nerea e Iván F.
XEROX:         Gabriela y Javier
McAFFE:        Carla y Noelia S.
IBM:               Noelia R.
https://drive.google.com/file/d/0B3jOc6brybfpbS1Wb3pXVGtEa3c/view?usp=sharing
CISCO:           Verónica
SAP:               Sara
Fujitsu:            Marlén

4º C
Lenovo:          Victor y Clara
Oracle:            Jhonatan y Elena
AMD:             Alonso y Klaus
Western Digital: Jiayin y Pablo
HP:                Iñaki y Miriam
NVIDIA:       Álvaro y Mario
Amazon:        Juan Miguel y Oscar
Beats:          Asier y Samuel
Intel:          Jairo y Jhon Antony
Fujitsu:              ...



viernes, 22 de abril de 2016

Crear una presentación con Prezi

Realiza una presentación con Prezi.com siguiendo los consejos del libro de texto nuevo pag. 172.

El contenido debe ser los consejos del libro de texto, de cómo crear presentaciones. Está en el libro nuevo en las páginas 154 y 158. El resto del contenido del tema no hace falta para esta tarea, ya que son datos de cómo usar programas que no vamos a utilizar de momento.
Recuerda añadirle una música a la presentación y subir el enlace de la misma a un artículo de tu blog.

Paso 1: Necesitarás registrarte primero. Elige la modalidad gratuíta Free.

Paso 2: creamos la nueva presentación en el botón New Prezi. Comenzamos dando un título al proyecto y descripción de su contenido, y elegimos una plantilla prediseñada o una hoja en blanco.

Se insertan los elementos de la presentación y finalmente se eligen los movimientos de cálmara con zoom para definr los fotogramas claves de la presentación.

Paso 3: para escribir damos con el ratón sobre el menú circular Write y elegimos la zona para el texto. Se pueden incluir: imágenes, formas, líneas, flechas, textos, pdf's, diagramas, fondos y vídeos. En Colors & Fonts seleccionamos estilos generales de tipos de letra y fondo.

Paso 4: creamos los fotogramas clave con el botón del menú Patch. Esas capturas pasan a la línea de tiempos de la presentación. Al terminar podemos comenzar a previsualizar nuestro trabajo.
Podemos insertar la presentación ya terminada en otras páginas web usando el código HTML en Share/Embed.

Un vídeo-tutorial muy bueno es el que te vinculo a continuación: https://www.youtube.com/watch?v=Zuz3OngGzh4

Otros enlaces:
The best Prezi presentation ever!  
PUCP - 5 consejos para crear tu Prezi

Scratch - Programar visualmente animaciones, juegos...

Con este lenguaje de programación visual podemos aprender a programar, y crear interesantes animaciones que simulan dibujos animados, juegos, simulación y visualización de experimentos, conferencias grabadas con presentaciones animadas, historias animadas de las ciencias sociales, arte interactivo, música...  Puedes ampliar tu información en Wikipedia.

Trabaja con órdenes por bloques que se mueven con el ratón y se encajan unas a otras como un puzzle. El lenguaje de programación que tiene detrás es similar al C.

Se puede trabajar de dos maneras diferentes:
- instalando el programa en tu ordenador https://scratch.mit.edu/scratch2download/
 (en la parte inferior de la página principal "Soporte/Editor sin conexión".
- on-line con alta previa. Date de alta en Scratch https://scratch.mit.edu/.

Puedes crear un programa en la versión on-line y luego bajarlo a tu ordenador, o crearlo en tu ordenador y subirlo a la versión on-line.

Se elige un fondo y unos objetos (dibujos hechos por nosotros, animales, personas, cosas...) de los que ofrece el programa (también se pueden importar para usar fondos o personajes propios). Cada objeto puede tener diferentes posiciones (disfraces), los sonidos que nosotros les adjudiquemos y un comportamiento que nosotros decidimos con el programa que le hacemos al objeto. Cada objeto se puede mover con el ratón por pantalla y se puede agrandar o disminuir.

El idioma se cambia en la parte superior izq. en la bola del mundo, hay hasta Asturiano. Está en la barra de herramientas. También está Archivo/Nuevo para crear el primer trabajo al que tendrás que empezar dándole nombre.

Comienza a hacer los tutoriales que te pida tu profe de la siquiente lista:
Introducción - Introducción a Scratch y un primer ejemplo
Ejemplo 1 - Cómo crear animaciones en scratch
Ejemplo 2 - Crear Juego de saltos en Scratch
Ejemplo 3 - Juego de explotar globos en Scratch

En el siguiente vínculo dejo información "extra" de un curso que hice hace poco, para trabajar con "Scratch" y con "Scratch+Arduino" para los alumnos que quieran saber aún más: https://drive.google.com/folderview?id=0B_YkwXSjtoGqQ0pLczBMX2tpOUU&usp=sharing

jueves, 21 de abril de 2016

Presentación de Contenidos

Una presentación es un archivo multimedia que puede contener téxto, gráficos, fotografías, música y vídeo. La organización de todos estos contenidos, se hace mediante una estructura de pantallas llamas diapositivas, que van sucediéndose unas a otras bajo el control de la persona que expone la presentación.

Tradicionalmente utilizábamos Power Point, OpenOffice Impress, Libre Office...

Poco a poco las posibilidades se han ido abriendo con nuevos programas y sitios on-line. Con Drive de Google podemos crear presentaciones de una forma muy sencilla, compartirlas y pegar el código html en nuestro blog o en otra página web que creemos. Podemos hacer una pequeña práctica utilizando esta opción.


miércoles, 20 de abril de 2016

Storyboard


En los siguientes tutoriales se explica qué es y cómo se hace. Deberás hacer algún storyboard en este tema. En clase te dirán de qué vídeos.
Recuerda que el storyboard es la tarea previa antes de empezar a hacer fotos, grabar vídeo o gravar sonidos (voces, efectos...), y por supuesto, antes de editar el vídeo.

lunes, 11 de abril de 2016

Anuncio de TV con Wevideo

El trabajo se realizará por equipos de dos o individualmente si se desea.

1.- Tarea día 11 4ºB y día 12 4ºC - Date de alta en Wevideo (está en Inglés, dale a traducir esta página para que salga en español) y piensa un tema para un anuncio de 30 segundos. La clase de hoy la necesitas para:
  • darte de alta en la versión educacional como alumno. 
  • elige junto con tu compañera/o el tema del anuncio e informar a tu profe del contenido de tu anuncio para que tome nota de ello.
  • Deberá tener al menos:
- una música breve (tonos de Audacity o extraído del banco de recursos del MEC, también las hay en Wevideo).
- un texto escrito (se puede hacer con un programa de dibujo o con Wevideo.
- una locución con el eslogan, voz grabada por tí en Wevideo, con Audacity, grabada con tu movil y convertida a mp3, o a partir de un texto escrito (lo puedes conseguir en http://vozme.com/index.php?lang=es)
- un vídeo corto entre 5 y 8 segundos (ver formatos aceptados) cortado con online-video-cutter.com/es/
- una foto como mínimo.
- efecto de sonido extraído del banco de recursos del MEC o con Wevideo.
  • Recopila fotos, vídeo, sonidos... para montar tu anuncio en Wevideo y guárdalas en tu Drive en una carpeta con el título del proyecto "Anuncio de ....... y ........." (los nombres de los que lo elaboran).
2.- Tarea día 15
  •  Corta el vídeo elegido de youtube en el sitio online online-video-cutter.com/es/
  • ordena todos los recursos que vas a utilizar en la carpeta "Anuncio de ... y ...." y guárdala en la carpeta del "Tema 4 Audio y Vídeo", que debe estar dentro de la carpeta "Informática 4ºESO" de tu Drive. La profesora aprovechará para ver todo tu Drive ordenado.
  • Subir a Wevideo los recursos encontrados. Recuerda que en esta web tienes efectos, música, textos y puedes grabar voz con micrófonos.

 3.- Tarea día siguiente  -  La clase de hoy la necesitas para:
  • Montaje de anuncio en Wevideo acaba de subir los recursos encontrados y comienza a ordenarlos. Piensa en los anuncios que conoces ¿Comienzan con música o con un sonido especial? ¿Cuentan una historia o teatralizan una situación en la que se habla de algo con relación a lo que se quiere vender?
4.- Tarea día siguiente - Terminar el montaje. Finaliza en anuncio y súbelo a youtube con la máxima calidad que te permita Wevideo.
5.- Tarea para casa - StoryBoard  (la puedes hacer en clase si acabas todo lo anterior). La profe te dará la plantilla impresa de (http://www.thedesignwork.com/storyboard-template-psd-for-your-pre-production/).
  • Realiza en un A4 el StoryBoard de tu anuncio (es como un comic en el que a la derecha de cada viñeta escribes qué sonidos y textos se dicen en cada imagen (foto o vídeo) y cuántos segundos dura cada una. Esta suele ser la tarea previa al montaje del vídeo, pero ahora para nosotros es una especie de análisis de lo que hemos hecho.

domingo, 10 de abril de 2016

Mejores sitios on-line para realizar vídeos


Nos los recomienda la revista educativa EDUCACIÓN 3.0 en el artículo "Las mejores aplicaciones web para crear vídeos" 

Son: Wideo  -  Make Web Video  -  Easy Web Video  -  Magisto - Wevideo.

Lee el artículo para elegir la que más te conviene para realizar tu trabajo.

viernes, 8 de abril de 2016

Tarea del 8 de abril - Las presentaciones de Steve Jobs



Lee atentamente el texto de tu libro de Informática de la página 176 y contesta a las cuestiones finales por escrito en un A4 con tu nombre en la parte superior de la hoja. Cuando termines se la das a tu profesora para que valore tu trabajo de ese día.

martes, 5 de abril de 2016

VOKI - Sintetizador de voz on-line - tarea 4ºB y 4ºC 6 de abril de 2016

Sigue las instrucciones de la página  144 del libro nuevo y realiza el ejercicio siguiendo los pasos del libro.

Lo primero es elegir el fondo y personaje, con detalles de boca, pelo, nariz....

Después escribes el texto que quieres que el personaje diga.

Muéstrame el resultado en tu blog, pegando el código html generado, en la pestaña HTML en tu nuevo artículo, debajo del texto en el que explicas la tarea de hoy. Recuerda etiquetarlo en el Tema 4 Audio y Vídeo.

lunes, 4 de abril de 2016

Spotify - tarea de clase para 4º B, día 4 y 4º C, día 5 de abril de 2016


Lee atentamente el texto de tu libro de Informática de la página 146 y contesta a las cuestiones finales por escrito en un A4 con tu nombre en la parte superior de la hoja. Cuando termines se la das a tu profesora para que valore tu trabajo de ese día.