Códice | Entradas sobre «software libre»

Sinclair QL SCR Viewer

JavGuerra — Sat, 10 Feb 2024 00:00:00 GMT

Etiquetas: #web, #html, #javascript, #herramienta, #código, #retro, #sinclair ql, #software libre

El QL original tiene dos modos de pantalla, el modo de 256×256 pixels a 8 colores, y el modo de 512×256 pixels a 4 colores.

La aplicación Sinclair QL SCR Viewer es un HTML que permite cargar en el navegador un archivo de imagen en estos formatos ubicado en local o en remoto, mediante un botón INPUT, para mostrar su contenido sin que ocurran errores de CORS, y sin usar un servidor.

La imagen resultante puede descargarse en formato PNG con un tamaño de 1024×768 pixels.

Se escribió un artículo para QBlog con más información de cuál es la estructura de codificación de las pantallas en estos dos modos que puedes consultar.

El desarrollo se ha llevado a cabo a ratos, durante una semana, y se ha hecho uso de la IA Phind para consultas técnicas que han sido de gran utilidad. La aplicación acrtualmente está en la versión 1.0.

Hice uso de GitHub pages para alojar el desarrollo y también la aplicación que está disponible en:

Objetivo de la aplicación

Hagamos un poco de arqueología. En los tiempos del QL (años 80) era muy normal cargar y salvar a y desde memoria de pantalla las imágenes que querían mostrarse. Solía usarse para mantener al usuario atento con una pantalla colorida mientras terminaba la carga del programa desde algún medio de almacenamiento. ¡Esto podía demorar minutos!

Dado que las imágenes de pantalla del QL son datos con estructura, pero sin cabecera, es complicado poder visualizarlas en un PC si no se lleva a cabo una conversión, y eso es justamente lo que hace esta aplicación, además de permitir descargar la pantalla en formato PNG.

La idea era crear una herramienta que no dependiera de ningún sistema host, para que pudiera ser usada en cualquier sistema operativo actual. Emplear HTML + JavaScript era una opción interesante que permitía hacer uso de la aplicación en local, pero también ofrecer la aplicación como un servicio en línea.

Características

Maneja pantallas en modos 8 y 4.
Detecta automáticamente el modo de pantalla.
Permite el cambio de modo de la imagen cargada.
Funciona en local evitando errores de CORS.
Descarga la imagen visualizada en PNG.
Es responsive.
Es accesible.
Detecta errores de carga.

Info sobre el funcionamiento de la aplicación

El desarrollo inicialmente se centró en el parser o analizador sintáctico que debía «entender» los dos modos. Mediante un botón de carga y un evento asociado se accede al fichero, y luego se procesa.

Igualmente se asocian eventos al botón de cambiar de modo y al botón de descargar archivos. Estos eventos llaman a sus correspondientes funciones.

El código ha sido optimizado para poder funcionar en local sin que se generen errores de CORS (Cross-Origin Resource Sharing en inglés), una funcionalidad de los navegadores que ayudan a evitar problemas relacionados con la seguridad de la información.

Para visualizar correctamente la imagen se hace uso de una función que revisa los datos cargados y determina si la imagen está en modo 8 o en modo 4 y, si corresponde, cambia el modo de visualización.

A la hora de visualizar la imagen se han empelado dos canvas, uno donde se dibuja la imagen y otro que contiene este primer canvas que lo muestra en la escala adecuada para que se vea completo y proporcional en cualquier dispositivo. La proporción de la imagen es 4:3 y el tamaño de la imagen es de 1024x768.

Se ha elegido esta resolución porque es múltiplo de las resoluciones de ambos modos. De hecho, para representar correctamente las imágenes de los modos 8 y 4, un pixel de una imagen en modo 8 ocupará cuatro pixeles de ancho y tres de alto en la imagen resultante, y un pixel de una imagen en modo 4 ocupará dos píxeles de ancho y tres píxeles de alto en la imagen resultante.

La representación de color de los modos se realiza de la siguiente forma: el modo 8 usa cuatro bits por pixel para representar cada color (GFRB - Green, Flash, Red, Blue), con una profundidad de color de 8 (negro, azul, rojo, magenta, verde, cian, amarillo, blanco). Hay un bit que no se usa, que corresponde al flash (F) o parpadeo, una característica que tiene este ordenador. El modo 4 usa 2 bits por pixel (GR - Green, Reed), con una profundidad de color de 4 (negro, rojo, verde, blanco). Pues bien, para poder mostrar los colores en formato RGB, si un bit R, G o B está a cero, el valor de su componente RGB será 0, si es 1, el valor de su componente RGB será 255. En el modo 4, para obtener el valor de B, si los valores G y R están a 1, el valor B será 1, y el valor de su componente, 255, en caso contrario, será 0.

La pantalla del QL clásica tiene un tamaño de 32.768 bytes en ambos modos. Al cargar la imagen esto se comprueba, así como si el archivo está vacío o si no se ha podido acceder al medio.

Con el botón de intercambio de modo, podemos cambiar el modo de visualización de la imagen, caso que puede ser de utilidad si la detección automática no terminó de funcionar correctamente. Esto se hace sin necesidad de volver a acceder a la imagen, aprovechando los datos que están almacenados en el buffer.

La descarga en PNG permite obtener una imagen que se guardará con el formato nombre + sufijo + extensión. El nombre corresponde al nombre del archivo original. La extensión será _QL8 o _QL4 según corresponda, y la extensión será .png.

Para el desarrollo se ha tenido en cuenta el uso accesible de la aplicación, mediante la incorporación de etiquetas WAI-ARIA en el código.

Saber más

Acceder a BBDD Oracle con DBeaver

JavGuerra — Wed, 10 Jun 2026 00:00:00 GMT

Etiquetas: #herramienta, #servidor, #bbdd, #software libre, #oracle

DBeaver es una herramienta de gestión de bases de datos multiplataforma y de código abierto que permite conectarse y trabajar con distintos sistemas como Oracle, MySQL, PostgreSQL o SQL Server desde una única interfaz. Ofrece funcionalidades como ejecución de consultas SQL, exploración de estructuras, edición de datos y administración de conexiones, destacando por su flexibilidad y compatibilidad con múltiples drivers. En esta te explico cómo instalar los drivers originales de Oracle en DBeaver.

Descargando DBeaver

Puedes descargar la última versión de la aplicación desde:

Download DBeaver Community

Hay disponibles versiones para Windows, macOS y Linux.

Si vas a descargar la versión de Windows, dispones también de un fichero .zip que no requiere instalación en el sistema. Tan sólo descomprimes la carpeta en el lugar que decidas y la aplicación estará lista para usarse.

El problema

Elegí esta herramienta porque, como otras, me permite acceder a la BBDD desde mi entorno local, pero empleando los drivers originales de Oracle, con lo que consigo la máxima compatibilidad, con un software versátil y abierto. Pero al seguir los pasos para descargar automáticamente los drivers:

Abrir DBeaver.
Ir a Database → Driver Manager.
Buscar Oracle en la lista y seleccionarlo.
Pulsar Edit.
Ir a la pestaña Libraries.
Y pulsar Download/Update.

Obtuve un error. Ocurre que Oracle no permite la descarga automática directa en muchos casos, así que DBeaver falla.

La alternativa

Descargar los drivers directamente desde la página de Oracle:

Oracle Database JDBC driver and Companion Jars Downloads

Deberás seleccionar los drivers adecuados. En mi caso decidí descargar el fichero ojdbc11-full.tar.gz bajo el título Zipped JDBC driver (ojdbc11.jar) and Companion Jars que viene con todos los ficheros necesarios y está certificado para las versiones JDK 11 de Java (en mi caso) y versiones superiores.

Una vea descargado, hay que descomprimir el contenido en la carpeta que desees. También puedes descomprimirlo en la carpeta pluggins dentro de la carpeta de DBeaver.

Instalando los drivers

El siguiente paso es instalar los drivers en la aplicación. Por defecto, DBeaver carga cuatro de ellos.

ojdbc11.jar (la versión para mi JDK.) Obligatorio. El driver JDBC principal de Oracle que permite la conexión a BBDD.
orai18n.jar Recomendado. Es el soporte de internacionalización (i18n) que permite manejar caracteres especiales, codificaciones (UTF-8, etc.) y distintos idiomas correctamente.
xdb.jar Opcional. Librería para XML DB de Oracle si se trabaja con XML almacenado en la base de datos y se requieren funcionalidades avanzadas tipo XMLType.
xmlparserv2.jar Opcional. Parser XML de Oracle para procesar XML internamente y dar soporte a funcionalidades de xdb.jar.

Para ello debes estar en la pestaña libraries del driver Oracle en la en la opción Driver manager del menú Database. Ver pasos para llegar más arriba. Y una vez allí:

Pulsamos Add File, seleccionamos cada fichero mencionado, y le damos a Open.
Repetimos la opción por cada fichero.
Una vez tenemos todos los drivers abiertos, ya no necesitamos los drivers que aparecen por defecto. Los quitamos con Delete para que no den problemas.

Conectar a la BBDD

Ahora ya podemos ver si todo ha ido bien.

En el menú Database, hacemos clic en la opción New connection e introducimos los datos de la conexión. La nueva conexión a BBDD aparecerá en el espacio de conexiones de la izquierda.

TIPs

Podemos arrastrar el nombre de la BBDD a Bookmarks (Favoritos) en la lista de abajo, a la izquierda, para poder acceder de forma fácil a ella.

También podemos poner DBeaver en español. Para esto iremos a Windows, luego Preferences, y en la opción User Interface elegiremos el idioma español.

Para más información sobre el uso de DBeaver, puedes consultar la documentación en el Wiki:

About DBeaver

Enlaces

Traducciones de software

JavGuerra — Sat, 13 Aug 2022 00:00:00 GMT

Etiquetas: #código, #software libre, #pro-bono

Cuando puedo, llevo a cabo traducciones del inglés al español del software libre que utilizo. En esta entrada llevaré un listado actualizado de ello.

Nota: Esta entrada se actualizará cuando se produzcan novedades.

Wekan Vía Transifex. Herramienta para gestión de metodología kan-ban al estilo Trello.
JSLogo Intérprete Logo - pr
Moonmoon Planeta RSS - pr
Manual en español de Owncloud. Se puede descargar, por ejemplo, de Nube OwnCloud - Manual de Usuario v0.8 Documentación libre. No es una traducción directa del manual, sino un manual elaborado para la administración y gestión del software.
Tema Beautifull Jekill Ejemplo. Traducción del tema para este git-blog.
JavaScript en 14 minutos En desarrollo.
Diseño web en 4 minutos
Provincias de España, que estaba en account.limesurvey.org/de/downloads/file/34-provinces-of-spain-provincias-de-espa%C3%B1a?tmpl=component. Un complemento en español para el software Limesurvey.
PHP Guestbook GBook y tema «Conectiva»
Structured SuperBasic Mensajes de error.

Mis certificaciones TIC

JavGuerra — Sun, 14 Aug 2022 00:00:00 GMT

Etiquetas: #tic, #software libre

Estar actualizado es importante, tanto para aprender conocimientos nuevos como para repasar lo que ya se sabe. Durante este tiempo estoy realizando algunos cursos on-line para afianzar y completar mi formación reglada. Estos son algunas de las certificaciones recibidas.

Nota: Esta entrada se actualizará cuando se produzcan novedades.

Certificaciones

Título FPGS DAW
IFCD0210 Desarrollo de Aplicaciones con Tecnologías web - Certificado de profesionalidad de nivel 3 - SEXPE
Introducción a la programación - Open Bootcamp
Conceptos de la programación - Open Bootcamp
HTML y CSS - Open Bootcamp
HTML - Linked-In
JavaScript - Open Bootcamp
PHP - Open Bootcamp
PHP - Linked-In
Full Stack Web Developer - The Bridge
Java - Open Bootcamp
Java + Spring - Fundación Adecco
Testing con Java + Spring - Fundación Adecco
Ciberseguridad BlueTeam, y reverso - The Bridge, Incibe

Badges

Web dev Fundamentals - The Bridge
Backend developer - The Bridge
Frontend developer - The Bridge
HTML - The Bridge
CSS - The Bridge
JavaScript - The Bridge
ES6 - The Bridge
Programación Orientada a Objetos (OOP) - The Bridge
Node.js - The Bridge
Express.JS - The Bridge
SQL - The Bridge
MongoDB - The Bridge
React - The Bridge
GitHub - The Bridge
Firebase - The Bridge

TODO

Cloud Computing - Google Activate
Desarrollo de aplicaciones móviles - Google Activate