lunes, 30 de mayo de 2016

Creando una web con HTML(IV): Formularios con mailto.

Hola a todos, he estado un tiempo sin escribir porque estaba intentando terminar el MOOC desarrollo de aplicaciones web; ya tras terminarlo me puse a la tarea y se me complicó mas de lo que esperaba y descubrí de forma práctica las limitaciones del Html.

De momento vemos el código del formulario:

  <form action="mailto:info@probandohtml.esy.es" method="post" >
        <label>Nombre</label>
      <input type="text" name="Nombre" maxlength="16" />
        <label>Correo-e</label>    
      <input type="text" name="email" />
         <label>Comentario</label>    
      <textarea name="comentario"rows="12" cols="60" ></textarea>
      <input class="btn" type="submit" name="enviar" />
        </form>


Donde:
  

  <form action="mailto:info@probandohtml.esy.es" method="post" >
  es para indicarle la accion que queremos cuando el usuario haga clic en submit, en este caso enviar como mensaje de correo electrónico a esa dirección (la gratuita del host).  

 <label>Nombre</label>


Para que aparezca la etiqueta sobre el campo y el usuario sepa que datos tiene que rellenar en la misma.    
 <input type="text" name="Nombre" maxlength="16" />
Aquí especificamos el tipo de interacción que queremos del usuario en este caso texto, también el nombre de la variable y la longitud máxima del misma. 
   
  <input class="btn" type="submit" name="enviar" />
Y para terminar el botón de submit (enviar).
 
Si visitáis mi página de prueba veréis que ya está listo, podéis probarlo si queréis y me contáis en los comentarios. No se ve mal ¿no es cierto? Veamoslo mas al detalle: lo voy a probar con varios ordenadores y varios navegadores a ver como reacciona.

 Lo probaré primero con un xp que tengo en una torre antigua que tengo almacenada con una versión de Chrome de a saber cuando. Relleno los campos con cualquier cosa antes de darle a "enviar".
Por su puesto en el los campos puedo poner lo que quiera pues no se hace ninguna comprobación de caracteres incluso si hiciera clic en "enviar" mandaría el mensaje vacío.


Al darle "enviar" se abre el gestor de correo Outlook que es el que llevaba Windows XP por defecto, me pregunto cuanta gente de la que aun usa Windows Xp que es muchísima aún tiene el outlook configurado y a punto, si tienes instalado el Thunderbird sucede lo mismo. En Ubuntu que viene con Evolution, la mayoría de usuarios que conozco no suelen usar mucho la aplicación puesto que ya acceden a su correo con alguna de las aplicaciones dedicadas que hay en el Software Center o directamente con el Navegador. Esto es totalmente lógico pues el Html es un lenguaje que se ejecutar en el navegador del usuario y cuando hacemos submit el correspondiente "mailto:" llama al servidor de correo local para enviar el mensaje a la dirección de correo electrónico que le hemos asociado. Y ese servidor de correo local es la aplicación que suele venir con casi todos los SO para este fin ( si no tenemos el nuestro propio).





En el SO Xubuntu de mi portátil con navegador Firefox, que trae el gestor de correo Thunderbird por defecto, se abre este al hacer clic en "enviar"  así que ni tan mal.





Si tenemos algún gestor de correo configurado no nos supondrá mayor problema y podremos enviar el mensaje que queramos pero:

  • Si el usuario no tiene un gestor de correo configurado y no sabe o no le apetece en ese momento hacerlo no nos enviará el mensaje.
  • Si el usuario está en un ordenador público o usando el de otra persona probablemente no podrá detenerse a configurarlo.
  • Además simplemente haciendo clic en enviar se abre el gestor y en este podemos introducir la mayoría de datos que pedimos en el formulario así que esos campos en realidad no sirven para nada y encima es fácil enviar el mensaje en blanco pues no se hace ninguna comprobación.
Para que nos funcione el formulario debemos hacerlo en un lenguaje de programación que se ejecute en el lado del servidor así le facilitamos la tarea a los usuarios de nuestra web. Para otro post veremos como hacer un formulario con PHP. Buenos saludos y hasta la próxima.

lunes, 2 de mayo de 2016

Creando una web con HTML (III) El Host + Filezilla.

Hola desarrolladores! En la última entrada nos quedamos listos para subir los archivos Html al host. Estos días he estado dudando entre si hacerlo a través de la web o por ftp o ambos. Al final me he decidido por ftp con el programa Filezilla. Hacerlo con la web es muy sencillo y por ftp no tanto; ¿porque por ftp? Después de muchas pruebas la única razón que veo para hacerlo es por el ancho de banda y no es un tema baladí. Los archivos html son en el fondo archivos de texto que pesan muy poquito, cuando te conectas por la web estas cargando una web con todos sus javascript, cookies, php, web analitics, y a veces un montón de servicios mientras  que por ftp te conectas directamente con la máquina donde va a estar alojado y subes los archivos. Dicho de otra manera puedes crear/actualizar tu web con una conexión 3g de móvil incluso a velocidad de tortuga lo que seguro que en algún momento te puede ser útil o necesario.

El programa Filezilla está disponible para todas las plataformas, es muy ligero, soporta FTP, FTP sobre SSL/TLS (FTPS) y SSH File Transfer Protocol (SFTP) y también te permite encriptar las conexiones con Tor y/o pasarlas por un proxy, vamos que es la leche. En otros servicios de host como 000webhost o Byethost las cuentas de ftp se generan automáticamente con un nombre de usuario y una contraseña genérica que luego nos permite modificar, en Hostinger tenemos que crear nosotros una cuenta FTP, pero vamos ahora veréis que no problem.

Lo primero entramos en nuestra cuenta recién creada y vamos a "Cuentas FTP" y "crear nueva" nos saldrá una pantalla como esta:


No olvidéis señalar la carpeta donde van a ir las subidas, os lo marco con la flecha.

introducimos nuestro nombre de usuario y la contraseña,


Hostinger nos da la opción de generar una contraseña enrevesada para mejorar la seguridad.

Una vez rellenado el formulario ya tendremos nuestra cuenta ftp creada, solo tenemos que guardar los datos en un archivo de texto: nombre del servidor, (que suele ser ftp.nombrededomino, en este caso ftp.probandohtml.esy.es); nombre de usuario y contraseña y ya podemos abrir Filezilla.

Como dijo Jack the Ripper, vamos por partes:



  1. Zona de mensajes, aquí se visualizan todos los mensajes del diálogo entre tu pc y el servidor host.
  2. Carpetas del sitio local, o la carpeta de tu pc desde donde vas a subir los archivos.
  3. Carpetas del sitio remoto, las carpetas del host donde vas a subirlos.
  4. Zona de transferencias, log donde se van registrando las transferencias, activas, en cola de espera o fallidas.
Para añadir nuestra conexión nueva podríamos poner los datos en las ventanas que tenemos justo encima de 1 pero para que la conexión sea automática hacemos clic en el icono que os marco con la flecha roja.



Aqui es donde tenemos que introducir los datos que hemos guardado cuando creamos la cuenta ftp; seleccionamos "nuevo sitio", introducimos el nombre del servidor, elegimos "modo de acceso - Normal" en el desplegable y luego usuario, contraseña y conectar abajo del todo. ¡Listo! veremos en 1 aparecer los mensajes del diálogo entre nuestro pc y el host.



Ya solo nos falta ir subiendo los archivos desde la carpeta local(2) hasta la carpeta remota(3), simplemente podemos ir arrastrándolos, individualmente o todos a la vez, ya que luego se añaden a la cola y se van subiendo de uno en uno. Por cierto veréis en vuestra carpeta remota que hay un archivo default.php deberíais borrarlo para que luego cuando entréis la URL se cargue el index.html.

Y bueno amigos ya podéis probar mi web-test en http://probandohtml.esy.es, ya os aviso no está completa, en un siguiente post haré un formulario con mailto y analizaremos la conveniencia de usar este método en lo que afecta a la accesibilidad. 

nota: filezilla es en realidad un GUI para conexión por ftp que se puede hacer también por terminal de comandos, de hecho en tiempos se hacía así, los que uséis Linux seguro que alguna vez lo habéis probado pues en este SO tarde o temprano tienes que usar la terminal. Mas info sobre el protocolo FTP en el link.


Juegos retro (II) Los clásicos siempre vuelven: MAME y Dosbox en GNU/Linux.

Cuando era mas joven me gustaban mucho los videojuegos y recuerda aquellas tardes sin fin con amigos o vecinos jugando a la Sega Megadrive o cuando salió la Playstation; luego las obligaciones y también tengo que reconocerlo, el aumento de la dificultad en los juegos y el tiempo que había de dedicarles me fueron apartando de ellos, pero en los últimos años he vuelto a rescatar al jugón que hay dentro de mi, pero esta vez jugando a los juegos que tanto me entretuvieron con mi primero ordenador o mis primeras consolas de videojuegos. En Linux tenemos varios emuladores de varias plataformas que seguro que os harán pasar buenos ratos si ya tenéis una edad puesto que los mas jóvenes salvo que sean muy geeks los van a encontrar muy feos en el aspecto gráfico en comparación con los juegos actuales; eso sí en cuanto a la jugabilidad algunos no tienen nada que enviar a los grandes títulos que tenemos en Steam, de hecho cada vez veo mas versiones de estos clásicos en los app market para Android y incluso IOS, con los gráficos actualizados claro.
La mayoría de estos juegos necesitaran las librerías SDL (Simple Direct Layer) cuyos paquetes básicos ya vienen con nuestro sistema GNU y el resto los podemos descargar sin problemas del repositorio.

Unos de los clásicos de los juegos retro son los MAME (Multiple Arcade Machine Emulator, «emulador de múltiples máquinas recreativas») con los que podéis jugar a todas las recreativas de los 80 y 90 y rememorar aquellas tardes de fin de semana en el que nos íbamos con las monedas que nos daban nuestros padres y con nuestros amigos a pasar la tarde al salón de recreativas.
Tenemos que agradecer al desarrollador Nicola Salmoria que para facilitar la emulación de las máquinas recreativas, en enero de 1997 creó MAME al fusionar varios emuladores en los que había estado trabajando. Podéis visitar su web oficial http://www.mamedev.org/ en la que tenéis todos los detalles y algunas ROMS para descargar.
Tanto la versión original como todas las que han ido saliendo para todas las plataformas están en C++ y es software libre para uso sin ánimo de lucro.

Para instalar MAME solo tenemos que ir a nuestro repositorio y descargarlo desde allí. Si no tenemos instalada la librería SDL (que debería estarlo sino completa, los paquetes básicos) se nos añadirá a la instalación. Ya solo nos faltaría instalar las ROMS (paquetes con los juegos) y configurar nuestro emulador para que funcione bien con nuestra máquina; esto se hace editando un archivo de texto mame.ini que según la versión que tengamos estará en $HOME/.mame o en /etc/mame. Para descargar Roms hay muchas webs en la red y si miramos por el torrent o Emule seguro que hay algún pack para descargar. Una cosa a tener en cuenta, los paquetes de juegos no son los originales sino versiones hechas para el MAME y según que versión tengamos algunos no funcionaran o no funcionaran correctamente.

Una vez hecho todo tendremos algo como esto:


Es la pantalla inicial desde donde podremos elegir a que queremos jugar; tiene un pequeño defecto y es que no tenemos una lista para elegir sino que tenemos que ir tecleando nombres para que vayan apareciendo, si tenemos pocos y sabemos como se llaman no problem, pero si hemos descargado un pack de 400 juegos puede ser un poco locura.

Gnome-video-arcade
En linux tenemos una posible solución que es el paquete GNOME video arcade que es un GUI para MAME que nos añade algunas funcionalidades extra aparte de compatibilidad para algunas ROMS que no nos funcione con el paquete digamos original. Tenemos lista de juegos por orden, podemos crear listas de juegos favoritos, crear vídeos con las partidas y alguna cosa mas; todo esto se puede hacer con el MAME pero usando la terminal de comando lo que para los usuarios noveles de Linux significa inseguridad y sudor en la frente, aquí lo tenemos todo con ventanas bien facilito para toda la familia.


A jugarr!!
Te puedes comprar un par de mando de esos imitación de los mandos de la Playstation por 5€ de segundamano o en algún bazar y rememorar tus tiempos jóvenes cuando tenías mas pelo en la cabeza y pelillos en el bigote con tus amigos, parientes, o vecinos. Dale una lección al pesado de tu cuñado jaja.

Bueno ahora vamos con DOSBOX; es un emulador de DOS que utiliza la librería SDL que hace que DOSBox muy fácil de portar a diferentes plataformas. DOSBox ya ha sido portado a muchas plataformas diferentes, como Windows, BeOS, Linux, MacOS X ... DOSBox también emula CPU: 286/386 modo real / modo protegido, Directorio de sistema de archivos / XMS / EMS, Tandy / Hercules / CGA / EGA / VGA / VESA, / Gravis Ultra Tarjeta de sonido SoundBlaster de sonido excelente compatibilidad con los juegos más antiguos ...

Como MAME lo tenemos en nuestro repositorio y es muy bastante fácil su uso; DosBox es un emulador del sistema operativo MSDOS que los más jóvenes solo conocen si han estudiado programación pero los que tenemos una edad lo usamos en su día en nuestro IBMPC o Amstrad PC sin disco duro con diquetes de cartón o plástico. Hay muchas páginas donde descargar los juegos y para instalarlos solo hace falta meterlos en una carpeta y especificar su localización en la terminal DOSBOX, además hay webs donde descargar los manuales originales o copias en archivo de texto que nos serán muy útiles. 







Chuck Yeager Combat Simulator, uno de los tantos que salieron patrocinados por este histórico piloto norteamericano, siende este para mi gusto el mas divertido y jugable.






 
Aces of the Deep, el primer gran simulador de submarinos, sin rival hasta la primera aparición de la serie Silent Hunter, cinco años después.










Jugar con estos clásicos aparte de despertar nuestra nostalgia nos ayudará a poner en perspectiva los avances que ha habido en el mundo de los videojuegos y el software en general, pero antes hay que tener en cuenta algunas consideraciones:


  • La calidad de los juegos depende mucho de su época de lanzamiento, desde luego algunos juegos de los 80 casi hacen daño a la vista con sus 4 u 8 colores chillones y el sonido estridente del audio en 8 bits, pero no os engañéis algunos de estos juegos pondrán a prueba vuestros reflejos y vuestra inteligencia.
  • Hasta el año 91 o 92 casi ningún pc se vendía con ratón que quedaba para las aplicaciones primitivas de dibujo o diseño, así que casi todos los juegos anteriores a esa época solo funcionan con el teclado o como mucho con un joystick en el caso de los emuladores de vuelo.
  • Para jugar a dobles en esa época los dos jugadores usaban el mismo teclado o se conectaban los ordenador en red local ¡con modem!, montar una LAN party con estos ordenadores era algo muy muy laborioso.
  • Como siempre dependerá mucho del hardware de tu máquina el correcto funcionamiento del juego; la gráfica es muy importante pero mas aún los MHz a los que corra tu pc. Te puedes encontrar que un juego del 94 por ejemplo vaya muy lento en una buena máquina pero con una baja velocidad o una gráfica genérica. Esto se nota mucho en los emuladores de vuelo.
  • Y para terminar con DOSBOX no solo se pueden emular juegos sino cualquier aplicación en DOS de la época, lo que hará las delicias de los mas curiosos, hipsters y geeks
Para descargar juegos para DOS: Abandonware games o abandonia.com 
Manuales originales o copias en txt:  www.lemonamiga.com/ replacementdocs.com
Bueno me despido ya, no os perdáis mi próximo post sobre juegos retro en el que veremos los emuladores de consolas para GNU/Linux.