sábado, 19 de abril de 2014

Diseño adaptable, responsive web design, o como tocar las narices nivel maquetador

Los que llevamos muchos años en esto de la informática hemos visto pasar de todo. Desde páginas html en bruto con logos de profesionales de la obra (en construcción) hasta las versiones más avanzadas de CSS y HTML5, o por lo menos la parte definida.

Aún me entra la risa floja cuando en alguna reunión de amigos, al conocer a alguna persona, en entorno laboral o cualquier otro evento alguien me dice que es experto en “responsiv desin”. Y es que en España somos muy de spaglish, y no nos importa estar hablando en perfecto español y soltar algunas palabras en inglés, porque usar términos en inglés, sobretodo en entorno laboral da caché. No es lo mismo decir que eres programador java que “jaiva developer”; el buscavidas de siempre ahora se llama “event manager”; y las bailarinas del local de abajo…

Pero vayamos al grano, a la chicha. ¿Qué puñetas es el “Responsive Web Design”? Pues es algo que está muy de moda. Más o menos se trata de hacer un CSS + HTML que se adapte a varios tamaños de pantalla. Normalmente la pantalla de un móvil suele ser la más complicada. En estos casos suelen pintar los menús de forma distinta a los diseñados para pantallas de ordenadores, etc. La verdad es que todo esto mola, porque navegar en una página con un buen diseño adaptado es cómodo.

Entonces si tengo una web, ¿debo adaptarla? Pues en mi opinión depende de muchas cosas. Desde mi punto de vista el diseño adaptado es algo que ha llegado tarde. Me hubiera gustado tenerlo hace 5 años cuando usaba una blackberry. Pero ahora mismo en buena parte de las páginas que lo usan no es más que un estorbo que no consigo evitar, y es que el diseño adaptado no es una solución para todas las web. Ahora mismo como móvil uso un Lumia 520, un dispositivo genial. Carga páginas a velocidad luz, las mueve con soltura, tiene implementado varios gestos para zoom, y el diseño adaptado me sobra. El problema es que en muchas web me encuentro cosas como esta:



Google Play Publish Web Responsive, matando la usabilidad

El diseño adaptado está muy bien para páginas de productos, catálogos online, y páginas de presentación; pero en intranets, backends, zonas privadas y cualquier cosa parecida es algo que no funciona. A día de hoy no he encontrado ninguna de estas páginas que funcionen bien con el diseño adaptado, y sin embargo no encuentro opción de desactivarlo. La opción “ver como en ordenador” no sirve de nada con este tipo de programación, porque ya se está viendo como en un ordenador, sólo de pantalla pequeña.

Claro, los diseñadores me podrán decir: es que lo han usado mal, es que habría que adaptar esas partes que no se ven bien, etc. Y en parte tienen razón. Pero la cosa es que este es un problema que va en aumento, y que me llevará en el futuro a usar una phontablet, fonablet, o como puñetas se llamen los teléfonos con pantallas grandes.

Pero lo que no piensan estos diseñadores es que este problema ya lo vivimos hace tiempo, cuando la gente hablaba por la calle con la ngage, engueinsh para los amigos. ¿Os acordáis del ngage speaking?




Pues eso es lo que nos espera señores, gente con teléfonos inmensos pegados a las orejas, esa es mi visión, el futuro que veo. Y sí, el responsive design debería evitar esto, pero por ahora no lo está consiguiendo.

domingo, 16 de marzo de 2014

Actualizando el mac mini con nuevo ssd, memoria ram y OSX Lion

Hace unos días Apple anunció que deja de dar actualizaciones de seguridad de Snow Leopard, un sistema muy elogiado por algunos pero que a mi y a muchos otros nos ha dado bastantes quebraderos de cabeza. Como soy el afortunado poseedor de un mac mini core 2 duo, el SO máximo al que aspiro es el OSX Lion, así que compré una licencia en la Apple Store y he actualizado mi máquina. Por otro lado aprovechando que iba a hacer una instalación desde cero, decidí ampliar la ram a 3Gb y puse un ssd para darle un poco de vidilla.


Mi nuevo hardware

Aquí el nuevo hardware incorporado, 1 Gb de ram y un ssd de 120 Gb.


No está nada mal :D

Sé que hay gente que hubiera elegido otros componentes, pero mi criterio ha sido comprar lo que estuviera a la venta en la tienda. Lo comento porque hay algunos que para actualizar la ram o el ssd abren hilos infernales nivel master. Yo simplemente le pregunté al que si no me funcionaba era posible el cambio por otro y me dijo que sí. Pero vamos, que una vez instalado todo el mac funciona muy pero que muy bien.


Bricomanía con mac mini

El procedimiento seguido para actualizar mi mac mini ha sido un poco errático, en plan a ver qué pasa si quito o no este tornillo :D Esto es porque no encontré una guía para mi modelo de mac mini, sino de modelos parecidos. Por eso de esta parte no os pongo enlace externo. De todas formas si tenéis un modelo similar los pasos deberían ser parecidos.

Lo primero es abrir el ordenador. Para ello he usado una espátula de cocina. Simplemente metiéndola por los laterales y dando pequeños tironcitos se saca la carcasa.


Muy importante que a la espátula no le queden restos de comida :D

Como se puede ver la carcasa está sujeta por unas pestañas de plástico, no hay ningún tornillo ni nada que impida abrir el ordenador una vez salvado este obstáculo.


Mac mini abierto. Por fuera más bonito que por dentro.

Después me encontré con tres tornillos, que no sé para qué son. Yo los he quitado, por si acaso.


Están sujetando el DVD. Igual para una próxima actualización a blueray si se pudiera...

También quité cuatro tornillos que bordean la carcasa. Estos sí eran necesarios, o eso creo. Quitar el que está debajo de la placa del muelle es un poco jodido. Al final quité la plaquita.


Aquí la plaquita de las narices

Buscando por internet creo que es la antena wifi, aunque no lo aseguro. Daba un poco de miedo, pero un buen tirón y plaquita fuera. Por cierto que es recomendable también quitar el muelle. Yo no lo quité y saltó sólo como a los 10 minutos dándome un pequeño susto :D


Imagen de la antena quitada

Antes de separar el los componentes del mac para llegar a la ram y al hd, hay que quitar un pequeño cable negro que está junto a la pila.


El cable se quita muy fácil con un destornillador plano.

Aquí el mac abierto. En un lado la ram y al otro el hd. El cambio de ram ya se puede realizar. Sólo hay que presionar las pestañas metálicas que la sujetan.


De paso podemos limpiar un poco por dentro, que el mío tenía bastante polvo.

Para quitar el disco duro aún nos quedan cuatro tornillos. Una vez quitados hay que empujar el hd hacia atrás y debería salir.


El trozo de plástico con forma de “T” que está pegado al hd yo lo despegué y lo pues en mi nuevo ssd. Tampoco sé si era necesario, pero por si acaso.

Como me estaba costando quitar el hd, decidí quitar el resto de cables para poder realizar el cambio de discos más fácil. La verdad es que soy un poco patoso y con mis dedos gordacos era complicado quitar el hd.


Ojo que al quitar el cable dorado no se debe perder un trozo de plástico que hace presión sujetándolo. Para volver a montarlo hace falta ese plástico.

Y esto fue todo del bricomanía de hoy. Otro día más.


Instalando OSX Lion

La instalación del OSX Lion fue muy sencilla. Una vez descargado el SO de la App Store lo grabé a un pendrive que conecté a un usb libre del ordenador . Como el ssd estaba sin formatear y el pendrive estaba formateado en “Guid”, arrancó el ordenador mostrando la siguiente imagen.


No hay que ser muy impacientes, tardó unos minutos.

Elegí la opción de “utilidades de disco” para darle formato al ssd. Una única partición en formato guid de arranque y unos minutos de espera para completar este paso.


Formateando el ssd

Hay que seleccionar modo guid

Después se puede comenzar con la instalación de OSX Lion, seleccionando el nuevo disco como destino.


Menú de instalación de Lion mostrando el SSD de destino.

Y aquí el resultado final. Mac mini core 2 duo con 3 Gb de ram y 120 gb SSD :D


Información del mac mini actualizado.

Por último, para activar el TRIM, usé la aplicación gratuita “TRIM ENABLER”.

Saludos.

lunes, 3 de marzo de 2014

Migrando un proyecto desde android a Microsoft Project.

Una de las características interesantes de CProjectPro es la posibilidad de exportar datos en formato .xml estándar importable con Microsoft Project, GanttProject, Merlin (OSX) o cualquier otro programa compatible.


Paso 1. Obteniendo el xml

El proceso es bastante simple. Partimos de un proyecto creado desde CProjectPro.

En mi ejemplo he creado uno muy simple con dos tareas y un hito. A continuación vamos a las opciones de exportación y elegimos xml. El archivo se exporta en la ruta:

/mnt/sdcard/cproject/ con la siguiente nomenclatura fecha.hora.minutos.segundos-TítuloReducido.xml



Kanban con las dos tareas e hito de ejemplo


CProjectPro exportando el proyecto a xml


Representación del gantt en CProjectPro

A continuación os pongo el xml generado por la aplicación



12
20140203.0.53.32-Desde_andr.xml
Charlicode - CProyect
1
1
0
0
0
1984-01-01T00:00:00
1
2014-03-03T09:00:00

 
  1
  Estándar
  1
  -1
  
   
   1
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   2
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   3
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   4
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   5
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   6
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
   
   7
   1
   
    
     09:00:00
     13:00:00
    
    
     15:00:00
     19:00:00
    
   
   
  
 


 
  1
  1
  Inicio
  0
  0
  1
  2014-03-03T09:00:00
  2014-03-06T19:00:00
  PT16H0M0S
  0
  
  2014-03-03T09:00:00
  PT2H0M0S
 
 
  2
  2
  task one
  0
  0
  1
  2014-03-05T09:00:00
  2014-03-08T19:00:00
  PT24H0M0S
  0
  
  2014-03-05T09:00:00
  PT0H0M0S
 
 
  3
  3
  end
  0
  0
  1
  2014-03-08T09:00:00
  2014-03-08T09:00:00
  PT0H0M0S
  0
  
  2014-03-08T09:00:00
  PT00H0M0S
 




Paso 2. Importando el xml

Microsoft Project

En este ejemplo voy a importar los datos en un proyecto vacío. Lo que hay que hacer es desde el menú “Archivo\nuevo” de Microsoft Project elegimos en la caja de selección la opción “Formato XML (*.xml)”.


Abriendo un xml en Microsoft Project

Después de seleccionar nuestro archivo Microsoft Project nos pregunta si queremos importar el archivo como proyecto nuevo, anexar los datos al proyecto activo o combinar los datos en el proyecto activo. En este ejemplo elegiré como proyecto nuevo.

Después de pulsar finalizar los datos ya se pueden usar desde Microsoft Project.


Microsoft Project mostrando los datos exportados desde CProjectPro.

En Merlin

En Merlin es igual de simple. Desde el menú File elegimos Open y seleccionamos el archivo .xml


Merlin en OS X mostrando el proyecto.

En GanttProject

La importación del proyecto en GanttProject se realiza desde el menú “Proyecto\Importar”. A continuación se elige la opción “Archivos de Microsoft Project”. Después se selecciona el archivo y pulsa “Aceptar”.


GanttProject mostrando los datos. La interfaz es un poco espartana.

Pues esto ha sido todo. Como se puede comprobar la exportación desde CProjectPro es muy sencilla, y la importación en los distintos programas también ha sido fácil. Obviamente el archivo xml generado sólo contiene los campos necesarios para que el xml sea compatible y se exporten las opciones de la aplicación android CProject.

Saludos.

Related Posts Plugin for WordPress, Blogger...