viernes, 18 de febrero de 2011

Bq Avant, cambio de la página de inicio por defecto del navegador

Bueno, estoy lanzado con el Bq Avant, así que voy a hacer un tutorial para que podamos cambiar los enlaces de la página principal por defecto. Para ello debemos hacer leído y debemos entender los dos primeros posts sobre Bq Avant. Podéis buscar "bq avant" en el cuadro de búsqueda del blog para leerlos. Además debemos tener acceso por Telnet al dispositivo y el servidor tftp instalado en el ordenador.

Partimos de que el navegador del Bq Avant se ve así. Al final podéis ver el resultado.


Recuperar los ficheros de la aplicación del ereader

Lo primero que vamos a hacer es descargar al ordenador los ficheros del Bq Avant que necesitamos para configurar la aplicación y el navegador. Nos será mucho más fácil trabajar en el ordenador de casa que en el Bq Avant ya que es un dispositivo limitado en potencia, como es normal.

Recomiendo tener el dispositivo conectado al USB o la Luz y quitar el salvapantallas ya que usamos wifi.

Una vez conectados a la red wifi y dentro del Bq Avant usando telnet, vamos a crear un archivo llamado qisda.tgz (empaquetado tar y comprimido gzip) que contendrá los ficheros de /usr/local/qisda. Lo crearemos en /mnt/mmc0p2 para no remontar el sistema (/) de solo lectura. Eso lo haremos después.

[root@Samsung /]# cd /mnt/mmc0p2
[root@Samsung mmc0p2]# du -hs /usr/local/qisda
123.8M  /usr/local/qisda
[root@Samsung mmc0p2]# time tar -czf qisda.tgz /usr/local/qisda
tar: removing leading '/' from member names

real    38m40.109s
user    27m15.778s
sys     0m24.820s

Como vemos tarda bastante (38 minuticos de na, podéis iros a tomar un cafecito jeje) ya que empaquetará y comprimirá 123 MB aprox. y es un dispositivo que no es un PC de sobremesa precisamente, es normal. Creará el fichero en la partición de almacenamiento. El comando time delante de tar nos indica el tiempo que tarda en crearse el fichero qisda.tgz. Las opciones -c es para crear un fichero, -z para comprimirlo con gzip y -f para decirle que cree un fichero seguido del nombre del fichero qisda.tgz y de la lista de ficheros y directorios a incluir en el archivo, en este caso es el directorio /usr/local/qisda

Una vez empaquetado y comprimido lo copiamos al servidor tftp por wifi.

# time tftp -p -l qisda.tgz -r qisda.tgz 192.168.3.100:69

real    5m4.469s
user    0m3.545s
sys     0m44.789s

En copiar tarda mucho menos como vemos, solo 5 minutos.

Modificación de la página inicial del navegador

Una vez con el fichero en nuestro ordenador lo descomprimimos y desempaquetamos con tar. Creo un directorio en mi home para trabajar ahí.

$ mkdir /home/fjbejarano/qisdamodificado
$ cd /home/fjbejarano/qisdamodificado
$ cp /var/lib/tftpboot/qisda.tgz /home/fjbejarano/qisdamodificado/
$ tar -xzf qisda.tgz


Esto nos creará la estructura de directorios del Bq Avant dentro de /home/fjbejarano/qisdamodificado es decir, ahora veremos que se crean los directorios /usr/local/qisda dentro de este directorio. Vamos dentro

$ cd usr/local/qisda
$ pwd
/home/fjbejarano/qisdamodificado/usr/local/qisda
$ ls
alsa-lib  bin  etc  fonts  langs  lib  res  tslib

Vemos que están los binarios, fuentes, lenguajes... En el directorio etc suele estar la configuración en el mundo UNIX/Linux.

$ cd /etc
$ ls
BBC.jpg  fb2.css          GoogleNews.jpg  index.html            QBookApp.default.ini~           Wiki.jpg      wpa-psk-hidden.conf
CNN.jpg  GoogleBooks.jpg  images          QBookApp.default.ini  Russian_EnUS_hyphen_(Alan).pdb  wpa-psk.conf  Yahoo.jpg

Vemos cosas interesantes como el fichero de configuración por defecto de la aplicación QBookApp.default.ini y lo que nos ocupa, las imágenes que salen en el navegador (dentro del directorio etc/images/) y el fichero index.html que carga cuando inicia. Nosotros vamos a modificar el fichero html para agregar un enlace a Yo,Adminsis con una imagen. Esto podéis hacerlo usando el explorador de Ms Windows (si estáis en ese sistema) y un editor de texto, el kde o el gnome u otro entorno gráfico pero yo seguiré con la línea de comandos.

Yo tengo una imagen llamada bqyoadminsis_135anchox28alto.jpg que es el logo de mi web. Con TheGimp la he modificado para pasarla a escala de grises y luego he cambiado los niveles para que se vea lo más negra posible y que se lea perfectamente en el e-reader. La escalo al tamaño del nombre del fichero y listo. Este tuto de TheGimp no lo voy a poner (investigad que tenéis el programa gratuito y libre jeje), el caso es que tengáis una imagen que queráis poner que se vea clara y de un tamaño aceptable. La imagen la he copiado a etc/images/ y le he dado permiso de ejecución.

$ chmod +x images/bqyoadminsis_135anchox28alto.png 
$ ls -lah images/
total 76K
drwxr-xr-x 2 casa casa 4,0K 2011-02-18 12:53 .
drwxr-xr-x 3 casa casa 4,0K 2011-02-18 12:53 ..
-rwxr-xr-x 1 casa casa 2,0K 2010-06-23 05:32 biblioteca.gif
-rwxr-xr-x 1 casa casa 4,5K 2010-06-23 05:32 booq.gif
-rwxr-xr-x 1 casa casa 3,5K 2011-02-18 12:53 bqyoadminsis_135anchox28alto.png
-rwxr-xr-x 1 casa casa 3,7K 2010-06-23 05:32 calibre.gif
-rwxr-xr-x 1 casa casa 2,3K 2010-06-23 05:32 google_books.gif
-rwxr-xr-x 1 casa casa 1,4K 2010-06-23 05:32 google.gif
-rwxr-xr-x 1 casa casa 1,3K 2010-06-23 05:32 gutemberg.gif
-rwxr-xr-x 1 casa casa 2,2K 2010-06-23 05:32 luarna.gif
-rwxr-xr-x 1 casa casa  23K 2010-06-23 05:32 Thumbs.db
-rwxr-xr-x 1 casa casa 6,9K 2010-06-23 05:32 wikipedia.gif

Lo único que nos queda es modificar el archivo index.html para incluir el enlace a nuestra web y la imagen relacionada. Lo edito con vim.

$ vim index.html
...
<!---------------------------------------Header ----------------------->
                <tr>
                        <td colspan="2"><p style="margin:0px; padding:20px 0px 20px 0px; font-family:DroidSans, Arial, Helvetica, sans-serif; color:#000000; font-size:15px;">Touch the image to visit the website:</p></td>
                </tr>
                <!-- Añado mi nueva fila a la tabla de inicio -->
                <tr>
                        <!-------------- MI ENLACE A Yo,Adminsis ------------------->
                        <td align="left" valign="top" width="100%" height="55" >
                        <div  style="margin:0px 10px 10px 0px; padding:10px; border:1px solid #3F3F3F; text-align:center; height:155px;">
                           <p style="margin:0px; padding:0px 0px 40px 0px; font-family:DroidSans, Arial, Helvetica, sans-serif; color:#707070; font-size:12px; text-align:left;">Mis Propios Enlaces:</p>
                            <a href="http://yoadminsis.blogspot.com/" style="display:block; padding:10px 0px;" title="yoadminsis.blogspot.com"><img src="images/bqyoadminsis_135anchox28alto.png" width="135px" height="28px" alt="Yo, Adminsis" style="border:none;"/></a>
                       </div>
                    </td>
                </tr>
                <!-- Fin de mi fila con mi enlace -->

Como vemos en el código html he añadido una nueva fila con solo una columna a la tabla después de la cabecera (header), es decir, lo que hay entre "-- Añado mi nueva fila a la tabla de inicio --" y "-- Fin de mi fila con mi enlace --" y en ese sitio preciso para que salga al principio de la página. Como veis tiene los datos de mi imagen y el enlace a mi web. Los puntos suspensivos indican que hay más código html al principio y al final del trozo que he puesto. Guardamos y ya tenemos listo el cambio.

Poner los ficheros modificados en el Bq Avant

Por último, vamos a copiar los 2 ficheros que hemos modificado y los copiamos a su lugar correspondiente en /.

Copiamos los ficheros desde el directorio /home al del servidor tftpd-hpa y le cambiamos el propietario al usuario tftp
$ cp index.html /var/lib/tftpboot/
$ cp images/bqyoadminsis_135anchox28alto.png /var/lib/tftpboot/
$ sudo chown tftp:tftp bqyoadminsis_135anchox28alto.png index.html

Una vez echo esto vamos al Bq Avant por telnet y copiamos ambos ficheros a su lugar correspondiente usando el cliente tftp. Previamente remontamos el sistema para que sea de lectura escritura. La opción -g (get) indica descargar desde el servidor.

[root@Samsung ~]# mount -o remount,rw /
# tftp -g -r index.html -l /usr/local/qisda/etc/index.html 192.168.3.100:69
# tftp -g -r bqyoadminsis_135anchox28alto.png -l /usr/local/qisda/etc/images/bqyoadminsis_135anchox28alto.png 192.168.3.100:69

Por último cambiamos los permisos y propietario de la imagen a los adecuados.

# chmod 777 images/bqyoadminsis_135anchox28alto.png 
# chown root:adm images/bqyoadminsis_135anchox28alto.png

Vamos al navegador de internet del Bq Avant y


Éxito!! Ahora tenemos un enlace con imagen en nuestro navegador por defecto. Si le damos click. Tenemos nuestra web, como queríamos.
Related Posts with Thumbnails