¿Cómo modificar la pantalla de registro en Drupal?

Esta entrada del blog, la escribo porque fué algo que surgió en el trabajo y al buscar información en la red casi no conseguí­ por lo que decidí­ colocar esto en mi blog. Además, también mostraré como agregar campos nuevos que se incluyen a cada usuario mediante el módulo profile al formulario de registro.

El método a usar va a ser una moficación del tema, especí­ficamente para la página de registro de usuario (user/register), para ello utilizaremos una serie de cosas que nos provee Drupal. Lo que haremos es editar el archivo template.php que se encuentra dentro de la carpeta de nuestro tema y agregar la siguiente función:

function ELNOMBREDETUTEMA_theme($existing, $type, $theme, $path) {
  return array(
    // tell Drupal what template to use for the user register form
    'user_register' => array(
      'arguments' => array('form' => NULL),
      'template' => 'user-register', // this is the name of the template
    ),
  );
}

Recuerda cambiar ELNOMBREDETUTEMA por el nombre del tema que estas usando y que corresponde el archivo template.php, esta función lo que hará es que al entrar a la página user/register obliga a usar el template con el nombre de user-register.tpl.php. Bueno ahora lo siguiente que haremos es crear el archivo user-register.tpl.php de acuerdo a nuestras necesidades. En el caso que voy a poner aquí­ es un registro sencillo que imprime: el texto de registro, el nombre usuario, el correo electrónico a usar, un campo personalizado del módulo profile, los campos ocultos y obligatorios del formulario el boton de enviar.

<div id="registration_form">
 <?php print drupal_render($form['user_registration_help' ]); ?>
<div class="field">
    <?php print drupal_render($form['account']['name']); ?>
  </div>
<div class="field">
    <?php print drupal_render($form['account']['mail']); ?>
  </div>
<div class="field">
    <?php print drupal_render($form['category']['profile_field']); ?>
  </div>
<div class="field">
    <?php
      print drupal_render($form['form_id']);
          print drupal_render($form['form_build_id']);
      ?>
   </div>
<div class="field">
    <?php print drupal_render($form['submit']); ?>
   </div>

Ya con eso solo les falta jugar y modificar las cosas a su antojo.

¿Javascript y HTML 5 aplastaran a Flash en el futuro de la web?

Viendo un artí­culo (que les recomiendo) sobre 16 animaciones Javascript tipo Flash, observé como cada dí­a se ven mas páginas con esta tecnologí­a en incluso vemos como los navegadores se enfocan en obtener excelente rendimiento para ejecutar código Javascript. Recuerdo al principio del internet como Flash  era el salvador al momento de hacer animaciones excelentes en las páginas web y de darle mejor apariencia, pero con el tiempo fue quedando atras ya que empezaron a salir mas obstáculos para esta plataforma: dispositivos móviles , sistemas operativos nuevos, arquitecturas nuevas. Donde en ellas muchas veces no está soportada esta tecnologí­a.

Cada vez, se observa como las páginas mas reconocidas utilizan Javascript para hacer páginas complejas y con mejor apariencia: ejem, Gmail, Facebook, Google Docs, Youtube, WordPress, etc. Y el uso de Flash en ellas es absolutamente nulo, bueno en el caso de Youtube, solo es usado para reproducir ví­deo, sin embargo, con HTML 5 no necesitaremos el plugin de Flash para ver ví­deos en Youtube.

Con el nuevo estandar de HTML, necesitaremos mucho menos a Flash ya que con el soporte etiquetas como audio, video y canvas, teóricamente se podrá hacer todo lo que se podí­a hacer con flash. Cosa que ha  asustado a Adobe y le ha hecho mejorar sus tecnologí­a y dar soporte a mayor cantidad de dispositivos, esperemos que sucederá de esto.

Creo que Flash nunca desaparecerá del todo, pero si se disminuirá muchisimo su uso en la web, al igual que el uso de Silverlight y JavaFX.  Tal vez falte mucho tiempo para que HTML 5 sea usado de forma masiva, pero en el mundo de la informática todo esto sucede rápidamente, ademas, HTML5 y Javascript seran estandar, abierto y soportado en casi todos lados.

  • Si quieres probar algunas tecnologí­as de HTML  5, puedes entrar a: http://htmlfive.appspot.com

Recuerda que debes tener un navegador que soporte esta tecnologí­a como Firefox, Safari, Chrome u Opera.

Hace 2 años en esa fecha: Ya poseo un PS3 ( y porque comprarlo)

Rap sobre los estándares web

¿Quién dijo que la música geek era mala? Con el siguiente video que me pasó Cisco #2 (del ex-blog cafeinageek.com) veremos un excelente rap (musicalmente) hecho por The SEO Rapper sobre el uso de estandares web, css y muchas cosas mas.

Si les gustó, les recomiendo entrar a la página The SEO Rapper y observen mas ví­deos de este grandioso artista geek.

La guerra de navegadores por Discovery Channel

Gracias a la página Xombra, que es una excelente página de seguridad informática de Venezuela, me enteré de este programa que hizo Discovery Channel sobre la historia de los navegadores web, desde sus inicios, las peleas entre las empresas y Bill Gates, entre otros. Totalmente recomendado para los que les interesa el tema, que estos dí­as con el lanzamiento del navegador Chrome (por ahora no me gusta) ha resurgido el tema y además esta en español.

Mi blog con PHP y CSS

Bueno regresé después de tanto tiempo sin de verdad actualizar la página, pero la universidad me tenia full y me quitaba todo el tiempo para la página. Bueno por ahora decidí­ cambiar todo el contenido de la pagina a php para que me permita hacer grandes actualizaciones de manera rápida.

Y gracias a esto me dí­ cuenta que al migrar todas las paginas de HTML a PHP y utilizando CSS he reducido aproximadamente un 40% y 80% a cada archivo html. Lo cual aparte de que me permite modificar por ejemplo el menú principal de arriba en todas las paginas al mismo tiempo, me ahorra un 40% ó 80% de espacio en Disco y de ancho de banda.

Tal vez le parezca como tardí­o que haya hecho esto a estas alturas pero siempre me habí­a dado pereza, por lo que invito a todos los webmaster que sigan usando el HTML antiguo y sin CSS a que migren sus páginas a contenido dinámico y con CSS para que observen las ventajas del mismo.