lunes, 31 de diciembre de 2012

Ubuntu: Ejecutar un script al iniciar o apagar el sistema

Ejecutar scripts al iniciar Ubuntu

Edita el fichero /etc/rc.local
Coloca los comandos o scripts que quieres que se ejecuten al iniciar el sistema
Asegúrate que la última línea de este fichero sea exit 0


Ejecutar scripts al apagar Ubuntu

Vete a la carpeta /etc/rc6.d
Coloca bajo esa carpeta tu script
Asígnale permiso de ejecución con sudo chmod +x <tuscript>
Cámbiale el nombre por KxxTuScript donde xx es el orden de ejecución (K01tuscript se ejecutará en primer lugar en la secuencia de cierre)

domingo, 16 de diciembre de 2012

Navidad 2012: postales

Siguiendo el tutorial de Carlos Herrera, cada alumno ha creado la versión digital de su postal navideña.
Esta postal tenía que incluir los siguientes 4 ingredientes:

  • referencia a la Navidad
  • componente informática, con motivo de que se trata de un ciclo de FP de esta familia profesional
  • alusión a Canarias
  • trabajo personal

¿Cuál te gusta más?

jueves, 13 de diciembre de 2012

¿Qué sabes de Word?

Utiliza las siguientes diapositivas para responder al cuestionario que tienes a continuación:

Qué sabes de word? from Moisés Pérez Delgado

Utilizando las imágenes de la presentación anterior, responde a las siguientes preguntas:

RiceRocks: juego web hecho en python


Trabajo final del curso de programación de video juegos en Python. Sube el sonido de tus altavoces y disfrútalo.

Enlace al juego (y al código) aquí.

Mini chat: fase 1

En la siguiente presentación te muestro una serie de pasos básicos para iniciar el desarrollo de un chat en el proyecto del mini-juego.

En esta primera fase trabajaremos el lado del cliente. En próximas fases desarrollaremos el lado servidor y la base de datos:


martes, 11 de diciembre de 2012

Uso de tildes y ñ en nuestro sitio web

En ocasiones evitamos escribir tildes en nuestros sitios web porque no recordamos los códigos especiales para este tipo de caracteres, lo cual da una imagen corporativa deficitaria de la institución, entidad, empresa,... para la que sea el desarrollo.

Una forma simple de evitar tener que introducir una y otra vez estos códigos difíciles de recordar es incluir al comienzo de nuestros ficheros el comando <meta> especificando el juego de carácteres UTF-8.

En el siguiente fragmento de código se muestra cómo hacerlo:


A partir de este momento ya podemos escribir con normalidad, sin tener que utilizar los códigos especiales para vocales acentuadas, eñes,... y su visualización será la esperada.

Espero a partir de ahora no encontrar más sitios web con faltas de ortografía.

Crear postal digital

En las siguientes diapositivas, Carlos Herrera nos explica paso a paso cómo crear tu postal digital:




Mira la de Carlos terminada aquí:

VirtualBOX: habilitar puertos USB en la máquina virtual

PASO 1: Descargar las Extension PACK de VirtualBox




PASO 2: Instalar las Extension PACK dentro de VirtualBox





PASO 3: Agregar el usuario al grupo vboxusers

Dentro de la configuración del sistema, accedemos a la gestión de usuarios y grupos, en la pestaña grupos, seleccionamos el grupo vboxusers y añadimos al usuario con el que iniciamos sesión en la máquina real:



Listo, ya podemos usar los puertos USB desde la máquina virtual!!!

miércoles, 5 de diciembre de 2012

¿Conoces todos los componentes de una placa base?

En la siguiente web se te presentan diferentes modelos de placas madre y debes reconocer cada uno de sus componentes.
Inténtalo a ver qué puntuación obtienes

Enlace a la web aquí.

¿Qué sabes de informática?

En la siguiente presentación te mostramos una ristra de imágenes agrupadas por categorías:

  • sistemas operativos
  • hardware
  • herramientas ofimáticas
  • redes
  • desarrollo
  • herramientas de retoque fotográfico
  • bases de datos
  • ...


¿Cuántas reconoces?




Atendiendo a las diapositivas que aparecen en la anterior presentación, contesta a las siguientes preguntas:

martes, 4 de diciembre de 2012

Ajax: panel de jugadores conectados

Después de integrar con CSLA-- y con base de datos, es realmente sencillo agregar un nuevo panel en nuestro mini-juego que refleje en todo momento qué jugadores están conectados.

En la siguiente imagen mostramos un captura de pantalla en la que hay tres navegadores abiertos, cada uno con un jugador diferente:



Si cualquiera de los jugadores pulsa el botón Salir, automáticamente se refrescará este panel en el navegador de los otros dos jugadores. En la siguiente imagen, el jugador 3 pulsa salir:



Cómo lo hemos hecho.

  1. Refresco manual. Comienza haciendo el refresco del panel de jugadores de forma manual. Para ello, añade un hipervínculo Actualizar que, al pulsarlo, invoque a la función JS que se encarga de ello.
  2. Función JS refrescarJugadoresConectados(). Crea una función JS que lance una petición al servicio web getJugadoresConectados.php que viene implementado en CSLA--. Esta función, cuando obtiene la respuesta del servidor, debe actualizar el contenido del panel de jugadores conectados.
  3. Prueba el refresco manual. Prueba esta primera versión de tu solución y asegúrate que el refresco manaul va bien. Abre dos navegadores y prueba a abrir/cerrar sesiones en cada uno y comprueba que se refresca correctamente el panel de cada jugador.
  4. Variable timer. Ahora que ya funciona el refresco manual vamos a automatizarlo. Para ello, crea una variable global timerPlayersConnected que se encargará de gestionar el timer que se ejecutará cada X segundos para consultar qué jugadores están conectados en cada momento.
  5. Constante de tiempo. Crea una constante PLAYERS_CONNECTED_REFRESH_TIME en la que almacenes el tiempo que quieres que se refresque el panel de jugadores conectados. De esta manera resultará más fácil modificar el tiempo de refresco.
  6. Inicialización. Crea una función init(), que se ejecute en el evento onload del juego, y que se encargue simplemente de iniciar el timer del refresco de jugadores.
  7. Prueba el refresco automático. De nuevo, abre varios navegadores y conéctate con diferentes jugadores. Abre y cierra sesión desde cada uno de ellos y verifica que se actualiza correctamente el panel de jugadores en cada navegador.
  8. Actualizar el campo LastConnection de la base de datos. Cada vez que un jugador envía al servidor una petición de la lista de jugadores conectados, aprovecha para actualizar su valor en base de datos del campo LastConnection, de tal manera que si pasa más de 5 minutos jugado, no figure como que está desconectado. Para ello, te basta con invocar el método Actualizar_LastConnection() de la clase Jugador.

Coursera: programación de video juegos en Python

El curso de programación de video juegos en Python es muy muy recomendable. Recordar que es un curso totalmente gratuito a través de la plataforma Coursera.

En el siguiente enlace os muestro la práctica que han marcado para la semana 7 de este curso.
La próxima semana incluiremos más asteroides, la posibilidad de dispararles y que se destruyan y la posibilidad de chocar con ellos y por tanto perder vidas.

Pulsa aquí, y una vez dentro, dale al botón de ejecutar (botón de Play en la parte superior).

Las teclas son:
  • Cursor para girar y avanzar
  • Espacio para disparar



Enlace al juego: aquí

lunes, 3 de diciembre de 2012

Word: combinar correspondencia

VirtualBox: carpeta compartida de la máquina anfitriona para la máquina huesped

Un problema típico que nos encontramos cuando trabajamos con máquinas virtuales es que no podemos manejar archivos, ficheros, documentos,... que tenemos en nuestra máquina anfitriona.

Hoy vamos a ver un sistema muy sencillo de resolverlo, que será crear una carpeta compartida en nuestra máquina anfitriona para que sea visible desde nuestra máquina virtual o huésped.

PASO 1: Instalar las Guest Additions (o extensiones de invitado)


Sobre nuestra máquina virtual iniciada, pulsamos sobre Dispositivos/Instalar Guest Additions


PASO 2: Crear la carpeta compartida

Desde el menú de configuración de la máquina virtual, seleccionamos la carpeta de la máquina huesped (máquina física) que queremos compartir:




Seleccionamos la carpeta de la máquina anfitrión y establecemos los permisos

En nuestra lista de carpetas compartidas ya aparece la que acabamos de crear


PASO 3: Montar carpeta automáticamente en el arranque

El último paso consiste en que, la máquina virtual, en su inicio, monte esa carpeta compartida que hemos creado.

Así, si nuestra máquina virtual es linux, debemos ejecutar el siguiente comando:
sudo mount -t vboxsf “home” /home

En el caso de que la máquina virtual sea Windows, debemos ejecutar el siguietne comando:
net use x: \home



jueves, 29 de noviembre de 2012

Word: herramientas de dibujo

Vamos a utilizar intensivamente las herramientas de dibujo de Word para hacer este cartel de prevención de daños en el que nos muestra la postura correcta ante mesa y teclado cuando trabajamos durante largos periodos de tiempo ante un ordenador:




PASO 1. INSERTAR LIENZO

Insertamos un nuevo lienzoEl lienzo aparece en nuestro documento de Word



PASO 2. DIBUJAR FORMAS BÁSICAS: ESQUELETO

Seleccionamos formas básicas......y generamos el "esqueleto" de nuestro diseño





PASO 3. HERRAMIENTAS DE CURVAS DE BEZZIER


Seleccionamos la curva de Bezzier......y completamos nuestro diseño

jueves, 22 de noviembre de 2012

JSLINT: ¿es tu código JavaScript limpio?

JSLint es un analizador online de código javaScript creado por Douglas Crockford que nos permitirá mostrar puntos en lo que tu código no cumpla unas determinadas reglas establecidas de “código limpio“.

En la siguiente imagen mostramos una captura de pantalla de la aplicación. Basta con pegar nuestro código JS en el área souce y analizarlo con el botón JSLint:



En la siguiente imagen mostramos el panel de control con el que establecer los puntos que queremos que revise la herramienta:



martes, 20 de noviembre de 2012

Coursera: cursos online gratuitos de gran prestigio

¿Qué es coursera?
  • Son cursos gratuitos online
  • Impartido por universidades americanas de gran prestigio: RICE, Pringston, Stanford,...
  • Muchos de ellos con certificado al finalizar
    • De multitud de disciplinas: biología, ciencias de la computación, economía, matemáticas, música, cine, ciencias sociales, dirección de empresas, educación, dietética y nutrición, medicina, física,...
  • Los cursos tienen una duración de entre 6 y 8 semanas
  • El trabajo está estructurado para no emplear nunca más de 5-7 horas semanales
Aquí les dejo algunos pantallazos del curso que estoy haciendo en este momento de Programación de Videojuegos en Python de la universidad de RICE, Houston:





Ajax (I): introducción somera


viernes, 16 de noviembre de 2012

Ryder Cup eliminar fondo de imágenes en Photoshop y GIMP

En esta guía aprenderemos como quitar fondo a una imagen utilizando Photoshop o GIMP. 



Queremos que las imágenes mostradas abajo queden
como las de la derecha.

  •  En cada caso realizaremos el tutorial con una sola imagen.















Primero y mas importante:

Tener instalado Photoshop o GIMP dependiendo de tu gusto.

Debemos saber que:

Photoshop: es una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo", y está destinado para la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits.

GIMP  es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Forma parte del proyecto GNU.

Guía Photoshop:

  1.  Abrir la imagen con Photoshop
- Ejecutamos Photoshop, vamos a archivo, abrir, y luego buscamos y seleccionamos la imagen, y le damos en abrir,




















entonces nos saldrá algo como esto:


2.   En la barra de la derecha vamos a capas, clic derecho en fondo y seleccionamos la opción ¨capa a partir de fondo¨ y aceptamos,  ya que con esto desbloqueamos la imagen y podremos modificarla.










                                                   ya hemos quitado el bloqueo,
                                                   y nos quedaría de la siguiente forma:


                                       











3.   Ahora vamos a la barra de herramientas que esta a la derecha, y utilizaremos cualquiera de las dos herramientas seleccionadas para comenzar a recortar el fondo de la imagen:

. Al dar clic derecho en estas herramientas sale un menú donde aparecen otras que también sirven para realizar el recorte de el fondo.













4.   Empezamos con el recorte, utilizaremos en este caso la herramienta varita mágica:
-seleccionamos con la varita el área que queremos eliminar teniendo en cuenta el color, y nos quedaría algo como esto:



Después de seleccionar lo que queremos eliminar le damos a la tecla suprimir y nos quedará la imagen sin fondo:



5-   Y hemos eliminado el fondo ahora tenemos que guardar la imagen, para lo que seguiremos los siguientes pasos:
1-vamos a menú archivo
2-seleccionamos la opción guardar como
3-debajo en el recuadro buscamos formato PNG (*.PNG *.PNS)
4-le damos un nombre seleccionamos la opción guardar.





















Guía GYMP:

1-  Abrimos la imagen con GIMP: vamos a archivo, abrir, y luego buscamos y seleccionamos la imagen, y le damos en abrir:




















2-   Con la imagen abierta, pinchamos con el botón derecho sobre ella y en el menú que se abre, escogemos "Capa" -> "Transparencia" -> "Añadir canal Alfa" (Si la opción aparece deshabilitada, es seguro que la imagen ya tiene aplicado el canal alfa así que continuamos).









































3-   Ahora tenemos que seleccionar las partes de la imagen que queremos que sean transparentes.
Seleccionamos en el menú "Seleccionar" -> "Por color" y vamos haciendo click sobre las partes de la imagen a las que queramos aplicar transparencia. Después de hacer click, en el menú "Editar"seleccionamos "Cortar".



















La zona que se va a eliminar, se verá entonces con unos cuadrados grises que la cubren por completo:
*Si la imagen tiene más de un color de fondo, hay que repetir los pasos anteriores para cada color*

4-   Por último, en "Archivo" -> "exportar..." guardamos la imagen en un formato que soporte transparencias como GIF o PNG


-Por último le damos exportar y ya nuestra imagen sera guardada con fondo transparente lista para usar en la tabla de calificaciones de la Ryder Cup.