jueves, 16 de noviembre de 2017

SketchUp

SketchUp (anteriormente Google SketchUp) es un programa de diseño gráfico y modelado en tres dimensiones (3D) basado en caras. Para entornos de arquitecturaingeniería civildiseño industrialdiseño escénicoGISvideojuegos o películas.







 Su principal característica es poder realizar diseños en 3D de forma sencilla. El programa incluye entre sus recursos un tutorial en vídeo para aprender paso a paso cómo se puede diseñar y modelar el propio ambiente. Permite conceptualizar y modelar imágenes en 3D de edificios,robots, coches, personas y cualquier objeto o artículo que imagine el diseñador o dibujante, además de que el programa incluye una galería de objetos, texturas e imágenes listas para descargar.

https://www.sketchup.com/

miércoles, 17 de mayo de 2017

PRÁCTICAS CON AUDACITY

Audacity es un programa de grabación y edición de sonidos fácil de usar, multiplataforma,de libre uso y de código abierto. Puede grabar sonidos, importar y exportar archivos WAV,AIFF, y MP3. Es muy fiable , para su instalación lo bajaremos directamente de la página de Source Forge. DESCARGA: http://audacity.sourceforge.net/
Sus características principales son:
-         -Grabar sonidos en vivo.
-         -Convertir cintas y grabadoras a sonido digital o CD.
-         -Editar archivos Ogg Vorbis, MP3 y WAV.
-         -Cortar , pegar, empalmar y mezclar sonidos.
-         -Cambiar la velocidad y el tono de una grabación.
-         -Trabajar con varias pistas a la vez
-Aplicar diversos efectos de sonidos.

PROPUESTA DE ACTIVIDAD

PASO 1. GRABANDO TU VOZ

Graba tu voz hablando unos segundos con un micrófono previamente instalado (entrada rosa de la tarjeta de sonido). Sino tienes micro graba tu voz en el móvil.
La frase a grabar es:
“Comenzamos. Esto es una grabación de sonido. El objetivo de este archivo es aprender a editarlo usando el programa Audacity. ¡A trabajar!”

Esto es una pista de audio mono. Si fuera estéreo habría dos pistas de audio. Cada palabra es un conjunto de ondas.
Guárdalo como proyecto de Audacity Practica1.aup.
Ahora vamos a seleccionar partes del archivo y copiarlas o cortarlas:
a) Selecciona la frase “Comenzamos”. Córtala y pégala al final del archivo
b) Selecciona “¡A trabajar!” córtala y pégala al principio del archivo.
c) Corta la cola de sonido –silencio- del final si es que la grabaste.

PASO 2: EXPORTAR ARCHIVO A MP3

Abre Practica1.wav. Vamos a exportarla a MP3. Para ello debes primero instalar la librería lame_enc.dll, que puedes descargar del sitio web:
Descarga el archivo e instálalo. Después ve al menú archivo-Exportar y elige MP3. Descarga el archivo e instálalo. Después ve al menú archivo-Exportar y elige MP3

PASO 3: MEZCLAR DOS PISTAS DE AUDIO.

Graba en otro archivo tu voz recitando este poema de Machado y guárdalo como  Poema.wav.
He andado muchos caminos,
he abierto muchas veredas;
he navegado en cien mares,
y atracado en cien riberas.
En todas partes he visto 
caravanas de tristeza,
soberbios y melancólicos
borrachos de sombra negra,
y pedantones al paño
que miran, callan, y piensan
que saben, porque no beben
el vino de las tabernas.
Mezclar en un solo archivo de audio dos pistas: una de voz grabada poema.wav  y otra con música suave, Vivaldi.wav.
Primero debes hacer que la pista sea Mono: Menu Pistas-de estéreo a mono. Ve a Pistas-Añadir nueva pista de audio.
Abre la música, cópiala y pégala en la nueva pista. Luego  ve  a  pistas-mezclar.Exportar  el  proyecto  como Practica3.MP3.Para  poder  hacerlo antes tienes que instalar la librería lama_enc.dll que tendrás que descargar previamente


PASO 4. MEZCLAR DOS CANCIONES

Vamos  a  fundir  el  final  de  una  canción  con  el  principio  de  otra.  Elige  dos  canciones  y aplícales el efecto Fade-in (aparecerse) Fade-out (desvanecerse) para que, antes de que una acabe, empiece la siguiente canción      

Tutoriales
https://www.youtube.com/watch?v=vhuL7SOiIT4
https://www.youtube.com/watch?v=ge6s3ZSO26U

PASO 5. SUBIR LOS TRES AUDIOS AL BLOG

Vamos  a  subir los audios de dos formas, la más directa sería abriendo una nueva entrada y en el icono de la clacleta de insertar vídeo, ahí también admite el audio.
La otra sería en la misma página que has subido el vídeo  también podrás subir los audios y compartirlo publicamente , con el enlace que te da lo pegas como enlace en tu blog
https://www.4shared.com/ 

lunes, 8 de mayo de 2017

Edición de video



Vamos a realizar nuestro video con el editor de vídeo SHOTCUT.
 Es de fácil manejo y de descarga GRATUITA.
Aquí tenéis un link para acceder a un tutorial dura quince minutos, pero te aclarará todas tus dudas.

Página oficial de descarga  https://www.shotcut.org/

Otros editores

MOVIE MAKER
Viene por defecto en windows, pero la versión que tenemos en los ordenadores es tan antigua que no nos admite muchos formatos, como puede ser los de vídeo de móvil. Nos tocaría convertir los vídeos a los formatos que admite.

Si alguien quiere descargar en casa moviemaker, lo podéis hacer de manera gratuita desde la página oficial: 
http://www.windows-movie-maker.org/

VIDEOPAD
Software libre y gratuito para windows. Videopad, lo podéis descargar desde este mismo enlace, además de ver el tutorial que viene.
Son todos muy parecidos y el modo de trabajar semejante. Descargar siempre  la versión portable para instalarlo en vuestros ordenadores personales.

WEVIDEO
Otra posibilidad que os planteo sería trabajar online con wevideo, plataforma online que permite, en su versión gratuita,  almacenar hasta 5 Gb de contenidos y generar vídeos hasta de 15 minutos.
No necesitamos instalar nada en nuestro ordenador  pero el inconveniente es que dependemos de la conexión para trabajar.

EL TRABAJO A REALIZAR 
Deberéis realizar un vídeo presentación usando fotos y vídeos, ya sean del móvil o de internet.
Será un vídeo de 2 a 5 minutos con transiciones, el audio trabajado, imágenes claras y libres de derecho, con títulos, textos....
Tenéis 4 días de clase para hacerlo. Es recomendable que planifiquéis antes de empezar a construir.
El vídeo a realizar tendrá cabecera, títulos de crédito, Incrustándolo en la entrada correspondiente de nuestro blog
·                     Títulos de créditos (principio y final)
·                     Deberemos: editar nuestros recursos.
·                     Cortar.
·                     Pegar.
·                     Meterles efectos
·                     Texto
·                     Melodía. Deberemos introducir audios libres de copyright. Hay muchas plataformas que  nos permiten descargar audios libre derecho, jamendocanales de youtubebanco de  recursos intef,..

·                     Incluso el que quiera voz promocional.
·                     Exportar en formato mp4.
·                     Incluso el que quiera voz promocional.
·                     Registrate en 4shared y sube el vídeo te dará un enlace que pegarás               en tu blog con abertura en una página nueva.

lunes, 24 de abril de 2017

DISEÑA TÚ PÁGINA WEB

 vamos a elaborar nuestra página web personal,siendo opcional la elección de otra página como por ejemplo la de un negocio.
La técnica para desarrollar nuestra web, será mediante una aplicación que la editará en línea y quedará directamente almacenada en el servidor .
 La crearemos en un sitio gratuito como es wix.com 
Incluye los recursos necesarios para crear, de forma sencilla, una página web atractiva, puesto que nos permite utilizar plantillas y añadir elementos de manera GRATUITA, y sin necesidad de conocer el lenguaje HTML (hiper texto markup lenguage ). 
Elige tu plantilla de diseño y personalìzala.
Existen otros editores como Google sites , one.com, joomla.com, etc.

LOS ELEMENTOS EN LA WEB 

Son un conjunto de elementos de vital importancia a considerar antes de su realización para obtener una buena usabilidad.
Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso.
En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas que tengan interés en su contenido, pero realmente no funciona así tan simple.
Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto ocurra.
Los elementos fundamentales son:

LA PÁGINA DE INICIO

El primer éxito de una página de inicio es responder a dos cuestiones:

  • ¿Dónde estoy?
  • ¿Qué hace este sitio?

La página de inicio debe dar una idea general del sitio, pues está constituye su punto de entrada fundamental.
Es lo primero que ven los usuarios y crea esa primera impresión que es tan importante.
Es en ella donde se determina si se continuará explorando las páginas o si se navegará hacia otro lugar más interesante.
Los textos son elementos significativos dentro del diseño del sitio Web. Estos contienen la mayor parte de la información que se brinda, las explicaciones y los detalles de los elementos que componen el sitio, constituyen la vía principal de comunicación con el cliente.
Esta es la razón fundamental para que los textos sean escogidos, revisado y corregidos de forma tal, que se reflejen las ideas que se quieren transmitir.
Es necesario tener en cuenta el tamaño del texto, que debe ser pequeño y claro para permitir la lectura rápida.
Por lo que se recomienda utilizar la división por secciones de la página lo que posibilita que el usuario pueda leer más sobre un tema sin que pierda atractivo de la página.
La implementación de imágenes o gráficos complementa la información que se quiere brindar en el sitio. Constituyen una herramienta fundamental pues proporciona al usuario un criterio visual.
Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje que se desea.
El formato dependerá de la estructura en cuento a colores y definición, se pueden seleccionar distintos tipos, los más utilizados  son los .jpg, .gif y .png, realmente aunque existen algunos patrones no siempre se cumplen en todos los casos.

¿Dónde estoy?

Esto implica así mismo, que el usuario no sabrá en qué sitio está a menos que se lo digas. Por ello, la norma número uno es colocar tu logo o marca identificativa en todas tus páginas.
http://www.flamingtext.com/
La situación en cuanto a la estructura del sitio se consigue mediante la inclusión de cabeceras que muestran a grandes rasgos la estructura del web y resaltan la situación actual.
Un tercer elemento a tener en cuenta es el propio título de la página, que debe ser significante e individualizado.

¿Donde he estado?

En este sentido, es importante respetar la convención en cuanto a la representación de los links (azul para los activos y rosa para los visitados).
El usuario sabe siempre de esta manera lo que ha visto y lo que no, dentro siempre de lo que puede ver.

¿A dónde puedo ir?

Esta cuestión se responde con las opciones visibles de navegación y con el resto de enlaces dentro de la página.
Hay tres clases de hyperenlaces que pueden ser usados en una página:
  • Enlaces embebidos (El tradicional texto subrayado)
  • Enlaces asociativos (Proporcionan información adicional o colateral, del tipo de "ver también")

QUÉ TAN ANCHA DEBE SER LA PÁGINA

En términos de anchura lo mejor es crear páginas adaptables al ancho.
Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de 1024 píxeles, lo que deja en términos reales poco más de 800 píxeles.

LAS PÁGINAS DE ENTRADA (INTRO) DEBEN MORIR

Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto es que los usuarios las saltan tan rápido como pueden.
Es mejor diseñar una página de inicio sencilla que unifique la información situacional con la presentación de noticias útiles e información del directorio.

PÁGINA DE INICIO VS. PÁGINAS INTERIORES

El elemento de diseño más importante de la página de inicio debería ser el nombre personal o de la compañía.
No tiene que ser necesariamente el más grande, pero al menos debe estar en la esquina superior izquierda de la pantalla.
Esta información debería repetirse en todos los lugares interiores, especialmente porque desconocemos el punto de entrada del usuario.
Las páginas interiores deben centrarse en los contenidos y dejar las bienvenidas para la home page.
Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace directo a la página de inicio.

ENTENDER LA RESOLUCIÓN

Un píxel es la menor unidad de medida de un monitor, también conocida como punto.
Una resolución de 1024x768 significa que se muestra una cuadrícula que tiene 1024 píxeles de ancho y 768 de alto (con un total de 786,432).
La resolución menor que puede encontrar actualmente (sin contar los teléfonos móviles) es 1024x600, el tamaño de una pantalla típica de un netbook.

PLANTILLAS DE ESTILO

Es importante usar un único estilo para el sitio(colores, formato de las fuentes del texto), incluso cuando se personalice por áreas de contenido, ya que da coherencia y unidad al sitio.

CONCLUSIÓN

La simplicidad debería ser la meta del diseño de páginas.
El usuario accede a la red buscando algo, no disfruta viendo el diseño.
Las páginas deben hacerse para que funcionen:
  • Con distintos tipos de tecnologías
  • En distintos monitores y plataformas
  • Accesible para cualquier tipo de usuario

ESTÁNDARES Y PAUTAS PARA EL DISEÑO DE LA PÁGINA WEB

Cambio de Tipologías de Letras, Tamaños y Fondos
Tres páginas, inicio + desarrollo + contacto.
Menú de navegación
Botones sociales (twiter, facebook, g+..)
Formulario de contacto
Enlaces web con páginas asociadas
Insertar Vídeos,Texto e Imágenes
Música(opcional)
Si la web es de un negocio tendrás que insertar un mapa o plano donde se encuentre.

martes, 7 de marzo de 2017

Elaboración de una Infografía


JUNTOS SOMOS +:

ELABORAMOS UNA INFOGRAFÍA

Montañas y montañas de datos e información. ¿Y si 

pudiéramos visualizarlos de una manera atractiva que

 favoreciera su comprensión y manejo por parte de 

los alumnos? Ya está aquí:












¡¡La infografía!!


Selección de elementos jerárquicos, desde

representación de datos hasta los 

personajes principales de una novela.
Síntesis sobre aquello en lo que quieres centrar la atención.
Representación de un proceso de forma gráfica.
Comparación de la información de dos elementos opuestos.
Enumeración de las características de un tema concreto.

El alumno comprenderá el proceso de ejecución de

una infografía, sus tipologías así como sus posibles 

usos.

El alumno tomará conciencia del concepto de

unidiversidad de la FEC atendiendo a su ubicación

por toda España y su variedad y amplitud de

Comunidades Educativas

DESCRIPCIÓN DE LA ACTIVIDAD 

Una infografía, en palabras de Alfredo Vela, es

cualquier información puesta en forma de imagen. 

En los últimos años las infografías han aumentado

exponencialmente su presencia en los medios de 

comunicación ya que nos ayudan a tener un 

primera aproximación muy resumida sobre un tema.



Para realizar una infografía existen una serie de elementos clave:

1. Conocer muy bien el tema
2. Localizar los datos clave, ordenarlos y, presentarlos lo más visuales posibles. Se puede empezar a introducir en las últimas etapas de educación Infantil aunque su “explotación más efectiva puede ser a partir de segundo ciclo de Primaria. A la hora de elaborarlas se puede empezar por actividades más manuales (imágenes recortadas, gráficos hechos a mano…) y según se va avanzando en edad trabajar con herramientas digitales.
De todas ellas las más recomendables son Easely y Picktochart por su gran sencillez de manejo. Existen también herramientas digitales que, sin ser específicas para hacer infografías pueden ser utilizadas, como powerpoint ya que, tras diseñar el tamaño de la página podemos insertar en el imágenes, mapas, texto, datos y jugar con ellos para ubicarlos dónde queramos.

Además, otras herramientas en versión de pago dan

resultados excelentes como infographics.

REALIZACIÓN DE LA ACTIVIDAD

Elaboraremos una infografía que refleje lo que es la FEC en el espacio, el tiempo y en número. Para ello dispondrán de información o pistas para realizar la actividad.
La infografía debe de recoger, obligatoriamente, los siguientes elementos:

 a. Una imagen.

 b. Un título.

 c. Un mapa/plano.

 d. Un dibujo/icono.

 e. Un gráfico.



HERRAMIENTAS PARA HACER INFOGRAFÍAS


Infrog.am: http://infogr.am/
Picktochart: http://piktochart.com/
Visual.ly: http://visual.ly/
Infoactive.co: https://infoactive.co/
Visualize.me: http://vizualize.me/
Hohli:http://charts.hohli.com/#cht=p3&chs=320x240&chd=s:&chf=bg,s,FFFFFF|c,s,FFFFFF&max=10 0&agent=hohli.com
Free vector infographics free: http://medialoot.com/item/vector-infographic-kit/
Present.me: https://present.me/



MAPA DE LOS COLEGIOS FEC EN ESPAÑA

El alumno deberá buscar esta información en la página web de Fundación Educación Católica (www.fundacioneducacioncatolica.com).



HISTORIA DE LA FEC

El alumno dispondrá de esta información para la

elaboración de un guión visual por la historia de

 nuestra institución


Sept. 1994  La Concepción                                    Zaragoza

                   Sta. Joaquina de Vedruna                    Madrid

Sept. 1995  Luz Casanova                                      Madrid

                   Ntra. Sra. de la Asunción                    Badajoz

Sept. 1996  Sto. Tomás de Aquino-La Milagrosa  Tomelloso

                   Virgen de Regla                                   Chipiona

Sept. 1997  Providencia del Sagrado Corazón       La Línea de la Concepción

                   San José – Virgen de la Palma             Algeciras

Sept. 1998   La Sagrada Familia                            Cuenca

                    San José                                              Lugo

Sept. 1999   San José                                             Villanueva de la Serena 

                    Santo Ángel de la Guarda                  Oviedo

Sept. 2000   Sagrada Familia                                 Badajoz

                    Altoaragón                                         Huesca

Sept. 2002   Santa Joaquina de Vedruna                Murcia


Sept. 2003   María Inmaculada                              Puerto Sangunto 

                    Ntra. Sra. del Carmen                        Zaragoza

Sept. 2005   Vedruna                                              Pamplona

                    Santa Rosa (junto con Altoaragón)    Huesca

Sept. 2009   De Jesús                                             Madrid


Sept. 2010   Santa María de la Paz                        Murcia

Sept. 2011   Madre Vedruna Sagrado Corazón      Castellón



LA FEC EN DATOS

Información estadística de la FEC para elaborar diferentes tipos de gráficos en función del curso en el que se encuentre. Aportamos aquí algunas posiblidades:
1. Gráfico circular: o El total de las comunidades Educativas FEC (padres, alumnos y profesores) y representar los datos de los 21 colegios por sectores. o Comparar el colegio de cada alumno con el global de la FEC. o De la Comunidad educativa de su colegio generar sectores para: padres, profesores y alumnos e, incluso padres/madres, alumnos/alumnas y profesores/as.
2. Gráfico barras: o Comparación entre diferentes elementos (padre, alumnos) de todos los colegios. o Comparar el colegio de caa alumno con el global de la FEC

ESTADÍSTICAS ALUMNADO COLEGIOS FEC
COLEGIO
CIUDAD
EI
EP
ESO
BACH
CFGM
TOTAL
San José Virgen de la Palma
Algeciras
74
156
116

239
585
Nuestra Señora de la Asunción
Badajoz
50
190
148
65

453
Sagrada Familia
Badajoz
248
507
334
96

1185
Madre Vedruna Sagrado Corazón
Castellón
268
541
410
207

1426
Virgen de Regla
Chipiona
74
155
116

93
438
La Sagrada Familia
Cuenca
153
326
322
86

887
Santa Rosa Altoaragón
Huesca
127
248
195
176

746
Providencia del Sagrado Corazón
La Línea de la Concepción
76
155
117


348
San José
Lugo
148
302
221
97

768
Colegio de Jesús
Barajas
167
346
219


732
Luz Casanova
Madrid
70
155
112


337
Santa Joaquina Vedruna
Madrid
404
660
416
115

1595
Santa Joaquina de Vedruna
Murcia
243
467
275


985
Santa María de la Paz
Murcia
222
541
353
95

1211
Santo Ángel de la Guarda
Oviedo
142
266
128


536
Vedruna
Pamplona
165
344
244
127

880
María Inmaculada
Puerto Sagunto
78
177
134


389
Santo Tomás de Aquino la Milagrosa
Tomelloso
169
322
217


708
San José
Villanueva de la Serena
72
148
89


309
La Concepción
Zaragoza
75
143
79


297
Nuestra Señora del Carmen
Zaragoza
225
447
284
86

1042
TOTALES
3250
6596
4529
1150
332
15857







EJEMPLOS