09 octubre 2013

Introducción a Movie Maker

Hace mucho tiempo hice un video acerca de Windows MovieMaker.  Pero la interfaz ha cambiado mucho (y mi forma de hacer videos también), así que decidí hacer otro con la nueva versión.  La idea es que este sería el primer video introductorio, pero luego hago otros que cubran otras características de este programa.


Espero que les haya sido de utilidad.  ¡Hasta el próximo video!

26 septiembre 2013

SQL Server 2008 – Creando Tablas

Aquí les dejo un video sobre la forma de usar Microsoft SQL Server 2008 Management Studio para crear una tabla.
La liga para descargar Microsoft SQL Server 2008 Management Studio.  ¡Se divierten!

23 junio 2013

Fotos del semestre Febrero–Junio 2013

¡Mil gracias por dejarme compartir con ustedes este semestre!
Les dejo las fotos que tomé este semestre.  Recuerden que si le dan clic a la imagen, aparece en una nueva ventana/pestaña en su tamaño original.
Un abrazo…
2do Semestre – Bachillerato General Bilingüe
Informática II
2 BGB Beto - 2 BGB Betsy - 2BGB Briseño - 2BGB Elena - 2BGB Liz - 2BGB Miriam - 2BGB Paula - 2BGB
2do Semestre – Bachillerato Técnico en Programación
Software de Aplicación
2 TPO
4to Semestre – Bachillerato Técnico en Programación
Lenguaje C y Diseño y Aplicación de Bases de Datos
4 TPO
4to Semestre – Bachillerato Técnico en Informática Administrativa
Diseño y Aplicación de Bases de Datos
4 TIA 0 4 TIA 1 4 TIA 2
6to Semestre – Bachillerato Técnico en Informática Administrativa
Aplicaciones para Internet
6 TIA 0 6 TIA
6to Semestre – Bachillerato Técnico en Programación
Multimedia
6 tPO 0 6 TPO
¡Gracias por todo! Los quiero mucho…

17 mayo 2013

Videojuegos de la vida cotidiana

El próximo martes 21 de mayo a las 9am y otra vez a las 12pm, daré una conferencia llamada "Videojuegos de la vida cotidiana" donde platicaré un poco sobre los beneficios psicológicos que traen los videojuegos.  Va a estar muy interesante.  ¡Los espero!


08 mayo 2013

Interfaces gráficas en Java 5: ScrollPane

logo_viewportContinuando con la forma de programar interfaces en Java (te sugiero que antes de seguir, leas los posts 1, 2, 3 y 4), hoy hice un pequeño video que explica cómo usar la clase JScrollPane.
El código fuente lo puedes descargar aquí y el video lo puedes ver a continuación:


La imagen de Duke en una ventana que usa ScrollPane lo encontré en el sitio de Oracle (está el ejemplo de cómo crear una ventana con JScrollPane).

28 abril 2013

Clases en Visual Basic .net

imgvisualHace rato me tope con este artículo del sitio de CristaLab que se me hizo muy bien explicado acerca de la forma de crear clases en Visual Basic .net.  Como con el tiempo los posts suelen desaparecer o dejan de servir, lo hice en formato PDF y lo subí aquí a mi Google Drive y lo comparto aquí por si algún día la liga deja de servir.

La imagen del logo de Visual Studio lo tomé de la pagina de Cinternet.  ¡Saludos!

25 abril 2013

Interfaces gráficas 4: Escuchando eventos

La saga de programar en Java continúa.  En posts anteriores, expliqué como hacer interfaces gráficas muy simples (usando controles simples como botones, cajas de texto, etc.), luego hablé de la manera de usar Layout Managers para controlar cómo se ponen los objetos en pantalla.  Anteayer expliqué cómo hacer una interfaz más compleja de una aplicación que hiciera algo útil (aunque me quedé en la interfaz, sin dejar que el programa respondiera).

En esta ocasión preparé un video que continúa con el ejemplo anterior para explicar cómo hacer que nuestra interfaz responda ante eventos generados por el usuario al interactuar con él.  El código de lo de los eventos está aquí y el video lo puedes ver a continuación:


La imagen de Duke como Indiana Jones abriendo el cofre del tesoro lo encontré en el blog de sellmic.com.

23 abril 2013

Interfaces gráficas en Java 3: Una interfaz más compleja

Hace algunos posts hablé sobre los diferentes controles que se pueden poner en una ventana (en una aplicación gráfica con Java) y hace unos días hablé sobre los Layout Managers (los objetos que nos permiten organizar los controles en una ventana o panel).


En esta ocasión sigo trabajando con interfaces gráficas, pero ahora es una interfaz más compleja, más real que los ejemplos anteriores.  Uso paneles y varios Layout Managers para llevar a cabo la tarea.

El código fuente del archivo LoteriaGUI.java lo puedes descargar aquí y el video donde explico el código lo puedes ver a continuación:

 
La imagen de Duke en el columpio (Swing, en inglés) lo copié del sitio de OpenJDKWiki.

15 abril 2013

Interfaces gráficas en Java 2: Layout Managers

En mi post anterior sobre interfaces gráficas en Java, usé un Layout Manager y dije que luego explicaba de qué trata.  La hora ha llegado (o bueno, me he dado tiempo de hacerlo) para explicar de qué tratan.  Les presento este video donde muestro los diferentes Layout Managers que hay en Java, esperando que les sea de utilidad.  Al final vienen las ligas para descargar el código fuente.

Aquí está el código fuente para descargar (es un archivo ZIP con los archivos .java que se vieron en el video).

El logo tipo de Duke (la mascota de Java) lo copié del blog de Silviera Neto.

03 abril 2013

Buen humor con Google (y otros…)

Acaba de pasar el primero de abril, día en que en Estados Unidos se hacen muchas bromas (al estilo de lo que sería el “día de los inocentes” en México el 28 de diciembre).  Las compañías de tecnología no se quedaron atrás e hicieron de las suyas.

Por ejemplo, hace un año Google anunció unos cambios que tendrían en GMail, llamado GMail Motion:


Este año sacaron una broma que no me pareció tan buena, pero fu cómico por lo terriblemente inocente.  Les presento GMail Blue:


Pero GMail no es el único bromista.  Para Google Apps “introdujeron” el nuevo algoritmo Levity para hacer las comunicaciones más leves y divertidas:


También han desarrollado una nueva barra energética para proveer fibra a tu cuerpo con Google Fiber Bar:


Google+ introdujo una herramienta para poner emoticonos en Google Photos, pero creo que la mejor de todas fue el nuevo motor de búsqueda basado en olores, Google Nose:


Otras compañías nos se han quedado atrás, por ejemplo Samsung anunció (aunque al final dice que es broma) que van a sacar Eco Trees, un purificador de aire que funciona con energía solar, Nokia dijo que iba a entrar en el negocio de aparatos domésticos con su horno de microondas “5AM-TH1N6 Constellation”, Twitter dice que ahora tendrá un nuevo servicio, llamado Twttr, que es el mismo servicio, solo que solo puedes escribir consonantes (si quieres usar vocales, son parte de un servicio “premium” por el que tienes que pagar), la revista MacWorld anunció que Apple comenzará a vender fragancias – se trata de un perfume unisex para memorar a Steve Jobs, Kodak ofrecerá un nuevo aparato que puedes traer en tu muñeca como pulsera para imprimir mini fotografías, la compañía de vuelo Virgin Atlantic anunció que tendrán aviones con piso de cristal para ver el paisaje, Vimeo ofrecerá un servicio especial para videos de gatitos (llamado Vimeow), y Apple ofrecerá el iPlay.
Para terminar, les dejo con esta broma de Sony quien anunció su nueva línea de productos diseñado para mascotas (llamado Animalia):


Muchas de estas bromas las vi en este artículo del blog del NY Times que me compartió mi hermana.  ¡Se divierten!

13 marzo 2013

Interfaces gráficas en Java

Para crear una interfaz gráfica en Java, hay varios detalles que tomar en cuenta.  En este video explico las bases para crear uno usando NetBeans.  Abajo del video pongo el código fuente de los programas explicados.

Sería útil, antes de ver el video, que tengas claro los conceptos de clases, constructores y de herencia en Java.

El código fuente es este:

11 marzo 2013

La forma en que los algoritmos cambiaron al mundo…

Vi esta imagen de CollegeDegreeSearch.net hace rato y creo que a todos los programadores les puede interesar, así que se los comparto.  ¡Disfruten!


An infographic by the team at College Degree Search

27 febrero 2013

Dreamweaver AP DIV

Hace tiempo escribí acerca de la forma en que se pueden crear capas en Dreamweaver.  Pero eso fue hace tiempo… Ahora Dreamweaver CS6 no te permite hacer capas de esa manera porque hay algo mucho mejor: las etiquetas AP DIV.  Estas pueden hacer todo lo que hacían las antiguas capas, pero de una mejor manera y añaden nueva funcionalidad.

¿Y para qué sirven estas ondas?

Con estas etiquetas (y la ayuda de JavaScript), las etiquetas AP DIV pueden ser usadas para…

  • Visibilidad dinámica.  Los AP DIVs pueden mostrarse o ocultarse basado en algún evento (como hacer clic en una liga, etc.).
  • Contenido “arrastrable”.  El usuario puede arrastrar el AP DIV a diferentes lugares en la página.

¿Cómo puedo crearlos?

En Dreamweaver, cuando estás en la página donde quieres colocar la etiqueta AP DIV, ve al menú Insert, Layout objects y AP DIV.  Esto se ve en la siguiente figura:

01---Insert-Layout-AP-DIV

Otra manera de insertar, es ir al panel de inserción, seleccionar objetos de tipo Layout y seleccionar la opción Draw AP Div como se ve en la siguiente imagen:

02---Insert-panel

La primera manera solo inserta un cuadro que puedes mover (tomándolo del cuadrito que está arriba de la esquina superior izquierda) o cambiar de tamaño.  De la segunda forma, ya lo dibujaste del tamaño deseado en en lugar deseado (claro que se puede modificar).  Se debería ver como en la siguiente imagen:

03_-_AP_DIV_and_properties

Adentro de este cuadro, puedes escribir cualquier cosa (al igual que las capas de las que escribí hace tiempo) o poner imágenes, etc. Lo que cambia es la forma en que te permite manipularlos y de eso voy a hablar en el resto de este post.

Cambiando la visibilidad

Puedo cambiar si mi cuadro es visible o no de varias formas.  En la ventana de propiedades, puedo cambiar la opción de visibilidad (etiquetado como Vis) como se ve en la siguiente figura:

04---Visible1

Al poner hidden, se oculta lo que hay en este cuadro.  Para hacer que aparezca tenemos que alterar el comportamiento de Dreamweaver llamado Show-Hide elements.  En este ejemplo voy a hacer que el cuadro aparezca cuando el usuario hace clic sobre una liga.  Para eso, primero haz que el cuadro esté hidden, luego selecciona un texto y escribe en el botón de Link el símbolo # (esto dice que se liga a la misma página… generalmente no es muy útil, pero aquí nos va a ayudar un poco).  Con este texto seleccionado, abre el pallete Tag Inspector (o presiona F9 si no lo ves).  Haz clic sobre Behaviors (comportamientos) y luego en el signo + (de Add behavior) y selecciona la opción Show Hide elements.  Aquí están algunas imágenes de los pasos:

05_-_Add_behavior_1

06---Add-behavior-2

Luego aparece una ventana como ésta.  Aquí hay que decirle que muestre la ventana (conocido como apDiv1), así que selecciona la opción apDiv1 y haz clic sobre el botón Show.  Luego puedes cerrar esta ventana:

07_-_Add_behavior_3

¡Y listo!  Ahora cuando se haga clic sobre esta liga, aparecerá el cuadro AP DIV con todo su contenido.  También puedes hacer otra liga que cierre la ventana y es proceso es igual, solo que en lugar de presionar el botón Show de la ventana que está arriba de este párrafo, presionas Hide.

Si quiero, puedo cambiar el evento para que suceda cuando el mouse se pone sobre la liga o estaba sobre la liga y se mueve hacia otro lugar ,etc.  Esto se puede cambiar en el pallet del Tag Inspector como se ve en esta figura:

08---eventos

¡Listo!  Espero que esto te sirva para tus sitios web.

Agradezco al post del blog Adobe Webucator de donde salieron muchas ideas para realizar este post.

18 febrero 2013

Tutoriales de Photoshop: Febrero 2013

Sé que este intento de publicar mensualmente los mejores tutoriales de Photoshop que me he encontrado parece que quedó en el olvido y abandono, pero aquí está de nuevo.  Y para compensar tanto tiempo de no haber compartido tutoriales (desde este post de mayo del 2011), estos son muy interesantes (aunque algunos no son propiamente para principiantes).  Espero que les sean útiles…
Glorythumb200
stopwatchthumb200
0808_Table_preview
preview

Photoshop para mujeres

Vi esta imagen en el blog de Cinismo Ilustrado que se me hizo divertida y se las comparto… a lo mejor mis alumnas entienden mejor las herramientas de Photoshop presentadas de esta manera.
¡Saludos!

El Tony y sus ondas...

Related Posts Plugin for WordPress, Blogger...