Hoy el tema va de programación de páginas web. Lo siento por los que no entendéis de esto, pero en este blog intentamos aprender de todo, porque ¡nunca se sabe! Resulta que por motivos de trabajo necesitaba hacer una página web en la que al pinchar un enlace apareciera debajo un texto más amplio que mostrara una explicación (un tooltip en inglés). Busqué en la red y hay muchas formas de hacerlo pero todas me parecían complicadas y muy largas de realizar. ¡Debía haber una instrucción más simple! Y después de buscar mucho he dado con ella e incluso la he simplificado. Usa javascript y CCS.
jun 03
ene 17
Este fin de semana he acabado una aplicación muy necesaria para realizar juegos. La he programado pensando en el iPhone/iPod, pero también me servirá para desarrollar juegos en otras plataformas. Es un sencillo editor de dos capas. La primera construye el fondo y la segunda los objetos y personajes con los que se interactúa en el juego. Lo que más me gusta es que puede soportar miles de figuritas que construyen el mapa y objetos de juego. Esto se debe a que le he añadido un scroll (o sistema de desplazamiento) que sólo muestra los mosaicos o sprites del mapa que se ven en la pantalla, ignorando el resto. Como primera prueba he cargado un mapa de 10.000 x 10.000 mosaicos y ha podido con él sin problemas.
Funciona para Mac y PC. Como es el primero acabado inaugura una sección nueva dentro de este blog a la que podéis acceder desde el menú de arriba. La hemos llamado “Nuestras aplicaciones”.
ago 07
Tengo un pequeño script realizado en asp para páginas web dinámicas. A mi me resulta muy útil porque es sencillo y fácil de modificar si sabes algo de asp. Sirve para subir fotos y toda clase de documentos al servidor. Ya sé que por ahí circulan módulos que se configuran de forma fácil y rápida, pero a veces la simpleza es mejor y nos permite personalizar nuestra página como queramos.
El código presenta tres campos para subir documentos. Para evitar machacar (sustituir) los documentos con el mismo nombre, genera y añade a los nombres de los archivos una palabra de 5 letras aleatorias. Todo está explicado y al que no le interese una parte de lo que hace el script solo tiene que borrarlo.
jun 06
Recientemente he añadido un campo a mi sitio web para que cualquiera pueda buscar palabras o frases que aparecen en mi sitio. Como no quería perder ni tiempo ni dinero, y quería hacerlo rápido, me decanté por la herramienta gratuita que ofrece Google, llamada Google Site Search (es gratuita, sí, pero tiene anuncios de texto de Google, siempre relevantes con la búsqueda y no ofensivos. Puedes eliminar los anuncios pagando 100 dólares al año o si lo vas a usar en una página sin ánimo de lucro o que pertenezca a un organismo público). Por ahora estoy encantado, a pesar del pequeño inconveniente que relataré enseguida (y que al final he podido arreglar 
).
Mi comentario de hoy no trata de explicar toda la configuración de este servicio (ya que es casi inmediato gracias a la guía en español que ofrece Google). Sino de cómo atajar el único problema que me encontré y que me ha traído de cabeza estos días. Si alguien necesita ayuda para configurarlo no tiene más que pedirla en los comentarios. 
Si os decantáis, como hice yo, por que los resultados de la búsqueda aparezcan en una página vuestra, usaréis la opción que llaman iFrame. Entonces pueden ocurrir dos cosas:
- que la página donde pongáis el campo de búsquedas y la página donde se muestren los resultados, estén hechas con codificación UTF-8. En ese caso no habrá ningún problema y habréis terminado en menos de cinco minutos.
- que las dos o una de esas dos páginas no estén en UTF-8. Entonces, cuando realicéis una búsqueda que contenga una tilde o carácter no inglés (ñ, ç, etc.), no veréis ningún resultado.
Tardé en encontrar cuál era el motivo de esto, para intentar corregirlo. Pero al final di con él y, aparentemente, solo tenía una solución (página en inglés): rehacer las páginas en UTF-8. 
En mi sitio web esto resulta un trabajo muy grande y complejo, pues tengo demasiadas páginas, muy diferentes… Así que opté por poner una nota que pedía al usuario que repitiera la búsqueda sin tildes (algo realmente horrible de pedir en un sitio web técnico, pero que me pareció inevitable).
Sin embargo, hoy he encontrado la respuesta por casualidad (y no en la ayuda de Google, precisamente). No hay más que entrar en el Panel de control de Google site search y en la zona que pone Configuración de idioma, concretamente abajo, en el menú desplegable Codificación del motor de búsqueda, activar la codificación que estés usando en tu servidor (en mi caso ISO-8859-1). Por último no hay más que guardar cambios y, cuando vayáis a la opción Obtener código para copiar el código que tenéis que pegar en vuestra página web, ya habrá añadido la etiqueta adecuada a la codificación en el código JavaScript.
Yo encontré esto por casualidad, espero que a vosotros os ahorre tiempo. 
Un saludo.
abr 11
Me he suscrito a esta web después de echarle un amplio vistazo. Me gusta su contenido, los scripts que ofrecen, los manuales de ayuda y sus foros. Los que programamos en php y nos gusta hacer webs cada vez más complejas pero de fácil administración y código limpio tenemos aquí un referente.
Tienen scripts en php ya hechos de todo tipo y en código abierto. Sirven para todo: estadísticas en tu web para que aparezcan los gráficos en tiempo real, programar un sencillo chat, añadir gestores de documentos con varios niveles, un convertidor de documentos a ePub (formato que usan los lectores digitales de libros), etc. Como digo, una web muy útil.
mar 27
Todos conocemos Youtube y la forma fácil y rápida que ofrece para subir y publicar vídeos en Internet. Hay otros servicios gratuitos como Vimeo que te da más calidad. El inconveniente de estos sistemas es que te insertan la publicidad que ellos quieren sin darte elección a elegir. A veces es preferible ubicar nuestras películas en nuestro propio servidor aunque nos lleve algo más de tráfico o ancho de banda (por eso es preferible tener un servidor con ancho de banda ilimitado).
La mejor forma de publicar nosotros mismos un vídeo en nuestra web sin depender de nadie es pasarlo a formato FLV. Es el de Flash y hasta ahora es el que mejor funciona. Hay otros formatos pero el problema nos lo encontramos en el visor de nuestros visitantes. Para ver los vídeos el usuario necesita tener instalado un programita para visualizarlos. Puede ser Quicktime para Mac, o el Windows Media Player para PC. Pero ambos no suelen estar instalados en todos los ordenadores. Hay otro, que es el de Flash que lo tienen más del 80% de los navegadores del mundo. El formato que soporta este visor es el FLV. Es el que usa Youtube, Vimeo, etc y da muy buenos resultados.
Existen en la red buenos programas que convierten cualquier formato de vídeo a FLV y de forma fácil. Algunos son gratis. Podéis buscarlos en Google poniendo “convertir a formato FLV”. Yo conozco Kigo Video Converter para Mac y Free FLV Converter para PC. Pero hay muchos más.
Una vez pasado nuestro vídeo a FLV lo subimos a nuestra web y podemos crear un visor de forma fácil si tenemos una licencia de Flash para editarlo. Pero si no tenemos el programa comprado, no os preocupéis. Os dejo un visor chulo de fácil configuración ya preparado para reproducir un vídeo. Sólo tenéis que seguir estos pasos:
1. Sube a tu web el archivo visor flash que te puedes descargar aquí. (Botón derecho del ratón “guardar destino como…”)
2. Pega este código dentro de tu web, en el lugar que quieras que aparezca el vídeo, y cambia los datos de apariencia que desees según te explico:
<object type=”application/x-shockwave-flash” data=”visor_flash_flv.swf” width=”420” height=”340“>
<param name=”movie” value=”visor_flash_flv.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”FlashVars” value=”MiVideo.flv&width=400&height=300&showstop=1&
showvolume=1&showtime=1&startimage=ImagenDeIncio.jpg&
showfullscreen=1&bgcolor1=189ca8&bgcolor2=085c68&
playercolor=085c68&buttoncolor=ffff33&buttonovercolor=ffffff&
slidercolor1=dddddd” /></object>
Lo que pongo en rojo es lo que debes cambiar según sea tu vídeo.
1. width=”420″ height=”340″ es la apariencia del vídeo. Cómo quieres que se muestre de ancho y alto.
2. =”allowFullScreen” value=”true” /> Si quieres que los usuarios puedan verlo a pantalla completa. Escribe =”allowFullScreen” value=”false” /> si no deseas que aparezca esta opción.
3. value=”MiVideo.flv Es el nombre de tu vídeo. También puedes añadir una ruta de acceso si tienes los vídeos en otra carpeta tipo : value=”../videos/MiVideo.flv
4. &width=400&height=300 Es el tamaño de la imagen de la película.
5. Y el resto de valores que pongo en verde, son opcionales, si quieres que se muestre el volumen, el tiempo de reproducción etc. Si no, pon un 0.
6. Por último crea una imagen en jpg del mismo tamaño que el reproductor (en nuestro ejemplo 400×300) y cambia ImagenDeIncio.jpg por el nombre que quieras darle a tu imagen. Será la portada del vídeo. Ponla en la misma carpeta que el vídeo.
¡Y ya está! Debería de funcionar!
feb 13
Hola a todos:
Yo también voy a intentar colaborar todo lo que pueda en este rincón que nos hemos montado, aunque mis aportaciones serán algo más técnicas y más dispersas. Con el permiso de la dirección, voy a publicar aquí todo lo que vaya encontrando en mis paseos por Internet y que intuyo que me pueda servir en algún momento no muy lejano. Este método lo copio de otra bitácora, que encontré hace tiempo, en la que el autor se excusaba de la utilidad de sus artículos (casi siempre robados de otros). Sin embargo fueron sus artículos los que encontré primero, y me sirvieron de mucho, principalmente porque me ahorró el trabajo de tener que buscar esa información por mi cuenta, él ya la había reunido para mi. Por ese motivo he decidido copiarle la idea. También añadiré algún comentario que será original, pero no os preocupéis, serán pocos.
Así pues, mientras aprendo a manejar este entorno para comunicarme con vosotros, aprovecho mi primer artículo para referir a este otro que acabo de encontrar (está en inglés). En él, su autor nos hace el trabajo sucio y explica básicamente cómo montar en un servidor una página PHP que responda a las peticiones que le hagamos desde nuestro programa, y cómo conectarse a esa página desde una aplicación para iPhone o iPod Touch, por tanto escrita en CocoaTouch. También incluye algunas ideas para mejorar y simplificar el código y futuras revisiones.
No sé si esto os servirá a vosotros, pero a mi me va a venir de perlas para echar a andar rápidamente las puntuaciones de los programas que estoy preparando.
Sin más me despido.
Saludos.
RCRM.
Últimos comentarios