viernes, 29 de abril de 2016

Creando una web en HTML (II): Pruebas y validación. Registro del host.

En el anterior post os enseñe como estoy creando una web con HTML para el curso; estos días ya he ido trabajando en ella y he adelantado bastante así que voy a registrarme una cuenta en servicio de hosting gratuito y a subir el trabajo que llevo hecho. Pero primero vamos a ver como me está quedando la página.


Como veis ya va cogiendo forma pero en la cabecera hay un pequeño problema aparentemente; el abecedario no aparece completo según la resolución de la pantalla en la que se vea se ven mas o menos letras. Lógicamente al ser el menú en forma de lista y este marco solo abarca un 30% de la pantalla pues no cabe completo. Tendría que posicionarlo de forma horizontal pero eso lo haré usando el CSS (cascade style sheet). Por cierto, durante el curso apenas vemos nada de esto así que me permito recomendaros que busquéis algo de literatura sobre el tema que hay mucha, en internet en formato ebook o en cualquier biblioteca pública municipal tendréis seguro algún libro, en concreto el libro de Javier Eguiluz Perez "Introduccion a CSS" es muy bueno y podéis comprarlo por internet y seguro que si lo buscáis lo podéis encontrar gratis. Sin el CSS hoy en día saber HTML no sirve de mucho; y como muestra un botón.



Como véis el CSS marca la diferencia; en concreto esta hoja de estilos es de una plantilla Html gratuita (poned estas tres palabras en cualquier buscador y encontraréis muchas) que venía con su hoja CSS y la he modificado para la ocasión. El CSS tiene cierta complejidad pero la verdad es que es muy satisfactorio y como pasa con el Html si sabéis inglés lo aprenderéis mas o menos rápido.

Antes de subir los archivos al hosting sería recomendable validar el html para ver los errores que he podido cometer en el standard y ¡sorpresa! ¿Recordáis en el anterior post que os dije que había cometido un error? Pues la validación me muestra que tengo muchos errores menores y varios graves, pero sobre todo he hecho mal la declaración <!Doctype>  y seguramente que está mal en todos los archivos, os recuerdo: uno para cada letra del abecedario.

El caso es que he puesto la declaración así:  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

y era asi:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 

Y por esas dos letras el validador no me reconoce siquiera el documento Html como XHTML Frameset sino como HTML Transitional, lo que en algunos navegadores puede provocar graves errores en la visualización como ya he comentado antes. Además también he planteado mal el etiquetado de los marcos:

¿¿22 errores y 9 advertencias!! buff


Después unos largos minutos de comprobación tras comprobación:

2 errores y una advertencia, de momento nos conformamos.


Bueno ahí va mi otro consejo de hoy: validad el html en cuanto terminéis las páginas principales del proyecto porque si vais copiapegando también iréis multiplicando los errores y será peor repararlos luego, además validar no es sólo útil para localizar errores, algunos navegadores intentan compensar la falta de destreza entre los desarrolladores web solucionando errores en el código HTML y mostrando las páginas como suponen que deberían visualizarse. Sin embargo, otros navegadores podrían intentar mostrarlas de forma diferente o no mostrarlas en absoluto. Validar puede servirte de gran ayuda para encontrar errores que ni siquiera sabías que existían. Y si: puede ser muy angustioso el proceso.

Y ahora tocaría subir los archivos a un servicio de host; pero para no alargar demasiado el post solo nos registraremos y crearemos el subdominio y dejamos la subida para el siguiente. Para este caso voy a elegir Hostinger porque está totalmente en castellano y es muy sencillo su funcionamiento.

Tras el registro elegimos la opcion "nuevo hosting"
Elegimos la opcíon "gratis"

Elegimos subdominio y contraseña



¡Y listo!! ya lo tenemos, no os perdáis la siguiente entrada en la que subiré el Html al host y podréis probar la web. Hasta pronto.

martes, 26 de abril de 2016

Creando una web en HTML (I): Diseño y primeros pasos.

Bueno, bueno, ya he terminado los módulos y solo me falta el examen final; pero mientras lo preparo voy a dejaros por aquí el proceso de una página de prueba para practicar lo que hemos aprendido durante el curso, para ser honesto os diré que ya me había leído bastante literatura sobre el Html/Css, el uso de servidores y también sobre Php, aunque de este último no he podido practicar demasiado (salvo los formularios).

Estas últimas semanas he estado trabajando en una página para alojarla en un server local que quiero montar mas adelante en la asociación de vecinos de mi barrio, para que podamos intercambiar libros electrónicos. Tendrá que ser una página sencilla pues la mayoría de la gente que baja por allí es gente mayor y tengo que ponérselo fácil.

Lo primero que he hecho es crear un esquema o maquetación con el programa Evolus Pencil del que ya os hablé en otro post; a lo mejor no haría falta pues lo que estoy pensando no es muy complicado pero bueno, así practico. Primero os dejo una imagen y luego comento. 


Como veis la página va a tener dos partes muy definidas, una cabecera con el título y un adecedario, y la parte inferior donde irán apareciendo los libros disponibles; obviamente van a estar por orden alfabético, por si alguien se lo preguntaba. En la vista principal cuando entremos en la web habrá un saludo y una breve introducción con un enlace a un formulario de contacto. Después conforme vayamos clicando en las letras iremos viendo los títulos disponibles, muy simple ¿verdad? Eso parece...
 nota: El programa Evolus Pencil viene con un bug muy importante, es imposible exportar los diseños, para obtener esta imagen he tenido que hacerlo con el menú "Imprimir" e "Imprimir a un archivo" y no ha salido todo el contenido. El bug está en Windows y GNU/Linux y está relacionado con una incompatibilidad con algunas versiones del plugin Java. Si alguien le ha pasado lo mismo y lo ha conseguido solucionar sin usar xulrunner podría dejarlo en los comentarios, gracias.
Para la página voy a a usar iframes (o marcos); si no sabéis lo que son los iframes podéis ver este enlace.
¿Porque usaré iframes? Lo primero para practicar y lo segundo porque no quiero que cada vez que se haga clic en el enlace se cargue la página entera si no que solo se cargue el listado de obras. Habrá que hacer una página para cada letra, pero copiapegando no nos debería costar mucho.

Para escribir el Html usaré Bluefish, del que ya os hablé hace unos días.
Dentro del programa buscaré el menú "Nuevo desde plantilla">>"XHTML1.0" y así tengo el principio de la página con la declaración doctype y las partes principales, <html><head><body>. 



A continuación sustituimos el <body> por los iframes, con este editor no problem, vamos al menú "Cuadros" que ya os lo marco en la foto y allí tenemos un asistente que nos permite crearlos sin mas complicaciones.



Bueno sin mas complicaciones no... la declaración doctype esta mal pues como dice en la web del W3C la declaración para XHTML1.0 con iframes debe ser:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

asi que procedo a cambiarlo.




Conviene dejar esta parte siempre por si alguien usa un navegador que no admita frames(?) que no se quede con la página en blanco y con cara de mero.


Veamos el paso de la creación de los marcos (iframes) con mas detalle.

<frameset rows="30%, 70%" border="0" frameborder="0" framespacing="0">

Aquí dividimos la página en dos marcos, uno al 30% de la anchura y otro al 70%.

<frame name="cabecera" src="cabecera.html" noresize marginwidth="50" scrolling="no" frameborder="0" /> 

Aquí definimos el primer marco, se llamará "cabecera", será el archivo cabecera.html y en el resto de atributos definimos la anchura del margen, que el borde sea invisible y que el usuario no pueda redimensionar su tamaño (si sabes un poco de inglés se entiende bastante bien).

<frame name="contenidos" src="contenidos.html" noresize marginwidth="20" marginheight="10" frameborder="no" />

 
Y por último terminamos definiendo el último marco, con su nombre "contenidos" y archivo contenidos.html.


Ahora el siguiente paso sería crear las páginas que se cargarán en los frames,  cabecera.html, donde irá el título y el abecedario y contenidos.html donde aparecerá la bienvenida y el enlace al formulario de contacto; cuando entremos a la web cuando vayamos clicando sobre las letras del abecedario en este marco será donde done irán apareciendo las listas de títulos disponibles.

La cosa parece que empieza bien pero ya os adelanto que he cometido un error que luego me va a dar problemas pero lo dejamos para el siguiente post.

Mas info sobre los marcos (frames): http://www.htmlpoint.com/guida/html_13.htm se ha quedado un pelín antigua pero esta muy bien explicado.



miércoles, 20 de abril de 2016

Bluefish, un editor de texto especial para desarrollo web.

Hola amig@s! Este pasado fin de semana estuve investigando por el centro de Software de Ubuntu y encontré esta maravilla. Es el editor Bluefish , un editor de texto orientado al desarrollo web que desde luego que me ha impresionado y creo a vosotr@s también. Como es mi estilo en este blog, no voy a extenderme en enumerar las características de este programa porque para eso ya está  su página web, mejor os cuento un poco como ha sido mi experiencia con él en mis primeros pasos y ya si eso lo probáis y sacáis conclusiones. Sólo terminar esta intro diciendo que aunque la página web del proyecto está en inglés el programa está en castellano, bueno en realidad está traducido en 17 idiomas, osea que sin problemas por ese flanco. Vamos al lío...


Empezamos revisando esta imagen, asi de primeras se ve mas complejo que el notepad o incluso vim, pero para nada, es sencillísimo el manejo; además la vista es configurable y adaptable. Y está para todos los SO.

Bluefish a tamaño completo

Tiene todas las cosas que uso en Gvim como la edición de múltiples archivos simultáneamente (en su web dice que se pueden editar hasta 500 documentos) y autocompletado y coloreado de etiquetas, pero además tiene otras funcionalidades realmente sorprendentes pero casi prefiero señalarlas en esta imagen para que os hagáis mejor a la idea.


  1. Esta barra es un navegador de archivos, muy útil para cuando trabajes en proyectos que consten de varias páginas, además tiene otras funcionalidades que como llevo poco tiempo con Bluefish aun no se muy bien como usarlas; por su puesto la barra se puede plegar para dejarte mas sitio para la escritura.
  2. ¿Ves esas lineas verticales? Te marca el inicio y fin de las etiquetas dentro de los bloques de código, ideal para principiantes.
  3. Esto es ya la automatización máxime, aquí tienes los principales elementos que vas a usar en html, como puedes ver: listas, formularios, tablas etc... todo lo que hemos visto durante el curso lo tienes aquí; haces clic y te aparecen las etiquetas completas, apertura y cierre, con todas las variaciones y  atributos.   

Algunas otras funcionalidades interesantes como que si dejas el ratón encima de una etiqueta te informa sobre la función de la misma, en GNU/Linux tiene corrector ortográfico usando las librerías del sistema y corrector de sintaxis de etiquetas, que trabaja en UTF8 pero te permite usar cualquier codificación, y la que mas me ha sorprendido ¡te permite subir al servidor los archivos una vez terminados/editados! (de momento solo para GNU/Linux)

Bueno, bueno, desde luego este editor es totalmente recomendable tanto para el principiante como si ya tienes cierto nivel pues la automatización de la edición que tiene es fabulosa, haciendo la escritura de páginas web desde cero casi como hacerte un curriculum o trabajar con una plantilla, de hecho he estado haciendo ejercicios del curso y os aseguro que voy a dejar el Gvim que es demasiado avanzado para mi y me voy a pasar a este, que os recomiendo a tod@s pues os va a facilitar mucho el aprendizaje.

Repito mi recomendación de que probéis este programa que os recuerdo que está para GNU/Linux, FreeBSD, MacOS-X, Windows, OpenBSD and Solaris.

Y ya para terminar deciros que el proyecto tiene su propio servicio de host, no tiene host gratuito pero si estáis pensando alquilar uno quizás podáis echarle un vistazo. 
Saludos y hasta el próximo post.

viernes, 15 de abril de 2016

Los Centros de Datos de Google.

Cuando se estudia informática y se llega al capítulo de internet siempre nos aparece algún esquema como este:


La conexión remota Cliente-Servidor por el protocolo HTTP, la mayoría de la gente que usa habitualmente Facebook, o Gmail, incluso Whattsapp, ignora esto total o casi totalmente; pero cuando ves imágenes como esta:



perteneciente a uno de los centros de Datos de Google de Councils Bluffs (Iowa), la verdad es que no puede uno sino asombrarse del prodigio técnico que hace aun mas pequeños a los pequeños prodigios técnicos que llevamos encima casi a diario.

En la actualidad Google mantiene 13 centros de datos distribuidos en 3 continentes:

  •     7 en Estados Unidos: Condado de Berkeley - Carolina del Sur; Council Bluffs -  Iowa; Condado de Douglas - Georgia; Quilicura en Chile; Condado de Mayes, Oklahoma; Lenoir en Carolina del Norte; The Dalles, Oregón.
  •     3 en Europa: Hamina - Finlandia; Saint-Ghislain en Bélgica; Dublín - Irlanda.
  •     3 en Asia: Hong Kong; Singapur; Taiwán.

Pero podéis verlos en haciendo clic en la imagen debajo.




Como es de suponer tanta electrónica tiene que generar una cantidad de calor increíble y el que tenga alguna duda que ponga la mano debajo de su portatil cuando lleve un par de horas encendido y que lo multiplique por mil. Así se debe usar algún tipo de refrigerante para la instalación, algún tipo de líquido especial.... ¿Qué líquido “especial” emplea Google para refrigerar sus centros de datos?

Agua. Según donde están las instalaciones su origen varía, en el centro de Datos de Berkley están experimentando con agua de la lluvia y en el de Hamina, en Finlandia con agua de lluvia.
Todas las instalaciones estan en red de área local de tipo Etherne, lo que no es ninguna sorpresa y para realizar copias de seguridad de sus datos? Un sistema de cintas robotizado. Las cintas son un sistema de copias de seguridad lento, pero ofrecen una gran capacidad de almacenamiento y son muy baratas.

¿Qué hace Google cuando un disco duro está defectuoso? Inutiliza los discos duros defectuosos para que no puedan ser usados y no se pueda acceder a la información que almacenan

 Y para moverse por las instalaciones, ¿qué vehículo emplean los ingenieros de Google para moverse? Una bicicleta G-Bike.


Aquí os dejo un vídeo para que observéis la maravilla.

jueves, 14 de abril de 2016

Probando Evolus Pencil (en Ubuntu)

Hola de nuevo! Como hemos visto en esta lección es importante el prototipado y maquetado de nuestro espacio o aplicación web antes de su presentación pues es lo que se va a ver antes de crear la página y nos permite intercambiar impresiones y opiniones con el cliente/usuario antes de entrar mas en el desarrollo. 

De momento voy a probar el primero de la lista Evolus Pencil, y entro en su página en la que compruebo con satisfacción que detecta por mi user-agent que uso ubuntu e inmediatamente me muestra el enlace de descarga del paquete .deb. También me fijo que está en el idioma de Shakespeare, lo que puede ser un problema para algunos usuarios.

Home de la web de Evolus Pencil

¿Como se instala un paquete .deb en ubuntu? No hay problema, con el comando dkpg en nuestra bendita terminal; suele venir con nuestro sistema GNU/Linux aunque si lo queremos hacer por interfaz gráfica podemos instalar el paquete Gdebi. 
Gdebi era el gestor de paquetes predeterminado en casi todas las versiones de Ubuntu hasta que sacaron el Software Center. Gdebi nos ofrece las mismas funcionalidades que dpkg mas alguna extra, para mas info visita la pag del proyecto. 
Bueno que me voy por las ramas, descargamos el paquete de la web que se llama evoluspencil_2.0.5_all.deb y lo podríamos sacar de la carpeta descargas y mandarlo al Escritorio pero no sería obligatorio. Una vez allí abrimos una terminal, y en ella escribimos:


tupc@loquesea:~# sudo dpkg -i /home/tuusuario/ruta/hacia/carpeta/evoluspencil_2.0.5_all.deb

Donde "/home/tuusuario/ruta/hacia/carpeta/*****.deb" sería la ruta hacia donde tengas el archivo descargado, en mi caso al Escritorio. Fíjate en la fotografía.


La instalación es rapidísima!!
Podéis comprobar que se ha instalado correctamente.
Una vez instalado si queréis desinstalarlo solo tenéis que poner en la terminal:

sudo dpkg -r el-nombre-de-paquete 

o

 sudo dpkg -P el-nombre-del-paquete  //si queremos desinstalarlo completamente, también los archivos de configuración.

Ahora que está instalado nos metemos en harina y empezamos a curiosear entre las opciones que nos da el programa de momento una imagen para que os hagais a la idea.


De momento está íntegramente en inglés como ya sospechaba, para algunos usuarios puede ser un problema (pero si estás interesad@ en desarrollo web y no sabes nada de inglés mejor que empieces a estudiar un poco). Sin embargo tras unos primeros minutos veo que el sistema es bastante intuitivo, y si has manejado algún programa de presentaciones o el Draw de LibreOffice el interfaz de usuario y algunas opciones son parecidas. A la derecha tienes un menú de siluetas (shapes) y plantillas (stencils) con que puedes ir montando tu presentación de tu proyecto web e incluso reproducir alguna de sus características o su funcionamiento. Las figuras se añaden al documento con un sistema de "drag & drop" y luego nos permite retocar todas las opciones para ese objeto. 


Según la web del proyecto algunas de sus features son:

"Los elementos de un dibujo se pueden vincular a una página específica en el mismo documento. Esto nos ayuda a definir el flujo de la interfaz de usuario al crear la aplicación o sitio maquetas de sitios web."

"EPencil soporta la salida del documento de dibujo en diferentes tipos de formatos. Usted puede tener su dibujo exportado como un conjunto de archivos PNG rasterizadas o como una página web que puede ser entregado a los espectadores.
EPencil también es compatible con la exportación de documentos en formatos populares, incluyendo documentos de texto OpenOffice / LibreOffice, Inkscape SVG y PDF de Adobe."


"EPencil ahora es compatible con los conectores que se pueden utilizar a formas "alambre" juntos en un diagrama. Una colección de formas de diagrama de flujo están también disponibles para los diagramas de dibujo." 
Algún lector avispado puede pensar, "Todo esto lo hace Libreoffice Draw, y también tiene diagramas de flujo una extensa libreria de shapes y stencils." Pero hay una cosa en que puede interesarte mas este programa (y te lo dicen en su web):

"EPencil ofrece diversas formas de recogida integradas para la elaboración de diferentes tipos de interfaz de usuario que van desde el escritorio hasta plataformas móviles. A partir de 2.0.2, Pencil se suministra con la interfaz de usuario de Android y  plantillas IOS pre-instaladas. Esto hace que sea aún más fácil para creación de prototipos de aplicaciones de forma muy sencilla. Características de los programas populares de dibujo, también están en EPencil para simplificar las operaciones de dibujo."
Dicho de otro modo puedes hacer maquetación usando los elementos mas característicos de todos los interfaces de usuario mas populares y crear automatizaciones que simulen como será tu página o aplicación web antes de hacerla.

Y por si fuera poco puedes encontrar fácilmente Clip Art en internet; Pencil tiene una herramienta de navegación de imágenes prediseñadas que se integra con OpenClipart.org para que los usuarios puedan encontrar fácilmente imágenes prediseñadas por palabra clave y agregarlas en el dibujo mediante una simple operación de arrastrar y soltar. Además como están en formato .svg y por lo tanto bueno para la  ampliación a diferentes tamaños.


A lo mejor ya es hora de jubilar mi querido Draw
Ahora que me lo he instalado lo probaré y os mostraré mi progreso (si eso).

Dale a like y suscribete Saludos y hasta el siguiente post :p 

sábado, 9 de abril de 2016

Probando editores de texto. Vim + Libreoffice

Con el poco tiempo que llevo programando en Html, la verdad no he tenido mucho tiempo de probar diferentes editores de texto, asi que voy a dedicar este post a hablaros del editor que uso y de un truquillo que descubrí trasteando el Libreoffice.

Vim.

Vim es la versión mejorada del editor vi que llevan casi todas las distribuciones Unix, GNU, Linux etc. Yo en concreto uso GVim que es la versión con interfaz gráfica mejorada GTK+. De momento os dejo la explicación del programa que sale en Wikipedia:  
"Vim es un editor hecho por programadores para programadores. Para facilitar la programación, Vim dispone de un modo "editar, compilar, corregir". De la misma forma que los entornos de desarrollo integrados, puede editar el código fuente además llamar a un compilador externo, e interpretar sus resultados. Si hay errores de compilación, éstos se muestran en una ventana. Los mensajes de error dirigen al usuario a la zona en la que se han encontrado para poder así corregirlos. Entonces vuelve a empezar el ciclo "editar, compilar, corregir" y, si es necesario, corregir nuevos errores. El trabajo del programador también se ve facilitado por el resaltado de sintaxis y la funcionalidad de plegado de código."

Tiene muchísimas opciones a pesar de su aspecto sencillo y cuenta con varios modos de trabajo; modo comandos, modo línea de ordenes, modo visual, modo selección y alguno mas que me dejo para no aburrir (pero si os interesa podéis ver su entrada en Wikipedia o directamente la página web del proyecto www.vim.org). Cada modo nos permite trabajar con el texto de varias maneras diferentes y como has leido bien incluso ejecutar comandos y líneas de órdenes. Suena complicado ¿verdad? Pues lo es, y eso es una de las cosas que le echan en cara a vim su dificultad de manejo y su dependencia de los comandos, atajos de teclados y líneas de órdenes para sacarle partido y con productividad.


Codigo Html en GVim

El caso es que para hacer páginas web sencillas y editar CSS o trabajar con plantillas html gratuitas que puedes encontrar por la red no hacen falta casi ninguna de esas opciones; supongo que sabiéndolas usar se trabajará mas rápidamente pues echándole un vistazo a la ayuda de Vim ya se ve que hay soluciones y accesorios para todo.
Yo os voy a decir que es lo que mas uso (de momento):

  •  Autocompletado de texto
  • Navegación por pestañas
  • Ventanas múltiples, que dividen el área de edición horizontal o verticalmente.
  • Resaltado de sintaxis dependiente del lenguaje de programación o de etiquetas utilizado
  • Completado de órdenes, palabras y nombres de ficheros
Si vas a pasar mucho rato ante la pantalla es aconsejable cambiar el esquema de color.
Lo de que se resalte la sintaxis es lo que mas agradezco y que cuando cierras mal una etiqueta cambia el color del texto lo que ya te indica que algo anda mal. Al principio cuesta un poco acostumbrarse y casi diría que es obligatorio leerse algo de documentación tanto de la ayuda como de su web antes de empezar, pues aunque aparenta ser un editor de texto como el notepad o asi es bastante diferente el manejo a cualquier editor pero en cuanto prácticas un poco para el HTML y CSS va de cine.

Ahora el truco:

Me sonaba de cuando el hice aquel curso de Libreoffice que había una opción para HTML así que empecé a rebuscar por el programa y encontré esta curiosidad.


En el acceso directo de Libreoffice vais al menú "Archivo" > "Nuevo" > "Documento HTML" y se os abrirá una instancia normal del programa, salvo algunos menús nuevos que han aparecido. Volveremos sobre ellos mas adelante pero vamos a escribir algo primero, sin etiquetas, solo texto.

Escribimos un par de lineas y hacemos clic en el icono en rojo.

Hacemos clic en el icono que os resalto en rojo y tenemos el código fuente en Html de lo que acabamos de escribir.



Muy bien casi tenemos la página hecha!! Con sus etiquetas <html><head> <body> e incluso con la declaración <!doctype>. Ahora podemos guardarla en html con el nombre que queramos y podemos editarla aquí mismo o abrirla luego en vim o en cualquier editor. Incluso tenemos la opción de crear formularios y botones o previsualizar la página en tu navegador Esta es una de las muchas funcionalidades que ofrece LibreOffice para trabajar con documentación y con bases de datos en red; en realidad podríais escribir directamente el Html en el Writer y guardarlo con extensión .html; pero no me negareis que esta es una forma muy rápida de crear una página web sencilla para usarla como plantilla para hacer otra mas sofisticada. Además solo tienes que hacerla una vez pues para el resto copiar, pegar y editar y listo. He dejado el HTML en Pastebin para que podáis verlo mas de cerca.

Y bueno para terminar deciros que la comunidad de Vim está en ICCF Holland (International Child Care Fund Holland) y estan muy comprometidos con Uganda participando en varios proyectos, como combatir el SIDA o la mortalidad infantil, si quereis informaros sobre esto y/o participar o ayudar podeis visitar este enlace 

viernes, 8 de abril de 2016

Tim Berners-Lee, el padre de la Web

Sir Timothy "Tim" John Berners-Lee, KBE (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.

Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).

Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto Xanadú (que propuso Ted Nelson) y el memex (de Vannevar Bush).

Videojuegos retro. Parte I - Los clásicos siempre vuelven.

En esta entrada voy a hablaros de los llamados videojuegos retro. Se les dice juegos retro a los videojuegos del siglo XX (como suena eso por Dios); o sea de los años 80 y 90. Se puede jugar a la mayoría de ellos con emuladores que hay tanto de PC como consolas; o incluso directamente desde el navegador.

Personalmente no me gustan que los llamen juegos retro, por que lo retro es algo moderno que imita la apariencia de algo antiguo buscando evocar la nostalgia, de hecho hay videojuegos retro que no son de esa época. Pero realmente no se me ocurre que otro nombre ponerles así que seguiré llamándolos retro (¬‿¬).

Pensaba hablar de los emuladores que hay para Linux para jugar pero esta semana ha salido en Meneame.net una noticia que desde luego que ha evocado mi nostalgia. Así que hablaré de los emuladores que hay para Linux en un siguiente post.

Han terminado el que puede que sea el remake definitivo de "La Abadia del Crimen", "La Abadía del Crimen Extensum". No voy a explayarme con muchos detalles técnicos pues hay un montón de blogs y webs mas especializadas para ampliar información. Voy a hablaros de mi experiencia personal con ese juego, pues yo si que lo jugué en su día y desde luego pienso volver a jugar 29 años después.



Cuando salió "La Abadía del Crimen" yo tenía un PC 512 Turbo de 640 kb de memoria RAM y de disco duro mejor ni hablamos; Tarjeta gráfica Hercules monocromo. Ya estaba un poco obsoleto todo hay que decirlo pero era el que tenía. Realmente no fui de los que se lo compró nada mas salir a la venta sino que tarde un poco, quizás dos años, sin embargo si jugué "The Great Escape" un juegazo que con una ambientación y temática totalmente diferente pero con una mecánica de juego similar, así que cuando lo terminé me fui a por "La abadia".



 




















 Imágenes de la version para CPC y PC (emulador)






La experiencia de juego con "La Abadia del Crimen" al principio es muy desconcertante; empiezas que no sabes muy bien que hacer en un escenario inmenso en el que apenas puedes interactuar con nada ni con nadie por lo menos en apariencia. Conviene recordar que mi tarjeta gráfica era Hercules Monocromo, asi que jugaba con emulador olvidaros de colores... Lo cierto es que costaba mucho avanzar, siempre con el Abad expulsándote y hasta que no salió una guía en la revista Micromania(?) que conseguí completarlo al 100%, pero aun así aprecie que estaba ante un gran juego, con un mapeado extensísimo y una forma de jugar que era novedosa en esa época. Pero con los años el juego ha ido quedando en mi memoria como un juego mítico sobre todo por el contexto y el año en el que se hizo, aunque también que era 100% español y las circunstancias que rodean a la vida del creador del juego Paco Menendez que se fueron sabiendo con el tiempo y la aparición de Internet.

"En esta última versión, las mejoras en gráficos son evidentes, eminencia."

De este juego ya se han hechos varios remakes y parcheados (ver en Wikipedia) pero ahora han sacado uno que desde luego después de haber jugado un poco pienso dedicarle unas horas y terminarlo. Podéis ver en este enlace todas las mejoras que le han hecho pero os voy a contar la que mas me ha gustado.

"La Abadía del Crimen" original tenía en el aspecto gráfico muchas similitudes con "The Great Escape" pero era en el mecanismo del juego donde marcaba la diferencia. El juego intentaba (recordatorio año 1987) ser cinemático; aparte de una ambientación muy buena, no se trataba de acciones en un orden para para resolver un laberinto si no de crear una película en la que el personaje tenía que hacer las cosas en un orden y secuencia; casi me atrevería a decir que el personaje tenía que fluir, en un medioambiente y con unos personajes con el que interactuabas en un momento determinado para conseguir avanzar o descubrir algo nuevo. Incluso se daba mucho la frustrante situación de que conseguías hacer un par de cosas solo para descubrir mas adelante que por no hacerlas en el momento o secuencia debidos te costaban la partida, "Has incumplido las normas, no vuelvas mas a esta abadía".

Solo necesitas tener Java para poder jugar
Y esta que era su virtud a la vez era su mayor defecto; pues el juego adolecía de unas instrucciones claras y un manejo del personaje un poco defectuoso (recordatorio año 1987) que hicieron a muchos jugadores de la época frustrarse y abandonar el juego. Sin embargo en este último remake creo en mi humilde opinión que han conseguido darle el toque cinematográfico que su creador original quiso darle pero no pudo seguramente por las limitaciones técnicas de la época y sobre todo ha mejorado mucho su jugabilidad, añadiendo otro modo de manejo mas actual aparte del manejo clásico. Quizá no sea el mejor juego de la historia y ni probablemente de su época, pero estoy seguro que gracias a creaciones así, otros se han inspirado directa o indirectamente para crear algunos de los juegos que han sido también míticos en el mundo de los videojuegos.

Si jugasteis a este juego en su día merece la pena que le dediquéis un poco de tiempo libre si os es posible pues seguro que os trae muchos recuerdos como a mi, y también te sirve para poner muchas cosas en perspectiva. Podéis jugar en cualquier plataforma solo hace falta que tengáis Java y podéis descargarlo en este enlace.








lunes, 4 de abril de 2016

¿Que demonios es un cambucho?

Un cambucho según la RAE es: 3. m. Chile. Cesta o canasto en que se echan los papeles inútiles o se guarda la ropa sucia. También coloquialmente se le dice al cesto en el que los pescadores guardan los anzuelos, el cebo, hilo, navaja, y todo tipo de cosas que usan para su actividad.

Este blog va a ser eso: un recopilatorio de cosas que me voy encontrando por las procelosas aguas de la red sin ningún hilo conductor en particular y sin ningún criterio.