lunes, 15 de mayo de 2017

Unas semanas como programadores


Descripción


Utilizamos el programa Scratch para realizar la programación de cada ejercicio, además del FotoMix para editar fotos que nos servirían posteriormente para añadir al programa diferentes objetos.

Captura de pantalla Scracth (programa en el PC)


 Captura de pantalla Scracth (online)
 
Era la primera vez que utilizábamos estos programas en el curso. Scratch es un lenguaje de programación visual desarrollado por el MIT Media Lab. Es utilizado por estudiantes, académicos, profesores y padres para crear fácilmente animaciones, juegos (también educativos) e interacciones, etc.

Por otra parte, empleamos el FotoMix, que es un extraordinario software para edición fotográfica con el que se pueden realizar las tareas más comunes en el retoque de imágenes. Se trata de la solución ideal para el usuario medio que busca una herramienta fácil de usar y con la que cubrir sus necesidades, sin tener que recurrir a complejos programas que requieren de un proceso de aprendizaje.

 Captura pantalla de FotoMix

Un ejemplo de la finalidad de este programa está en el ejercicio 5 de Scratch, o también en el 7, donde tuve que recortar mi cara y la de los personajes que necesitaba utilizar para el desarrollo del programa.

Recorte de cara para insertar en un objeto en Scracth


Valoración del programa

Scratch:
El funcionamiento del programa Scratch desde la plataforma online me parece una gran solución y alternativa con respecto al programa instalado en el ordenador. Ofrece la posibilidad de guardar cada uno de tus proyectos en tu propia cuenta de la página, editarlo siempre que quieras y después descargarlo en el ordenador una vez has terminado la programación.

Encuentro un inconveniente, y es que cuando quieres editar un objeto como, por ejemplo, hemos tenido que hacer nosotros para insertar nuestra cara en un personaje, hay veces que no has terminado de editar el tamaño o la posición en la que quieres hacer la edición y tienes que comenzar de nuevo, porque no te deja seguir haciendo ningún tipo de cambio.

Además, también he tenido algunos problemas a la hora de subir al Scratch de la versión online ejercicios que hice en el programa del ordenador, ya que no me carga el programa.

Pero, en general, me ha gustado mucho el funcionamiento de este programa.

FotoMix:
Me parece un programa de edición de fotos de baja calidad, sin embargo para los objetivos que teníamos en este trabajo se agradece encontrar un programa sencillo para realizar un par de recortes y redimensiones de imágenes.


Valoración del trabajo propuesto


La realización de la programación de diversas actividades diferentes entre sí me ha parecido bastante entretenido y ameno. Además, dentro de cada ejercicio teníamos el concepto final, pero teníamos que pensar cada uno por nuestra cuenta cómo llegar hasta ahí y tambiém nos permitía dejar libre nuestra capacidad de imaginación y creatividad. Por ello digo que cada ejercicio, dentro de las exigencias de cada uno, eran bastante abiertos porque podíamos elegir las historias, los diálogos, los personajes...


Ejercicio 11 (adivinar un número)

Diario de sesiones

PROCESO DE REALIZACIÓN DEL TRABAJO

En primer lugar, creamos la carpeta en Drive para ir subiendo los trabajos a una misma carpeta, ya que en los ordenadores no era seguro porque varios compañeros de sesión en sesión perdían algunos archivos y tenían que volver a hacerlo desde 0. Cuando todos decidimos hacernos una cuenta online, los trabajos se guardaban solos, así que en vez de guardarlos al final de cada sesión, cada uno los guardaba a su ritmo.

Organización de las carpetas del trabajo en DRIVE

Posteriormente, comenzamos por realizar algunas actividades guiadas más sencillas para comprender el funcionamiento de Scratch, y así después realizar con más fluidez y ya de manera independiente cada uno de los ejercicios propuestos.

Primer ejercicio en Scratch (guiado)

Otro ejercicio de práctica (nombre que cambia de color y se mueve cada letra)

Posteriormente ya comenzamos, después de estos ejercicios de práctica, los ejercicios para la entrega del proyecto. A continuación, introduciré un diario de sesiones especificando de cada ejercicio los inconvenientes y decisiones que tuve que tomar a la hora de la programación:

Ejercicio 1

Objetivo: El personaje debí dibujar un cuadrado, y cada vez que el programa empeza debía borrarse el anterior y dibujar uno nuevo. Además los lados debían tener degradado de color.

Al ser el primer ejercicio, nos costó pensar en el cambio de ángulo y en la forma de bajar el lápiz para dibujar la figura.

Ejercicio 2

Objetivo: el mismo que el anterior pero con un triángulo.

En este ejercicio teníamos más idea de cómo hacerlo, ya que había que cambiar el bucle de repetición a 3 y los ángulos a los correspondientes de la figura.

Ejercicio 3

Objetivo: dibujar de la misma forma una casa, combinando los dos ejercicios anteriores.

Lo más difícil en mi opinión fue intentar cuadrar las dos figuras para conseguir hacer una casa. Cuadrar las posiciones a partir de x e y me costó un poco.

Ejercicio 4

Objetivo: en este ejercicio debía coger el mapa en google maps, y calcular la ruta de mi casa al colegio. A partir de ahí, el personaje debía salir de mi casa y hacer el recorrido hasta el colegio.

Este ejercicio no tuvo mucha dificultad, ya que solo había que deslizar al personaje hasta ciertos puntos del mapa hasta llegar al final del trayecto.


*ESTOS 4 PRIMEROS EJERCICIOS LOS REALICÉ EN EL SCRATCH DEL ORDENADOR Y LOS SUBÍ POSTERIORMENTE AL DRIVE. EN ALGÚN PUNTO DEL PROCESO ESTOS ARCHIVOS SE DAÑARON, POR ESTA RAZÓN ME RESULTA IMPOSIBLE INSERTAR CAPTURAS DE PANTALLA DE LOS PROGRAMAS, NI SIQUIERA INCRUSTAR EL CÓDIGO HTML DESDE EL SCRATCH ONLINE.

Ejercicio 5

Objetivo: un personaje con nuestra cara anda por la acera, cuando llega al semáforo se para ya que está rojo. Después se pone verde y comienza a andar de nuevo.

Este ejercicio lo hice posteriormente a la fecha en la que el resto de la clase lo acabó, ya que falté. Los compañeros me ayudaron a saber lo que había que hacer, ya que no me quedaba muy claro.

Con esta actividad tuve el problema de insertar mi cara en varios disfraces diferentes del objeto, ya que este andaba. Así, el tamaño de la cabeza al cambiar de disfraz para andar varía.

Tuve que buscar también una imagen de un semáforo con las luces en blanco para colorear cada uno de los disfraces, dependiendo de si quería que estuviera en rojo o e verde.


Ejercicio 5: Programa del semáforo

Ejercicio 5: Programa del personaje


Ejercicio 6

Objetivo: realización de un acuario con un mínimo de 3 peces.

Decidí añadir unas burbujas, para hacer que pareciera más real. Busqué una imagen en internet y después con FotoMix eliminé el fondo blanco.

Además, con el mismo procedimiento añadí un cofre y un submarinista.

Por otra parte, inserté un cangrejo, y aunque intenté que girara para andar hacia atrás cada vez que se desplazaba de lado a lado, los bucles de repetición no me lo permitían.

  Ejercicio 6: Programa burbujas

 Ejercicio 6: Programa cangrejo

  Ejercicio 6: Programa pez

 Ejercicio 6: Programa submarinista

Ejercicio 7

Objetivo: debíamos hacer en principio una tira cómica, pero después pudimos elegir hacer una historia con dos escenarios, mínimo dos personajes y uno de ellos debía llevar nuestra cara.

En este ejercicio el verdadero trabajo fue en combinar los diferentes disfraces de cada personaje, además de insertar mi cara en cada disfraz del personaje 3 (la chica). Este fue el primer programa en el que introducimos la función de enviar y recibir mensaje, muy útil para los ejercicios posteriores. opino que facilita mucho la faena a la hora de cuadrar la interacción entre los diferentes personajes.

  Ejercicio 7: Programa letrero

  Ejercicio 7: Programa personaje 1

  Ejercicio 7: Programa personaje 2

 Ejercicio 7: Programa personaje 3


Ejercicio 8

Objetivo: un personaje debía hacernos preguntas, y el usuario que está jugando tiene que poder introducir mediante el teclado del ordenador la respuesta. Esta respuesta posteriormente sería utilizada por el personaje para seguir la conversación.

Aquí tuve que pensar cuidadosamente cómo formulaba cada pregunta, para que después la respuesta del usuario encajara en la próxima frase del personaje.

Por último, fue importante apuntar la posición del balón para poder cuadrar la posición del personaje y hacer como si chutaba.

 Ejercicio 8: programa balón

Ejercicio 8: Programa mono

Ejercicio 9

Objetivo: un personaje tenía que preguntarnos las dimensiones de un rectángulo, calcular el área y mostrarlo en la pantalla. Además, debía dibujar con esas medidas el rectángulo para poder ser visto por el usuario.

En este ejercicio tuve algunas complicaciones porque cada vez que repetía el programa al iniciarlo, dibujaba el rectángulo en diferentes sentidos, o incluso no conseguía ponerlo en el centro de la pantalla.

Ejercicio 9: Programa pato

Ejercicio 10

Objetivo: desplazarse con un personaje por un laberinto, dentro del cual hay objetos que el personaje tiene que obtener para que así el jugador obtenga puntos en el juego.

En este programa tuve bastantes complicaciones con hacer que el personaje, al chocar contra las paredes del laberinto, hiciera al jugador restar puntos del score total. Al final lo solucioné haciendo que evitara el color negro, que es el color de los límites del laberinto.

Por otra parte, fue un poco costoso porque decidí hacerlo de forma que cada objeto tuviera un programa a parte, por lo que tuve que utilizar la opción de duplicar varias veces.

 Ejercicio 10: Programa ratón

Ejercicio 10: Programa objeto

Ejercicio 11

Objetivo: debíamos introducir dos personajes, uno de los cuales ofreciera al otro intenta rjuegar a un juego donde este (el ordenador) pensaría un número del 1 al 10 y el otro (el jugador/usuario del ordenador) trataría de adivinarlo.
 Ejercicio 11: Programa mago

Ejercicio 11: Programa princesa

Fecha:

Este trabajo fue realizado del día 13 de marzo al día 15 de mayo de 2017.

Programas:


Ejercicio 5


Ejercicio 6


Ejercicio 7


Ejercicio 8


Ejercicio 9


Ejercicio 10


Ejercicio 11






viernes, 17 de febrero de 2017

VUELTA A LA INFANCIA: proyecto infantil mavalencia

Condiciones del trabajo

Descripción


Utilizamos el programa OpenShot para realizar la edición de nuestro vídeo publicitario e informativo de las etapas de infantil del colegio, además del Moovly para crear vídeos con animaciones en ciertas partes del proyecto.

Captura de pantalla OPENSHOT

Era la primera vez que utilizábamos este programa en el curso. Es un programa online al que se accede a través de la creación de tu propia cuenta mediante tu correo electrónico. En ella se puede añadir texto, insertar imágenes y poner animaciones y transiciones. Además pone a tu disposición diversos iconos de temas variados, que puedes añadir a tu presentación.

 Lista de MOOVLYS realizados

Por otra parte, empleamos el Pixlr Editor desde la plataforma de Drive, debido a que tuvimos unos problemas con el formato de algunas imágenes de las instalaciones y con este pudimos solucionarlo.


Actualmente existen infinidad de aplicaciones online de edición fotográfica pero pocas tan completas como esta. Pixlr engloba tres versiones de más a menos compleja en función de las necesidades y además cuenta con apps gratuitas para dispositivos móviles Apple y Android. Si necesitamos llevar a cabo un trabajo complejo de edición de imágenes y buscamos una aplicación próxima a las funcionalidades de Photoshop o Gimp, nuestra opción será Open Pixlr Editor, que permite la edición por capas y la creación de diseños desde cero. Además, mediante el menú horizontal superior, podemos acceder a todos los comandos en diversos idiomas.
Para trabajos más simples de recorte, redimensión y aplicación de filtros, fondos, textos sobre impresos y marcos, será más que suficiente la versión Express, de uso intuitivo y rápido.

Por último, para poder compartir todos los archivos necesarios para realizar este trabajo con los integrantes del grupo utilizamos Drive con nuestra cuenta de gmail de Salesianas. Este programa ya había sido utilizado previamente en el curso con la elaboración del blog.
Valoración del programa

OpenShot:
Comparando el funcionamiento de este programa con cómo funcionó en la primera evaluación, podríamos decir que ha funcionado un poco mejor. Sigo sin estar satisfecha, ya que hubo problemas en la exportación de los vídeos. Todavía se cerraba cuando habían muchos vídeos y transiciones juntos, así que decidimos exportarlos para tener menos vídeos insertados en el programa.

Moovly:
Me gustó mucho el concepto de este programa, además de que las transiciones, los fondos y las animaciones hacían un papel muy importante en el proyecto, ya que lo dotaban de diversión, muy relacionada con la etapa que nos tocó presentar.

Sin embargo, también resultó muy problemático ya que había veces que no dejaba añadir a la biblioteca personal de dentro del programa las fotos que necesitaba insertar, y esto hizo que el tiempo de montaje se alargara mucho más.

Pixl Editor:
Este programa nos fue esencial para arreglar el formato de una fotografía que debías insertar en el apartado de instalaciones.

Valoración del trabajo propuesto

La realización de un vídeo promocional de la etapa de infantil del colegio María Auxiliadora ha sido un proceso bastante entretenido, ya que siempre disfruto con la edición de vídeos, diseño de las presentaciones y visualización del trabajo final obtenido. Me parece una idea muy creativa, además de que me encantan los niños. Esto ha hecho que disfrute mucho más del proyecto




Diario de sesiones

PROCESO DE REALIZACIÓN DEL TRABAJO

En primer lugar, creamos la carpeta en Drive donde posteriormente meteríamos todos los archivos que necesitaríamos para la realización del proyecto.
Organización de las carpetas del trabajo en DRIVE

Posteriormente, Marco, Wen, Naomi y Marina procedieron a la redacción de la entrevista que le realizamos al director de infantil y otros profesores para informarnos sobre los valores que infunde el colegio durantee esta etapa tan importante para el desarrollo de los niños, además de otras ofertas como la educación en un ambiente religioso, actividades, idiomas...


Mientras tanto, Marleska y yo nos dedicamos a recopilar información de la web del colegio, además de colgar en Drive algunas fotos de los niños y sus actividades.

Página de Salesianas

Fotos recopiladas de la página de Salesianas (en DRIVE)

Más tarde, procedimos con la realización de los moovlys, para después juntarlos todos en un solo vídeo.






La grabación de los niños se realizaron en diferentes días, ya que debías adaptar nuestros horarios de clases de informática y la disponibilidad de los profesores y los niños de infantil, de manera que fuera lo más cómodo posible. Así como la realización de las fotografías de las instalaciones y demás.

Recopilación de vídeos de los niños en clase

Por último, juntamos todo este trabajo previo a la edición con el OpenShot, en el cual estuvimos trabajando todos. Unos buscando la música de fondo, otros arreglando los vídeos de las clases para adaptarlos al límite de tiempo de duración del proyecto y otros en la edición de las transiciones y exportaciones de los diferentes trozos de vídeo.


Edición en OpenShot

A lo largo de la realización de este trabajo han habido algunos cambios imprevistos. Por ejemplo, los problemas que nos dieron los ordenadores de la sala C, que cada día funcionaba uno y el otro no. Recuerdo haber pasado una clase cambiando constantemente de ordenador intentando iniciar sesión y trabajar en el Moovly, sin éxito. Además, cada vez tenía que descargar el Opera para que funcionara el Moovly, pero ni eso funcionaba.

Por otra parte, ya he mencionado anteriormente los problemas que me dio el Openshot, ya que se cerraba de vez en cuando perdiendo parte del trabajo realizado. pero el problema más destacado fue el del formato de vídeo a la hora de exportarlo. Algunos vídeos se visualizaban más pequeños que el resto de las partes del vídeo y quedaba estéticamente mal.

Fechas

Este trabajo fue realizado del día 21 de diciembre de 2016 al 13 de febrero de 2017

Grupo de trabajo

COMPONENTES
    • Marco Palazón
    • Marleska Zambrano
    • Elena Macián
    • Noemi Gallardo
    • Wenxin Ke
    • Marina García

      VALORACIÓN DEL GRUPO

      Personalmente creo que la colaboración de los miembros del grupo podría haber sido más dinámica y participativa. De todas formas, repartimos el trabajo desde el primer momento y cada uno hizo una cosa. A partir de ahí cada componente aportó al grupo lo que consideró oportuno, pero finalmente el objetivo lo conseguimos.

      VALORACIÓN DE LOS COMPONENTES DEL GRUPO


      Querría comentar que Marleska Zambrano y yo formamos un gran equipo de trabajo. A las dos se nos da muy bien editar vídeos, pero además nos entendemos a la perfección a la hora de compaginar nuestras ideas para el proyecto, además de saber comunicar lo que nos gusta y lo que no nos gusta de la parte de cada una de manera constructiva.




      Por otra parte, debido a que nos dividimos en dos grupos, realmente no he tenido mucho contacto con el resto del grupo, pero debo decir que las chicas fueron muy agradables desde el primer momento que nos conocimos el primer día que nos juntamos cuando nos presentaron el proyecto. Su trabajo, combinado con el nuestro hizo que el resultado del vídeo fuera muy bueno.

      Música




      Nos costó encontrar una música adecuada para este tipo de vídeo, ya que no queríamos que fuera demasiado distrayente, pero tampoco excesivamente tranquila. Finalmente, "Epic" fue la elegida y personalmente creo que le da un toque muy divertido al vídeo.





      Vídeo promocional (Etapa de Infantil MAVALENCIA)






      Estadística

      Duración del vídeo (3:50)

      Moovlys insertados en el proyecto: 12
      Además, también incluye fotos (realizadas por nosotros y extraídas de la web) y vídeos.




      viernes, 11 de noviembre de 2016

      TRAILER LA OUIJA

      Condiciones del trabajo

      Descripción

      Utilizamos el programa OpenShot para realizar la edición de nuestro corto.

      Era la primera vez que utilizábamos este programa en el curso. OpenShot Video Editor es un editor de video no lienal de código abierto programado en Python, GTK y el framwork MLT. Fue creado con el objetivo de proveer un editor de video gratuito, robusto y fácil de usar para la plataforma GNU/Linux.




      Por otra parte, empleamos el MovieMaker en otro ordenador con sistema operativo Windows para realizar el vídeo de los créditos que posteriormente incluimos al final de nuestro vídeo en OpenShot.

      Es un software de edición de vídeo que actualmente es parte de la suite de software Windows Essentials. Su extensión de archivo es .mswmm y .wlmp en versiones live1.


      Por último, para poder compartir todos los archivos necesarios para realizar este trabajo con los integrantes del grupo utilizamos Drive con nuestra cuenta de gmail de Salesianas. Este programa ya había sido utilizado previamente en el curso con la elaboración del blog.


      Valoración del programa


      OpenShot:
      En primer lugar, cabe destacar que no estoy muy satisfecha con el funcionamiento de este software. A medida que avanzábamos en la edición del vídeo y, por tanto, añadiendo más elementos en la línea de edición, más le costaba al programa cargar todas las órdenes que le íbamos dando. Llegó un momento en el que era necesario guardar cada pequeña modificación y movimiento porque el programa se cerraba automáticamente, perdiendo todo posible avance. Esto causó que el proceso de edición fuera muy costoso y nos supusiera una pérdida de tiempo sustancial, que posteriormente causó nuestro retraso en la entrega del mismo.

      Por último, no nos fue posible añadir títulos animados desde el programa porque tardaba mucho en renderizarse, además de no obtener el resultado esperado en la previsualización del título.

      Windows Movie Maker:
      Este programa nos fue bastante útil ya que fue nuestra solución a problemas previos en la realización de los créditos finales. El único fallo que le encuentro es que no deja añadir más de un título a una imagen, por lo que todo el texto que tenía que poner me fue difícil de cuadrar (por tener distintas alineaciones).

      Drive:
      Este programa me parece necesario y extremadamente útil para compartir entre los miembros de nuestro grupo documentos para la realización del trabajo.

      Valoración del trabajo propuesto

      La realización de un corto en un grupo de trabajo me ha parecido una actividad muy creativa y diferente. Sin embargo, en un proyecto de este tipo en grupo surgen muchas discrepancias entre los integrantes ya que, como he dicho, es muy creativo y la creatividad es muy personal. Me hubiera gustado realizar la edición con un programa con mejores prestaciones, con el cual hubiera podido desarrollar mis ideas de mejor forma.

      Título de nuestro corto (TRÁILER LA OUIJA)

      Diario de sesiones

      PROCESO DE REALIZACIÓN DEL TRABAJO

      En primer lugar, hicimos un esbozo del número de escenas que queríamos grabar, así como de los personajes que protagonizaban el corto y el reparto de estos entre los miembros del grupo.

      Posteriormente, añadimos detalles como los efectos de sonido, la distribución de los efectos en las escenas, transiciones... En definitiva, una lluvia de ideas para hacernos una idea de lo que queríamos crear.


      En segundo lugar, procedimos a elaborar el guión del tráiler de miedo. Primero, buscamos la estructura que un guión cinematográfico debía tener, y después escribimos los diálogos y describimos cómo se debía desarrollar cada escena para que cada integrante supiera qué tenía que hacer cuando quedáramos para grabar. Pensamos que de esta forma agilizaría el proceso.
      Guión de la Escena 1
      Ya con el guión redactado, planteamos qué atrezo necesitaríamos (en nuestro caso, la caracterización del personaje de la abuela de Adelaida y la ouija). El tablero lo elaboramos con cartón reciclado e imprimimos el tablero en dos folios, los cuales pegamos sobre el cartón.


      La grabación de las escenas se realizó en diferentes días, donde acudían los integrantes que aparecían en las escenas que teníamos programadas para grabar. Esta parte fue especialmente divertida ya que si no se trababa uno, se trababa el otro y las risas estaban más que aseguradas. La parte negativa de la grabación fue que tratar de hacer coincidir nuestros horarios era muy complicado, y nos causó bastante estrés el poder cuadrarlo.

      Archivos de las grabaciones de escenas, antes de la edición

      Por último, juntamos todo este trabajo previo a la edición con el OpenShot, en el cual estuvimos trabajando la mayoría de las sesiones.


      Edición del tráiler en OpenShot 

      A lo largo de la realización de este trabajo han habido algunos cambios imprevistos. Por ejemplo, el tablero de la Ouija se perdió y nos faltaba grabar unas escenas donde este aparecía, así que tuvimos que cortar un fragmento de un tráiler ya existente donde aparecía una escena que nos acoplaba en nuestro trabajo. Algunas escenas también fueron eliminadas por falta de tiempo y problemas con el programa de edición.

      Fechas
      Este trabajo fue realizado desde el día 16 de septiembre de 2016 a 7 de noviembre de 2016.

      Grupo de trabajo

      COMPONENTES
        • Marco Palazón
        • Marleska Zambrano
        • Elena Macián
        • Sara Cusí
        • Victorio Petrov  

        VALORACIÓN DEL GRUPO

        Personalmente creo que la colaboración de los miembros del grupo podría haber sido más dinámica y participativa. De todas formas, repartimos el trabajo desde el primer momento y cada uno hizo una cosa. A partir de ahí cada componente aportó al grupo lo que consideró oportuno, pero finalmente el objetivo lo conseguimos.

        VALORACIÓN DE LOS COMPONENTES DEL GRUPO

        Querría destacar el trabajo de Sara Cusí en este proyecto, ya que creo que ha sido una de los componentes que más ha aportado en la realización de este trabajo.
        Por otra parte, también me gustaría mencionar a Marco Palazón por dejarnos grabar en su casa, y a Marleska y Victorio también les reconozco el trabajo de conseguir la música, información y títulos para la realización de la edición del vídeo. 

        Música

        Música del tráiler de la película Nunca apagues la luz

        Tráiler

        Estadística
        Duración del vídeo (3:04)




         ¡Esperamos que disfrutéis de este corto!