Archivo de la categoría: Tecnologia

Actualizando el Blog (II) – Eliminando Flash

Steve Jobs No Flash

Introducción

En 2010 Steve Jobs CEO de Apple en una de sus Keynotes confirmo que los teléfonos y las tablets con sistema operativo iOs no tendrían nunca soporte para flash, algunos en su momento lo achacaron a los continuos roces entre Apple y Adobe, por distintos programas, las razones las puedes leer en este articulo , como ya hace tiempo de ello solo decir que en apenas tres años el flash ha pasado desde ser lo mas en webs y prácticamente imprescindible en la programación web a ser casi una tecnología leprosa con cada vez menos expansión.

Como el objetivo es optimizar la web pues estoy intentando suprimir el flash sino en su totalidad si en su mayor parte.

Videos y Audios

Hasta la fecha utilizaba el plugin Wordtube de Alex Rabe para visualizar los vídeos, este plugin esta basado en jwplayer un reproductor que en un principio utilizaba flash pero actualmente podía funcionar como reproductor html5, no obstante el plugin wordtube no se actualizaba y que jwplayer podía funcionar de forma autónoma, abandone el uso de wordtube, no obstante, las posteriores actualizaciones de wordpress han hecho que dicho plugin sea innecesario incluyo para la inclusión de vídeos de youtube, con tan solo poner una etiqueta antes del video y a funcionar, gracias a la tecnología mediaelements.js, esta tecnología también se aplica a los ficheros de auto, así que me permitió eliminar los reproductores flash de audio, así que ya tenemos una parte limpia.

Galerias de imágenes

Para las galerias de imagenes estaba usando la versión pro del plugin Simpleviewer para nextgen gallery, es un plugin muy bonito y eficaz, pero que no permite su visualización en el ipad y en el móvil, asi como otras incompatibilidades, estuve buscando plugins html5 para sustituirlo, y en un principio me parecio bueno la galeria incluida en el jetpack de Worpress pero esta limitada en el numero de fotos, finalmente he optado por la versión pro de Nextgen Gallery y con esto ya esta solucionado el problema al menos de momento.

Finalizando

Buenos, he limpiado la web, aun quedan detalles por pulir, si encuentras algún contenido desactualizado deja un mensaje y lo arreglare.

Actualizando el Blog (I) – Adecuando el tema

Introducción

Aunque hace unos dias ya hice sin querer un anticipo, la verdad es que he estado los últimos meses arreglando la web y es que uno de los problemas de mantener la web durante mucho tiempo basandose en plugins de terceros, porque si el tercero de turno decide dejar de dar soporte a su plugin y dado que yo no tengo conocimientos suficientes para mantenerlos me toca sustituirlos, ya me ocurrió cuando me vi obligado a cambiar de Gallery a NextGen Gallery o mas recientemente cuando se acabo el soporte y la actualización de Wordtube y he tenido que buscar opciones (o no utilizar ninguna como ire contando mas adelante).

Como son muchas cosas voy a ir contando poco a poco como he ido cambiando las cosas y como las he ido optimizando para el SEO también contare que herramientas estoy usando tema.

El Tema

Durante mucho tiempo utilice temas para WordPress que encontraba en distintos repositorios de blogs, era una tarea ardua el bajar y probar hasta que uno cuadraba con la idea de un blog, (Colores, disposición, tamaño), si no sabes mucho código y no puedes revisar totalmente la plantilla te puedes encontrar que le acabas de dejar un puerta abierta a algún hacker o alguna cosa peor.

Posteriormente adquirí la herramienta Artisteer y la utilice para hacer muchos blogs, pero ello me generaba un problema, básicamente que WordPress de actualiza mas rápido que los programas de edición y ello conlleva que no puedes aplicar todos los cambios que hay en la tecnología de WordPress en tu plantilla, dando problemas de compatibilidad y haciendo que la web no sea segura o que simplemente no funcione.

Finalmente opte por utilizar uno de los temas estándar en este caso el TwentyTwelve, que tenia básicamente lo que buscaba, es un tema de 2 columnas, con una cabecera con imagen, adaptable a distintas resoluciones y con todo lo que las modificaciones de WordPress incluya ademas de la opción de que cada vez que se actualiza WordPress pues se actualiza automáticamente, aparte de algunas opciones de configuración ya incluidas.

Modificandolo

Ya explique en el anterior post el como crear un tema hijo, asi que no me voy a poner a volverlo a explicar, voy a ser mas practico voy  a dejar al final de este correo un zip con los ficheros modificados listos para usar y voy a cortar y pegar aqui las modificaciones que he realizado y donde realizarlas, todos los cambios estan realizados en el fichero style.css del tema hijo.

Cabecera con sombra y borde redondeado

/* Cabecera con sombra
————————————————————– */
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 2;
color: #FFF;
background-color: #6E6E6E;
box-shadow: 2px 2px 2px #c6c6c6;
padding-left: 10px;
border-radius: 3px;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #FFF;
background-color: #A4A4A4;
box-shadow: 2px 2px 2px #c6c6c6;
padding: 2px 0 5px 10px;
border-radius: 3px;
}

En la cabecera de la web se pueden ve dos zonas mas oscuras estas son las lineas que modifican la cabecera modificando los background-color modificas el color de fondo y modificando el color modificas el color del texto, el color de la sombra y la extension de la misma se modifican al cambiar el color en el box-shadow, el comando border-radius es el borde redondeado y el padding la separación, algunos de estos parametros se repetiran en varias ocasiones.

Barra de navegación

/* Barra de Navegación
————————————————————*/
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: .10rem solid #c6c6c6;
border-top: .10rem solid #c6c6c6;
}
.main-navigation li a {
color: #7C7E81;
font-weight: bold;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a{
color: #6E6E6E;
}

Con esto modificamos la barra de menus, los comandos border-bottom y border-top son las lineas de las que puedes configurar el grosor y el color.

Forma y fondo de la web

/* Web
————————————————————*/
body .site {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: #E6E6E6;
border: 1px;
border-color: #FAFAFA;
box-shadow: 2px 2px 2px #c6c6c6;
}

Aqui modificamos el borde del contenido y el color de fondo.

Forma y fondo de la web

/* Blockquote
————————————————————*/
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: .5em 10px;
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em;
}
blockquote p {
display: inline;
}
blockquote:before {
content: ”\201C”;
}
blockquote:after {
content: ”\201D”;
}

Formato de las citas o blockquotes

Modificación artículos

/* Modificación articulos
————————————————————*/
.entry-header {
line-height: 1.2;
font-weight: normal;
background-color: #A4A4A4;
box-shadow: 2px 2px 2px;
padding: 5px 5px 2px 10px;
border-radius:3px;
}
.entry-content {
line-height: 1.2;
font-weight: normal;
background-color: #FFF;
box-shadow: 2px 2px 2px #c6c6c6;
padding: 5px 5px 2px 10px;
border-radius:3px;
}
.entry-meta {
line-height: 1.2;
font-weight: normal;
background-color: #A4A4A4;
box-shadow: 2px 2px 2px;
padding: 5px 5px 2px 10px;
border-radius:3px;
}

Modificación del articulo, cabecera y pie.

Modificación widgets y cabeceras de los mismos

/* Modificación widgets
————————————————————*/
.widget-title {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-color: #A4A4A4;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
}
.first.front-widgets {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
width: 47.916666667%;
}
.second.front-widgets {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
width: 47.916666667%;
}
.widget-area {
line-height: 1.2;
font-weight: normal;
background-color: #FFF;
box-shadow: 2px 2px 2px;
padding: 15px 5px 2px 5px;
border-radius:3px;
}

Modificación de la cabecera y el contenido de los widgets

Enlaces

/* Modificación enlaces
————————————————————*/
a {
outline: none;
color: #757575;
}
a:hover {
color: #6E6E6E;
}
.site-header h1 a,
.site-header h2 a {
color: #FFF;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #6E6E6E;
}

.main-navigation a {
color: #757575;
}
.main-navigation a:hover {
color: ##6E6E6E;
}
.widget-area .widget a {
color: #757575;
}
.widget-area .widget a:hover {
color: #6E6E6E;
}
footer[role=»contentinfo»] a {
color: #FFFFFF;
}
footer[role=»contentinfo»] a:hover {
color: #6E6E6E;
}
footer.entry-meta {
color: #FAFAFA;
box-shadow: 2px 2px 2px #6E6E6E;
}
footer.entry-meta a {
text-decoration: none;
color: #FAFAFA;
}
footer.entry-meta a:hover {
color: #6E6E6E;
}

Estos son los enlaces de la web, con ellos gestionas el color de gran parte del texto de la web tanto cuando están normal, como cuando has pasado el ratón por encima o ya has utilizado el enlace.

Comentarios

/* Comentarios
————————————————————– */
.comments-title {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-color: #A4A4A4;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-color: #FAFAFA;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
background-color: #FFF;
box-shadow: 2px 2px 2px ;
padding: 5px 5px 2px 10px;
border-radius:3px;
}

Personalización de comentarios

Aqui dejo los ficheros modificados: theviceCSS

Octubre, mes de lanzamientos

20130927-223046.jpg

Windows 8.1

17 de octubre es la fecha estimada en la que Windows 8.1 dejara de ser beta y pasara a ser versión definitiva, mucha gente está llamada a actualizar esperando grandes mejora, mejoras que no van a llegar, y es que la necesidad de sacar un producto que convenza en esta época post-Pc no sólo es difícil, sino que requiere una imaginación de la que Microsoft ya ha hecho gala más de una vez que está bastante falto.

¿Y cuales son esas novedades? Básicamente y sin mirar muy profundo romper con su intento de cambiar su imagen y estilo con la implementación del interfaz Metro que lo metieron si o si, para incluir la posibilidad de arrancar directamente al escritorio (como antes) y volver a poner (Atención redoble de tambor) el botón de inicio. Tengo que decir que llevo trabajando con Windows 8 en un parallels desde que salió y no he echado de menos el pulsar un botón llamado inicio para buscar el botón de apagado, aunque tengo que admitir que toda la parafernalia de metro no me aporta nada a mi trabajo diario.

El internet Explorer 11 cuando el 10 todavía me falla en el 90% en las webs de los bancos me da más miedo que alegría y las copias de seguridad en la nube aunque esta se llame Skydrive, pues no es ningún aliciente para nadie, no obstante cuando salga actualizaremos ya que es o será actualización gratuita e iré contando mis impresiones.

20130927-223556.jpg

Mac Osx 10.9 Maverick

El mes de octubre traerá y esta sí que es más una sospecha o una apuesta que una seguridad la nueva versión de OSX de Apple sobre lo que traerá teniendo en cuenta que ya hemos probado las betas (o versiones preview), no es para extenderse mucho, la aplicación iBooks que era exclusiva de iOs, la aplicación de mapas, y los cambios de estilo en las aplicaciones para ir eliminando el skeumorfismo e ir adaptandose a los nuevos estilos de vida y uso de programas.

Android 4.4 kit Kat

No sigo mucho el sistema operativo Android pero ahora que tenemos en casa un Nexus 7 habrá que revisarlo, y más teniendo en cuenta que dicen que se presentara mañana 28 de septiembre y que a poco que se retrase será también para el de Octubre.

.: Instalar Transmission en un NAS Iomega ix2 :.

13-initial-view-of-web-interface

Introducción

Compre el NAS muy barato (pero no tanto) en una oferta de FNAC con la ilusión de otros NAS que no eran de mi propiedad y cuyo cliente de Bittorrent integrado funcionaba como un cohete, no es el caso del que va en este aparato de Iomega que se colgaba, perdía los ficheros y en fin un desastre. Revisando por ínternet encontré un par de artículos de como hacerlo y en especial el que te pongo al final de este post como referencia.

Asumo

  • Que el lector tiene un conocimiento básico de la linea de comandos de linux
  • El lector es capaz de modificar/crear fichero usando Nano, Pico, Vi o cualquier editor que tenga instalado en el NAS.
  • El lector tiene buenos conocimientos informativos
  • Vuestro NAS tiene ip fija dentro de la red.
  • El lector esta en un sistema con acceso a consola (Unix, Linux, Mac) o en un windows con Putty o algún otro emulador de terminal.

Activar SSH

El acceso mediante SSH nos da acceso total a las «tripas» del NAS en formato de texto, los usuarios de linux están muy familiarizados con ella, los usuarios de mac algo menos y los usuarios de windows, pues les sonara a la ventana del dos, pero esto es como mas potente, permite hacer mas cosas, para activarlo vamos a hacer los siguientes pasos.

  • En tu navegador de internet por  http://la_ip_de_tu_nas (192.168.loquesea) en algunas redes también puede funcionar http://nombredelnas.local
  • Entra en la configuración del mismo y marca un usuario administrador (si no tenias uno todavía)
  • En tu navegador ves a  https://la_ip_de_tu_nas/diagnostics.html y activa el SSH (en la versión de algunos NAS antiguos en lugar de diagnostics.html usar support.html)

El login de acceso SSH difiere un poco de los datos usados en la administración por web.

usuario SSH  = root

contraseña SSH = “soho” + contraseña web

Por ejemplo si tu contraseña administrativa es «patata», la contraseña seria «sohopatata»,el comando de conexión seria algo asi como ssh root@la_ip_de_tu_mas

ipkg

Aunque en la web de Iomega se hinchan  hablando de su repositorio de programas, la verdad es que solo hay tres y no sirven para nada no obstante el grupo de desarrollo  NSLU2-Linux han creado el administrador de paquetes  ipkg. El programa ipkg esta instalado de serie en el ix2, puesto que tiene soporte nativo del mismo, pero hay que añadir el repositorio.

nano -w /etc/ipkg.conf

src cross http://ipkg.nslu2-linux.org/feeds/optware/cs08q1armel/cross/unstable
src native http://ipkg.nslu2-linux.org/feeds/optware/cs08q1armel/native/unstable

Y luego actualizamos el cache:

ipkg update

Instalando Transmission

Instalar transmission no es nada difícil simplemente teclea:

ipkg install transmission

Despues hay que crear un fichero  settings.json antes de arrancar el «demonio» de Transmission, aquí tenéis uno de muestra

{
 "alt-speed-down": 600,
 "alt-speed-enabled": true,
 "alt-speed-time-begin": 540,
 "alt-speed-time-day": 62,
 "alt-speed-time-enabled": true,
 "alt-speed-time-end": 1320,
 "alt-speed-up": 40,
 "bind-address-ipv4": "0.0.0.0",
 "bind-address-ipv6": "::",
 "blocklist-enabled": true,
 "blocklist-url": "http://list.iblocklist.com/?list=bt_templist",
 "cache-size-mb": 4,
 "dht-enabled": true,
 "download-dir": "/mnt/pools/A/A0/Torrents",
 "encryption": 1,
 "idle-seeding-limit": 30,
 "idle-seeding-limit-enabled": false,
 "incomplete-dir": "/mnt/pools/A/A0/Torrents/_downloading",
 "incomplete-dir-enabled": true,
 "lpd-enabled": false,
 "message-level": 2,
 "open-file-limit": 32,
 "peer-congestion-algorithm": "",
 "peer-limit-global": 160,
 "peer-limit-per-torrent": 40,
 "peer-port": 6881,
 "peer-port-random-high": 65535,
 "peer-port-random-low": 49152,
 "peer-port-random-on-start": false,
 "peer-socket-tos": "lowcost",
 "pex-enabled": true,
 "port-forwarding-enabled": true,
 "preallocation": 1,
 "prefetch-enabled": 1,
 "ratio-limit": 1.2,
 "ratio-limit-enabled": true,
 "rename-partial-files": true,
 "rpc-authentication-required": false,
 "rpc-bind-address": "0.0.0.0",
 "rpc-enabled": true,
 "rpc-password": "{db401bc8e204e30a6da8c9188acbbce34dd02df3OFkagnx2",
 "rpc-port": 9091,
 "rpc-url": "/transmission/",
 "rpc-username": "",
 "rpc-whitelist": "127.0.0.1",
 "rpc-whitelist-enabled": false,
 "script-torrent-done-enabled": false,
 "script-torrent-done-filename": "",
 "speed-limit-down": 1000,
 "speed-limit-down-enabled": true,
 "speed-limit-up": 70,
 "speed-limit-up-enabled": true,
 "start-added-torrents": true,
 "trash-original-torrent-files": false,
 "umask": 18,
 "upload-slots-per-torrent": 5,
 "utp-enabled": true
}

Es muy importante que abras en el router de tu conexión el puerto 6881, ademas antes de usar el ejemplo de arriba hay que hacer los siguientes pasos.

  • Crea la comparticion  Torrent share usando la administracion por web
  • Luego crea el directorio de descarga: mkdir /mnt/pools/A/A0/Torrents/_downloading
  • El directorio de configuracion mkdir /mnt/pools/A/A0/Torrents/_config
  • Y copia  settings.json en  /mnt/pools/A/A0/Torrents/_config

Auto-Arranque del programa

Ya tenemos instalado transmisión pero con este metodo , si el nas se apaga por falta de corriente aunque el NAS se reactive el programa no se reactivara hasta que lo arranquemos manualmente, modificar el fichero de arranque no es facil porque se encuentra en una partición de solo lectura así que vamos a seguir el proceso descrito por Chris Pont creando un script que nos permita modificar el fichero sohoProcs.xml que es donde se especifican los ficheros que hay que arrancar al inicio del sistema.

Primero creamos el fichero.

nano -w  /opt/editconfig.sh

#!/bin/sh
# edit the bootup config of the ix-2
# inspired by http://www.chrispont.co.uk/2010/10/allow-startup-daemons-on-storcenter-ix2-200-nas/
mknod -m0660 /dev/loop3 b 7 3
chown root.disk /dev/loop3
mkdir /tmp/apps
mount -o loop /boot/images/apps /tmp/apps
vi /tmp/apps/usr/local/cfg/sohoProcs.xml
sleep 1
umount /tmp/apps
rm /dev/loop3

Luego lo hacemos ejecutable

chmod +x /opt/editconfig.sh

Y luego lo ejecutamos para modificar el fichero ejecutando:

/opt/editconfig.sh

Veras que ha muchos grupos de . Hay que añadir un al Level=”1?>.

Hay que añadir:

<Program Name="init-opt.sh" Path="/opt/init-opt.sh">
  <SysOption Restart="-1"/>
</Program>

Para prevenir un numero indeterminado de instancias de init-opt.sh instances, usamos un comando sleep al final del fichero:

nano -w /opt/init-opt.sh

#!/bin/sh
rm /opt/init-opt.log
echo "Last bootup:" >> /opt/init-opt.log
date >> /opt/init-opt.log
# echo "Starting DNS and DHCP server (dnsmasq)" >> /opt/init-opt.log
# /opt/sbin/dnsmasq
echo "Wait one minute, so that the storage pool is mounted" >> /opt/init-opt.log
sleep 1m
echo "Starting transmission-daemon" >> /opt/init-opt.log
/opt/bin/transmission-daemon -g /mnt/pools/A/A0/Torrents/_config
echo "I will reboot after 180 days..." >> /opt/init-opt.log
sleep 180d
reboot

chmod +x /opt/init-opt.sh

Las lineas de dnsmasq están comentadas porque este script se utiliza para arrancar también este demonio pero ese es otro tutorial para otro día.

 Usando Transmission

Simplemente apunta tu navegador a la dirección http://la_ip_de_tu_nas:9091 y tendrás un administrador web donde añadir tus torrents para descargar alternativamente puedes utilizar una GUI compatible con linux, mac y windows desde esta pagina o si utilizas google chrome utilizando la extensión que a dicho fin hay en su repositorio.

La combinación de un dominio dinamico en no-ip.org por ejemplo con el transmission puede ser una gran opción, es importante en caso de que te decidas por esta opción que revises la configuracion de seguridad limitando el acceso y colocando contraseña.

Webs de referencia

Era Post-PC (III) – El hogar digital

Hogar conectado

 

Hace unos años un ordenador y un modem o una conexión adsl por cable era lo mas que se podía desear pero hoy es insuficiente, hace unos años mis amigos cuando se arreglaban el piso para casarse como cosa excepcional y teniendo en cuenta que somos unos frikis, se cablearon su casa con cable ethernet y pusieron rosetas de conexión en todas la habitaciones eso hoy en dia seria muy practico pero insuficiente.

Si analizamos los usos racionales que le damos a los aparatos habituales en casa tendremos tres necesidades:

  • Conexión
  • Almacenaje
  • Distribución de contenido y acceso

Veamoslos por partes.

Conexión

Una conexión de banda ancha es necesaria para poder consumir varias personas al mismo tiempo, una conexión 3g para compartir entre varios no es una buena opción, una ADSL de mas de 10 megas seria una buena opción, aunque el cable con ONO u operador similar e incluso una conexión Wifi como la que comercializa e-conectia aquí en Vila-real o Wifiber en la zona de Oropesa y Benicasim puede ser una buena opción, si tienes la opción de que te den una conexión monopuesto y poner tu propio router podras hacer muchas mas cosas de forma fácil posteriormente, habitualmente los operadores de telefonía instalan routers de una calidad bastante mala.

La wifi no llega en muchos casos a todas las esquinas de tu domicilio por lo que en ocasiones puede ser interesante la distribución mediante cable o dispositivos PLC, sobre todo si se intenta reproducir medios en HD y la wifi no da suficiente velocidad.

Almacenaje

Habitualmente el almacenaje en casa se ha reservado a un pc conectado a la red con una capacidad equivalente a su disco duro, ampliada con un numero mas o menos ilimitado de discos duros externos via USB, este es un concepto poco optimo, requiere que el ordenador este siempre en marcha con su consumo eléctrico elevado y el desgaste de tener el equipo siempre en marcha.

Hoy en dia lo optimo es tener un NAS conectado a la red y realizar la distribución de los medios desde el, actuando como un servidor, la mayoría de los NAS permiten adicionalmente la distribución de contenidos multimedia mediante DLNA y UPNP ademas de la compartición Samba, NFS y AFP.

Este NAS también puede ser utilizado para la distribución y captación de contenidos con Bittorrent.

Distribución y Acceso

Lo normal anteriormente era tener carpetas compartidas en un servidor, lo cual era bueno cuando accediamos desde otros ordenadores, pero hoy en dia cuando quiero ver un video quiero ver un video, mi teléfono puede tener o no un navegador de carpetas windows pero seguro que tiene una aplicación con conexion DLNA, en la cual veremos directamente lo que queremos ver.

Windows incorpora esta posibilidad de serie, pero basicamente necesitaremos que nuestro «servidor de contenidos» corra algun tipo de programa servidor de contenidos

Era Post-PC (II) – La convergencia digital

Convergencia Digital

El concepto de convergencia digital

básicamente el concepto de convergencia digital seria el acceso a la misma información desde distintos dispositivos

Tal como comentamos en el anterior articulo a finales de los años 90 y principio del 2000 teniamos ordenadores multimedia capaces de reproducir todo tipo de medios, ademas los portátiles ya comenzaban a ser asequibles.

En 1998 salio al mercado el Rio PMP300 uno de los primeros reproductores de mp3 portatiles a un precio asequible y tubo un gran éxito de ventas hasta la aparición en 2001 del iPod de Apple.

En los años 90 Ericsson domino el mercado de telefonía casi eliminando del mercado a Motorola, en 1999 salio al mercado el modelo T28 ultimo teléfono que domino el mercado y fue el objeto de deseo antes de que Nokia les comiera el terreno con unos móviles cuyas caracteristicas mas destacables eran las carcasas intercambiables y la posibilidad de usar politonos de forma automática, Nokia dominara el mercado sin que nadie le tosa hasta la llegada del iPhone que presagio la caída de Nokia y Symbian.

Paulatinamente todos los aparatos electrónicos van añadiendo complementos, los telefonos tienen cámara y hacen fotos y video, primero de una calidad penosa hasta llegar a la HD actual y el audio mp3, se hace casi omnipresente en DVD, teléfonos y en los reproductores de todo tipo, finalmente ya no solo sera el audio, el video también hace su aparición, primero en pequeños tamaños y finalmente en HD, abriendo infinitas posibilidades de negocio.

El invento final seria las conexiones wifi para poder estar interconectados entre todos los dispositivos.

El concepto es que ya no hay televisión, ya no hay teléfono, ya no hay ordenador, ya no hay mp3, simplemente hay «aparatos» en distintos formatos y tamaños adecuados para distintos tipos de consumo.

Con ello el concepto de 1 ordenador por casa en un cuarto, con un mueble y poca o ninguna conectividad, se ha transformado en un domicilio con un numero indeterminado de «aparatos multimedia» conectados mediante distintos sistemas que se mueven y relacionan entre ellos, vamos casi un ecosistema, básicamente esta seria una de las razones por lo que es llamada «era post-pc» porque la gente ya no compra ordenadores compra dispositivos de distintos tipos para distintos usos.

Era Post-PC (I) – Antecedentes de la convergencia digital

IBM Pc Original

Antecedentes de la convergencia digital

Desde qué en los años 80 llegaron a los consumidores los primeros PC compatible de fabricantes más baratos que IBM (en mi casó un Inves) y por extensión todos los que en aquella época aparecieron como los MSX, Spectrum, Amiga e incluso los Commodore y los Amstrad , la idea de la convergencia digital iba apareciendo poco a poco en la mente de los usuarios, no hay una secuencia lógica porque los elementos fueron apareciendo o evolucionando de forma gradual y al mismo tiempo, así que haré mi propia división desde mi punto de vista que puede no ser el tuyo, pero por algún punto hay que comenzar.

Tarjetas gráficas

Nvidia Riva TNT 32 Mi primer contacto con ordenadores fue en centros de cálculo donde inmensos ( y digo inmensos en su más amplia expresión) ordenadores que ocupaban habitaciones completas y que había que mantener continuamente refrigeradas, la resolución gráfica era inexistente y 80 caracteres por 25 líneas y el código ASCII eran suficiente para para hacer todo tipo de aplicaciones comerciales, programadas en Basic, Cobol o Pascal. En este entorno aparecieron juegos muy básicos como el Ping Pong , Centipede y otros que en distintas versiones siguen siendo tan adictivos como el primer día. En estos años los ordenadores fueron progresando del 8086, se pasó al 80286 y en 1989 durante el servicio militar toqué mi primer ordenador 386 con una gráfica VGA de 256 colores y con la que sería durante mucho tiempo la resolución standard de 640×480. Muchas marcas han nacido y desaparecido desde entonces y las resoluciones han subido a 800×600, 1024×768 y más cada día más hasta el punto que salvó para los jugadores más empedernidos tienen más que suficiente para cualquier uso sin restricciones.

Tarjetas de Sonido

Audigy_SE

Los primeros PC disponían de un altavoz muy simple que hacia beep en varias versiones y tonos con eso y poco mas se consiguieron hacer grandes maravillas no obstante habían dos perfiles de usuarios de pc, el usuario melómano que quería utilizar el ordenador como un moderno sintetizador musical y el jugador que veía que sus juegos mejoraban gráficamente pero que les fallaba el audio, para subsanar esto comenzaron a aparecer en el mercado las tarjetas de sonido, herederas de hermanos mayores mas profesionales, pero que permitían mediante hardware el sintetizado de sonido y la reproducción de instrumentos MIDI. Al principio fue un autentico caos porque cada tarjeta funcionaba de una forma distinta y hacia que hubiera un sin fin de configuraciones para que cada juego o programa funcionara con esta o aquella tarjeta de sonido, quizás la mas conocida de la época y que en su momento llego a ser un estándar de  facto fueron las tarjetas SoundBlaster de Creative que desde la básica de 8 bits, pasando por la de 16 bits, las AWE32 y AWE64 eran los objetos de deseo de la época hasta llegar a los modernos sistemas que incluyen 5+1 o 7+1 en chips del tamaño de una uña integrados en la placa base.

CD – DVD – Blu-Ray – Almacenamiento masivo

Lector de CD El concepto del CD, heredado en su momento por el casi extinto DVD y por el actual Blu-Ray Disc de almacenaje masivo de información en formatos ópticos y el aumento de capacidad de discos magnéticos hizo que el guardar en soporte informático nuestra información visual(fotografías y video) y auditiva (ficheros de audio) así como la manipulación en tiempo real de los mismos dejo de ser algo reservado a equipos costosos y comenzó a ser algo «asequible» al publico de a pie y cuanto mas se masificaba mas se reducían precios (el primer lector de cd me costo 300 euros por ese precio hoy en día tengo un equipo completo por ejemplo).

Internet

Si hay algo que marca en España el inicio de la era digital es el lanzamiento en 1995 por parte de telefónica de Infovia una red paralela que permitía el acceso con restricciones a internet, esta a su vez daría lugar a InfoviaPlus que posteriormente seria Teleline y finalmente Terra. Creo que no es necesario que explique nada sobre internet, simplemente estas leyendo este articulo.

Conclusiones

Los años 80 y 90 hasta los finales están llenos de anécdotas de «cosas» que aparecen de la nada y de historias, a finales de los años 90 saldrán los primeros Pentium III y si bien es verdad que mucho han cambiado las cosas desde entonces y que los ordenadores «son mucho mas en todo» también es verdad que los ordenadores han superado un nivel en el que las mejoras se notan poco en el día a día. Por poner un ejemplo con mi primer pc yo escribía y al rato salían las letras en pantalla, vamos que escribía a ciegas, ahora casi antes de que haya pulsado la tecla ya lo tengo en pantalla, pero como mis dedos no van mas deprisa no puedo escribir mas deprisa luego por mas rápido que vaya el ordenador no escribiré mas rápido salvo que aprenda o practique mucha mecanografía. Y para resumir a finales de los 90 y principios de la década del 2000 los ordenadores ya eran completos sistemas multimedia con capacidad para reproducir audio y video en tiempo real, con un sistema operativo que acababa de salir (el XP) que aun sobrevive en muchos sitios y que nos hacia plantearnos la posibilidad de tener un ordenador no en un cuarto sino en el comedor como sustituto del equipo de música y del reproductor de DVD. Y con esto ya estaba plantada la semilla, si podía estar en el comedor ¿Porque no en nuestro coche o en nuestra muñeca?

Topohispania 2.04 para Windows con elevaciones

Captura de pantalla 2012-05-04 a la(s) 01.43.30Hace unos meses publique una entrada en la que explicaba como poner de forma fácil los mapas creador por SinRenKor con el nombre de Topohispania 2.04 que descargue de la web de Foro oficial de la tienda del GPS y en concreto podéis acceder a la sección adecuada simplemente poniendo en vuestro navegador www.topohispania.com.

Desde entonces en facebook, twitter, correo electrónico y sobre todo cuando me ven por la calle no ha parado de haber gente que me comentaba los problemas derivados de la descarga, que si le faltaba tal fichero que no bajaba, que si la red donde se conectaba no tenia acceso a sitios de descarga, etc etc y que todavía no los han podido probar.

Como no he visto en ningún punto de la web la prohibición de ponerlos en descarga y al estar basados en mapas oficiales se pueden distribuir sin animo de lucro, he decidido ponerlos en descarga en la web para que sean mas fáciles de descargar, ni que decir de que se tratan de los rar originales que baje de la web, que no han sido alterados y que no contienen ningún tipo de virus ni de alteración sobre el original bajado.

Para dudas de como instalarlos en vuestro ordenador me podéis preguntar a mi, pero para cualquier consulta técnica es mejor que la dejéis en el foro cuyo enlace os ponía mas arriba porque hay muchos temas que ya están solucionados allí.

  TOPOHISPANIA DEM Garmin 2.04 Parte 01 (200,0 MiB, 6.338 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 02 (200,0 MiB, 4.477 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 03 (200,0 MiB, 4.028 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 04 (200,0 MiB, 4.186 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 05 (200,0 MiB, 4.087 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 06 (200,0 MiB, 3.791 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 07 (200,0 MiB, 4.107 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 08 (200,0 MiB, 3.671 hits)


  TOPOHISPANIA DEM Garmin 2.04 Parte 09 (146,6 MiB, 3.875 hits)

La diferencia entre la versión con DEM o sin DEM, es que va integrado en el mapa la malla o mapa de altitudes, en el ordenador yo prefiero la versión con DEM en el GPS simplemente pon la versión con DEM si tu GPS la admite o la sin DEM si tu gps no lo admite, si no estas seguro pon la versión con DEM y si tu gps no lo soporta simplemente ignorara dicha información.

Wikiloc, la solución a la necesidad de compartir

wikiloc-logo-bigCuando comienzas a caminar siempre hay alguien que te dice que para caminar no es necesario mucho equipamiento, calzado en condiciones, una mochila de las que tus hijos o hermanos donde llevar una botella con agua y un pequeño bocadillo para almorzar a media mañana, luego el calzado se transforma en unas botas de marca, la mochila ya tiene nombre propio, al igual que los pantalones, el cortavientos y las gafas protectoras que juntó a las cremas solares te protegerán de las inclemencias climatológicas.

El equipamiento no es sólo porque tengas ganas de gastar el dinero que tanto te cuesta ganar con el trabajo de día a día, sino porque te vas juntando con gente a la que los 2 kilómetros de ir de Vila-real a la ermita de la Virgen de Gracia ya no le motivan ni como paseó y que han hecho a pie algo más que subir de la Bañadera al pico de Peñagolosa y que te cuentan sobre excursiones que ellos ya han realizado y por las que tu solo puedes suspirar y soñar mientras míras a esos veteranos esperando aprender todo lo que ellos saben y un poquito más, hasta que llega el día que tomas la gran decisión y te compras tu primer GPS, primero simplemente lo enchufas y vas grabando las rutas que haces con tus amigos, e incluso las que realiza tu centro excursionista y las vas guardando como si de un tesoro se tratará hasta qué llega el día en que te atreves a coger una ruta de una web y con más voluntad que conocimientos irte a hacer esa ruta.

De las primeras rutas que harás aprenderás más de los errores que cometerás que de los aciertos de los que no te percatarás, yo aún recuerdo la vez que siguiendo el GPS términamos una ruta en Sueras en lugar de Ayodar y del cachondeo posterior, y no seas talibán de lo tan duramente aprendido, compártelo y escucha sugerencias y así iras mejorando, en este punto ya comenzarás a tener tus rutas y alguna original o poco conocida por tus amistades y comenzarás a compartir tus rutas.

Primero será alguna ruta en un email o quizás alguien que te apabullara con un pen lleno de tracks, después mucha gente da el paso a un blog donde no sólo cuelgan su track sino que ponen fotos y cuenta su experiencia aunque todo esto pueda parecer excesivo para según que público y requerir unos conocimientos informáticos un poco mas avanzados, simplemente nosotros vamos a utilizar una herramienta cuya popularidad sube como la espuma y que ha ganado varios premios internacionales, ni más ni menos que la web de wikiloc.

collage_publicar_rutas

Si lo único que subimos es el track de la ruta pues bien habremos compartido la ruta pero no estaremos transmitiendo lo que es la ruta, es decir sí decir por poner un símil si el domingo comimos en un bar podemos decirlo de distintas formas la primera es decir que comimos en el bar sabemos que comimos en el bar, pero no en cuál, si decimos que comimos en el Bar Julian de la Barona, sabemos donde pero no que comimos, si decimos que comimos carne a la brasa, ya sabemos donde y qué pero nos falta nuestro toqué personal nuestra opinión sobre sí nos gusto o no.Si a esto le añadimos una foto de la presentación del plato, otra del local y luego comentamos el precio es fácil que quien lea tu reseña visite ese bar, pues nosotros vamos a hacer eso con nuestras rutas, las vamos a dotar de contenido, las vamos a hacer más 3D por decirlo de alguna forma, para ello necesitaremos:

  • GPS para guardar track y waypoint
  • Cámara de fotos
  • Dispositivo para tomar notas ( puede ser desde un bloc y un boli a una grabadora para tomar notas de voz pasando a cualquier sistema lo importante es que cuando se te ocurra una idea tengas donde plasmarla)

Es curioso que todo esto se pueda hacer con un móvil de los que habitalmente llevamos todos, pero también requiere software, conocimientos y en muchas ocasiones baterías adicionales, por lo que nos vamos a decantar por una configuración estandard es decir GPS + cámara + libreta y nos vamos a hacer la ruta.

Mientras tus acompañantes estiran y tu pones el GPS a coger línea es importante tomar notas de como has llegado al principio de la ruta, de donde se ha aparcado, de sí hay problemas para llegar en coches normales etc etc de todas esas preguntas que nos hacemos la primera vez que vemos un track una vez que comprobamos que el GPs esta funcionando marcamos un primer waypoint para marcar el inicio de ruta y comenzamos el camino tomamos también una foto y seguimos camino hasta que haya un punto reseñable sea un cruce sea un mirador y en ese punto marcamos otro waypoint tomamos las notas sobre ese punto y si procede una foto, este punto lo iremos repitiendo hasta el final de la ruta, al final de la misma damas de cansancio, sudor y satisfacción tendrás un track en el GPs varios waypoints y un montón de fotos y notas que nos llevaremos a casa para realizar la segunda parte.

IMATGE_HOME_WIKILOC

Como ya nos manejamos más o menos con nuestro programa sea Oziexplorer, Compegps, Garmin Basecamp o el que sea editaremos el track y limpiaremos los errores, las paradas a almorzar o comer y en general aquello que sea del día de la excursión y que no aporté nada a la descripción de la ruta una vez hecho todo esto y añadiendo los waypoints exportaremos un fichero que será el que subiremos a la web de wikiloc.

Al subir el fichero lo dejaremos todo lo mas genérico posible y aceptaremos los iconos que nos propone por defecto de cada waypoint lo guardamos y ya estará publicado, hasta aquí poco más que siempre, como decíamos antes ya hemos dicho el bar y el menú ahora vamos a hacerlo apetecible.

Dentro de la información de los waypoints te dara la posibilidad de elegir un icono descriptivo de lo que representa el punto, tambien tenemos uno  para edificaciones, puentes, embalses, picos de montaña etc etc, elige el que mas creas que se adecua a la descripcion del waypoint y posteriormente tambien podras añadir a ese punto hasta cinco fotografias o videos descriptivos.

Llegados a este punto ya tenemos subidos a la web un track, con waypoints descriptivos de la ruta y falta rellenar la descripcion de la ruta, no hay mucho espacio, asi que hay que aprovecharla, en lugar de un texto largo hay que buscar entre nuestras notas aquella información que consideremos que tiene que ser basica para quien vaya utilizar la ruta, si va a haber agua en el recorrido, el estado de las fuentes, los puntos buenos para comer o almorzar, el mejor sitio para aparcar el coche,  cual es la epoca ideal para visitarla y como no finalmente en la descripcion general de la ruta tenemos la posibilidad una vez mas de subir hasta cinco fotos o videos descriptivos de la misma.

Finalmente y tal como vayamos acumulando rutas, veremos que no solo hemos creado un medio de compartir nuestras rutas, hemos creado una agenda totalmente detallada de nuestras actividades colgadas en la web y que podemos utilizar como almacen para cuando necesitemos o queramos revisar una ruta dentro de algun tiempo.

Espero que este texto te sirva de ayuda para compartir tus rutas en wikiloc y si te ha quedado alguna duda contactes conmigo y intentare aclarartelo.

Copia integra en castellano del articulo publicado en la revista nº50 del Centro Excursionista de Vila-real

 

Modificar y renombrar imagenes en un directorio remoto desde la linea de comandos

Muchos trucos hay para hacer trabajos en lotes, pero cuando lo tienes que hacer en un servidor remoto (por ejemplo donde tienes hospedada la web) no puedes utilizar Automator, ni Better Finder renamer, ni ninguna de esas aplicaciones bonitas que tenemos en nuestro ordenador, solo disponemos de una consola y nuestros conocimientos de la linea de comandos, vamos a plantear un supuesto, tenemos en un directorio un numero indeterminado de imágenes con espacios en los nombres y deseamos renombrarlos de forma serializada en un primer lugar, posteriormente los vamos a dejar todos en un tamaño igual (800×600 por ejemplo) y posteriormente los vamos a copiar a un directorio de miniaturas (thumbs) donde procederemos a generar las minaturas.

1.- Quitar los espacios en blanco de los nombres

Para ello vamos a crear un fichero de texto al que vamos a llamar quitaespacios.sh

nano -w quitaespacios.sh

Si no dispones de nano, puedes utilizar pico, vim o cualquier otro programa de edición en modo de consola, tambien me sirve que lo escribas en tu ordenador y lo subas via ftp, pero como el tema va de comandos de consola, vamos a suponer que utilizas nano y dentro de el vas a pegar el siguiente código.

#!/bin/sh
find . -name ‘* *’ | sort | while read FILE
do
NEWFILE=`echo ${FILE} | sed ‘s/ /_/g;’`
mv «${FILE}» ${NEWFILE}
echo ${NEWFILE}
done

Después le damos permisos y desde el directorio que lo queramos ejecutar, lo ejecutamos o lo que seria

chmod 755 quitaespacios.sh
chmod +x quitaespacios.sh
./quitaespacios.sh

Y simplemente relajare y disfruta mientras lee secuencialmente todos los nombres de los ficheros en el directorio y sustituye los espacios en blanco por _ solucionando el problema con muchos servidores webs que no soportan que los nombres de ficheros lleven espacios en blanco.

Esta idea esta sacada de esta web

2.- Renombrar los ficheros secuencialmente.

Esto os va a dejar actualizados porque se hace con solo una linea de comandos

ls *.jpg | awk ‘BEGIN{a=0}{printf»mv %s -T cambialo_%04d.jpg\n», $0, a++}’ | bash

Donde cambialo es el nombre de la serie y jpg es la extension del fichero que quieres renombrar es decir si la serie quieres que sea fotos_de_mallorca pon eso donde pone cambiado y si lo que renombras son ficheros png doc o lo que sea donde pone jpg pon esa extensión.

3.- Redimensionar las imágenes

Si tienes un directorio lleno de imágenes, te las puedes bajar todas y procesarlas en un proceso batch en Photoshop y luego subirlas todas, es un proceso engorroso y con las ADSL de aquí resubir un directorio con 100, 300 o 1000 fotos puede ser un autentico coñazo y mas si tenemos en cuenta que se puede hacer en linea, con una sola linea de comando que seria algo así.

mogrify -monitor -resize 800×600 *.jpg

lo cual basicamente lo que hace es coger todos los jpg del directorio en cuestión y modificarlos a tamaños de 800×600 o equivalentes manteniendo la proporción, mogrify es un comando de ImageMagick y suele estar instalado en todos los servidores web el -monitor lo que hace es que la transformación vaya mostrando progreso en la pantalla de forma que se vea que esta haciendo algo.

4.- Crear las miniaturas de dichas imágenes

Lo que vamos a hacer es muy simple vamos a crear un directorio (miniaturas) le vamos a dar permisos para que sea visto en el servidor web y luego vamos a crear las miniaturas.

make miniaturas
chmod 755 miniaturas
cp *.jpg miniaturas/
cd miniaturas
mogrify -monitor -resize 160×120 *.jpg
mv *.jpg -T miniaturas_*.jpg

Basicamente creamos directorio, le damos permisos, hacemos una copia del contenido del directorio en el directorio de miniaturas, nos metemos en el directorio de miniaturas, cambiamos el tamaño y renombramos el fichero para que sepamos que es una miniatura… y proceso terminado.

Este proceso es muy util con pequeñas modificaciones para subir grandes cantidades de imágenes a las galerías de fotos de las webs, si te ha gustado o si tienes alguna duda sobre el mismo simplemente deja un comentario.

Muestra el autor en blogs de un solo autor con Twenty Twelve

En los blogs como este basados en la plantilla twenty twelve como este no se imprime la información sobre el autor del post, simplemente se asume que el propietario y el autor es el mismo y por lo tanto esta deshabilitado por defecto.

Para saltarte esta limitación, tienes tres opciones :

  1. La mas simple registra otro usuario y publica al menos un post, esta es la solución mas simple y la mas fácil de implementar.
  2. Copia content.php a un tema hijo y borra  &amp;&amp; is_multi_author() sobre la linea 47, con esto no realiza la comprobación.
  3. Añade add_filter( 'is_multi_author', '__return_true' ); en la pagina functions.php de tu tema hijo de twenty twelve, esto hace que siempre que realice la comprobación sobre el multiautor devuelva la respuesta si.

Yo he optado por la tercera opción, puesto que toda la personalización de la web la estoy realizando sobre este tema de WordPress y esto requiere la implementación de los temas hijos de WordPress asi que …..

Vamos a ello

Estos son los pasos que he seguido para que esto funcione:

  1. Crea una nueva carpeta para el tema hijo: wp-content/themes/twentytwelve-child (yo la mia la he llamado theviceCSS.
  2. Crea una hoja de estilos en esa misma carpeta: wp-content/themes/twentytwelve-child/style.css
  3. Sigue las instrucciones en the WordPress Codex para rellenar la hoja de estilos . Esta es la mia:

    /*
    Theme Name:     Twenty Twelve
    ChildTheme URI:      http://the-vice.com
    Description:    A Twenty Twelve child theme
    Author:         Michael Park
    Author URI:     http://the-vice.com
    Template:       twentytwelve
    Version:        0.1.0
    */
    @import url(«../twentytwelve/style.css»);

  4. copy wp-content/themes/twentytwelve/functions.php to wp-content/themes/twentytwelve-child/functions.php
  5. delete content (apart from first comment block) and add filter to enable:


    add_filter( ‘is_multi_author’, ‘__return_true’ );

  6. Guardar wp-content/themes/twentytwelve-child/functions.php
  7. Activar el tema hijo: Escritorio » Panel Administración » Apariencia » Temas

Este post es una traducción literal con comentarios de este otro