tutoriales

Tutoriales tecnología, retro y ordenadores

Zona de tutoriales para inexpertos hechos por expertos. Tenemos distintos niveles de tutoriales adaptados a distintos conocimientos, si prefieres ir a un determinado nivel puedes hacerlo desde aquí. How to para realizar todo tipo de proyectos con documentación para realizarlos. Los niveles de tutoriales que tenemos son

Si prefieres revisar todos nuestros tutoriales, manuales y documentación, estos son nuestros tutoriales y manuales de todos los niveles listos para tu disfrute:

Montar tu propia nube con una Raspberry Pi

tutorial montar nube raspberry pi

Los archivos en la nube son lo mejor que se ha inventado en los últimos años para tener copias de seguridad de nuestros archivos. Hay webs y aplicaciones como Dropbox, Amazon, etc que nos lo hacen de forma gratuita (con límites de espacio). Ahora ha llegado una opción aún mejor que consiste en tener nuestra propia nube en casa, para así disponer de nuestros archivos en cualquier sitio y sin límites de espacio salvo los inherentes a la memoria que hayamos comprado.

En este tutorial montaremos una nube en casa usando una Raspberry Pi y el software gratuito ownCloud. Lo ideal es montar nuestra nube con una memoria usb potente para no tener problemas de espacio. Además recomiendo no conectar un disco duro para evitar consumo eléctrico, ruidos y espacio físico. Seguir leyendo sobre Montar tu propia nube con una Raspberry Pi

Problema Moto G al ampliar memoria con tarjeta SD

ampliar memoria moto g

Como comentamos en el artículo Ampliar memoria de android con tarjeta SD desde android 6 se puede usar una tarjeta de memoria SD como memoria interna en los Android.

Éste método es muy útil para poder tener mas de 8GB en nuestro terminal. Muchas aplicaciones se instalarán directamente en la tarjeta SD y las fotografías se grabarán en la tarjeta. El método es sencillo y está muy bien salvo por un matiz: Seguir leyendo sobre Problema Moto G al ampliar memoria con tarjeta SD

Whatsapp: Termina con mis datos!!!

Whatsapp android

Desde hace poco, algunas compañías han cambiado sus condiciones de facturación. Ahora tenemos una cantidad de megas (o gigas) de descarga y cuando los superamos comienzan a cobrarnos. Antes simplemente nos bajaban la velocidad. Por ello debemos ser cuidadosos con lo que descargamos. 

Whatsapp descarga todo en Android!

Whatsapp en alguna de las últimas actualizaciones de Android ha cambiado la forma en que se descarga las imágenes. Aunque tuviésemos configurada la app whatsapp para que se descargue sólo las imágenes y vídeos sólo con wifi, esta opción se queda desmarcada y automáticamente nos las decargará estemos con wifi o con 3G-4G. Además ahora los audios se descargan para según ellos dicen: "Mejorar la experiencia de usuario".  Seguir leyendo sobre Whatsapp: Termina con mis datos!!!

Ampliar memoria de Android con tarjeta SD como memoria interna

Foto de https://www.flickr.com/photos/chicuco/

Cuando nos compramos un teléfono móvil Android con 8 GB de memoria (o menos) puede parecernos más que suficiente ya que para llenar eso creemos que tardaremos años. Pronto nos damos cuenta de que los 8GB se nos quedan cortos principalmente porque... ¡No son 8GB! Realmente gran parte están ocupados por el Sistema Operativo y las aplicaciones que no se pueden borrar. Con lo cual con suerte dispondremos de la mitad de espacio para nuestras fotos y aplicaciones.

Antes de seguir, si tienes un Moto G te recomendamos leas este artículo sobre el problema de montar tarjeta sd como memoria interna en el Moto G Seguir leyendo sobre Ampliar memoria de Android con tarjeta SD como memoria interna

Drupal: Cachear la web con archivos estáticos

tutorial drupal cache boost plugin

Drupal permite de forma nativa cachear los bloques de cada módulo con su "caché de bloque". Esto mejora significativamente el rendimiento ya que evita muchas consultas a base de datos para calcular los datos de los bloques. A veces esto no es suficiente y queremos cachear aún más las páginas. Esto suele ser necesario si la mayoría de nuestros visitantes son anónimos y no hacen login en la página. Para cachear aún más hay que usar una caché en archivo llamada Boost. Esta caché es especialmente útil si tenemos un hosting compartido.

Instalar y configurar módulo Boost de Drupal

Antes de instalar el módulo tenemos que preparar nuestra web para que sea compatible con Boost. Para ello nos aseguramos que tenemos las urls limpias activadas: Configuración->Búsqueda y metadatos->Urls limpias->Activar urls limpias debería estár marcado. Seguir leyendo sobre Drupal: Cachear la web con archivos estáticos

Drupal: Programar una publicación a futuro

tutorial drupal publicar

Todo blogger o creador de contenido que se precie, en algún momento se da cuenta de que necesita tener artículos preparados listos para publicarse a una hora determinada. A veces es inviable conectarse para publicarlos en el momento indicado, inviable o muy pesado. Por ello en Drupal se creó el módulo Scheduler que nos permite crear un contenido y prepararlo para publicarlo en una fecha futura. Seguir leyendo sobre Drupal: Programar una publicación a futuro

Cambiar pantalla rota de Nexus 4 (LG) Paso 3

tutorial cambiar pantalla rota moto g

Hoy seguimos con el paso 3 del sencillo tutorial para cambiar una pantalla rota del teléfono móvil Nexus 4 de Google. Si has llegado a esta sección del tutorial desde Google quizá quieras comenzar el tutorial por el paso 1: Cambiar la pantalla rota de nexus 4. En caso contrario sigue leyendo.

Si no sabes donde comprar la pantalla del nexus 4 os recomentamos que lo hagáis en esta tienda

Ahora es muy importante que nos fijemos cómo están colocados determinados componentes para luego colocarlos en la misma posición y lugar: gomas y botones

Goma gris de los sensores:

Botones de volumen y encendido

Seguir leyendo sobre Cambiar pantalla rota de Nexus 4 (LG) Paso 3

Cambiar pantalla rota de Nexus 4 (LG) Paso 2

tutorial cambiar pantalla rota nexus 4

Hoy seguimos con el paso 2 de nuestro tutorial de nivel medio para cambiar una pantalla rota del teléfono móvil Nexus 4 de Google. Si has llegado aquí desde el buscador Google quizá quieras comenzar el tutorial por el paso 1: Cambiar la pantalla rota de nexus 4. En caso contrario sigue leyendo

Si no sabes donde comprar la pantalla del nexus 4 os recomentamos que lo hagáis en esta tienda

Paso 2 de cambiar la pantalla del Nexus 4

Ahora lo primero es quitar los 2 tornillos que sujetan la bateria y desenchufar la faja. De esta forma nos aseguramos que no hay corriente en el movil mientras lo tocamos. Así evitaremos cortocircuitos.

Seguir leyendo sobre Cambiar pantalla rota de Nexus 4 (LG) Paso 2

Cambiar pantalla rota de Nexus 4 (LG) Paso 1

tutorial cambiar pantalla rota nexus 4

Hoy vamos a explicar como cambiar una pantalla rota de un LG Nexus 4. En mi caso la pantalla no se me rompió por un golpe sino que de repente dejó de funcionar la parte táctil de un lado de la pantalla. Externamente estaba perfecta pero no reconocía cuando la tocaba. Así que me he decidido a cambiar la pantalla.

Si no sabes donde comprar la pantalla del nexus 4 os recomentamos que lo hagáis en esta tienda

Lo primero que necesitamos es una pantalla (obvio, no?). Fijaos en que venga con el chasis gris que sujeta la pantalla y que será donde se atornille todo.

Cambiar la pantalla rota del Nexus 4

Nosotros pedimos la pantalla en esta tienda y nos llegó perfecta. Nos aseguramos de que fuera original Seguir leyendo sobre Cambiar pantalla rota de Nexus 4 (LG) Paso 1

Tutorial: Parsear datos de otra web, cachearlos y mostrarlos

tutorial php cachear

A veces necesitamos cargar un contenido público de una web (por ejemplo un json con datos) para mostrarlos en nuestra web. Esto nos plantea un problema, si por cada petición que recibimos realizamos una petición al otro servidor podems saturarle de forma innecesaria. Además puede que la carga de nuestra página tarde más de lo debido ya que hay que esperar a que el otro servidor nos responda con los datos. 

En estos casos lo normal es pensar cada cuanto tiempo es necesario hacer la llamada y cachear en nuestro disco los datos para cargarlos de ahí la mayoría de las veces y sólo llamar al servidor externo cuando la caché caduque.

Lo primero que necesitamos es una función que nos diga si la caché está expirada, sería algo así: Seguir leyendo sobre Tutorial: Parsear datos de otra web, cachearlos y mostrarlos

Configurar un plugin en CKEditor con javascript

tutorial ckeditor drupal plugin

En el artículo Cómo crear un plugin de CKEditor os explicábamos cómo crear un plugin de CKEditor desde cero. Surgió la posibilidad de configurarlo pero lo dejamos para más adelante. Ahora es el momento de mostraros cómo se puede configurar el plugin para que saque unos iconos u otros dependiendo de los datos que se le pasen.

Primer paso: Modificar el plugin.js

Debemos modificar el plugin.js para que sólo muestre los iconos que se le pasen. Hay que añadir un if que marco con ****** y una funcion nueva Seguir leyendo sobre Configurar un plugin en CKEditor con javascript

Crear un plugin en CKEditor con javascript

tutorial ckeditor drupal plugin

CKEditor es un editor WYSIWYG muy potente para integrar en nuestros campos <textarea> de los formularios de nuestra web. Gracias a él podremos meter negritas, cursivas, headings, etc.

El editor CKEditor tiene una posibilidad muy potente que consiste en crear plugins (y descargarlos) para mejorarlo. En nuestro caso voy a explicar como crear un plugin que genere tags html con etiqueta "class". Es decir, crearemos un botón en el editor que al seleccionar un texto y al pulsar el botón nos ponga genere algo como esto: <span class="estilo1">Texto seleccionado</span>. Además, si seleccionamos el texto y volvemos a pinchar el botón nos pintará el texto sin la etiqueta, es decir, se quedará: "Texto seleccionado"

Pasos previos para el plugin de CKEDITOR

Necesitamos descargar el editor WYSIWYG CKEditor: Descargar CKEditor Seguir leyendo sobre Crear un plugin en CKEditor con javascript

Tutorial de polilineas en Google maps: PHP y PEAR

Hoy vamos a hablar de cómo hacer un mapa de google maps con polilíneas. Para ello usaremos PHP con PEAR para leer las coordenadas de disco y pintar el html. 

Datos con coordenadas a pintar en el mapa

Tenemos que crear un archivo en disco con las coordenadas, una por linea y separada la latitud de la longitur por el caracter pipe "|"

Por ejemplo:

40.400193|-3.750519|Inicio
40.399977|-3.752066|Segundo
40.400306|-3.754684|Tercero
40.398139|-3.756714|Cuarto
40.393151|-3.759873|Quinto
40.382781|-3.763986|Sexto

Template para pintar el mapa

Es necesario una template para inyectar las coordenadas de forma dinámica y que el navegador pinte las líneas del polígono Seguir leyendo sobre Tutorial de polilineas en Google maps: PHP y PEAR

¿Por qué AA en los móviles es inútil?

tutorial movil

Hace algún tiempo, en la publicidad de las marquesinas, aparecieron anuncios en los que nos decían que en los contactos de teléfonos móviles había que poner un contacto llamado "AA NOMBRE" (avisar a). Al empezar con AA, dicho contacto aparecería el primero de la lista de nuestro móvil. De esta forma si nos ocurría algún accidente los sanitarios/policía podrían avisar a nuestro familiar de forma muy sencilla.

La idea es (era) muy buena, así que muchísima gente la puso en práctica y es cierto que la mayoría de la gente que conozco tiene un contacto que empieza por "AA", incluso yo mismo lo tengo (o tenía)...

¿Por qué es inútil en la mayoría de los casos?

Pues porque la mayoría de las personas tienen un PIN o un patrón que bloquea el móvil, con lo cual no es posible acceder a los contactos... Vaya putad... ¿no? Una idea que fue muy buena en la época en que no se ponía PIN en el móvil ha quedado desfasada. ¿O no? Seguir leyendo sobre ¿Por qué AA en los móviles es inútil?

Tutorial: Plantillas con PEAR y PHP

Lo primero decir, que cuando se comienza a programar en PHP es común mezclar el código PHP con el HTML, intercalándo con prints. Esta práctica puede parecer fácil en un primer momento, pero la verdad es que es poco recomendable porque luego es muy difícil de mantener. Pero... que podemos hacer para evitar mezclar código php y html?

Uso de plantillas en PHP con PEAR

Las plantillas son la solución a nuestros problemas, hay muchos motores de plantillas (Smarty, PEAR y algunos otros). Smarty no me termina de convencer porque a pesar de separar el HTML del PHP sí que incluye bucles y condiciones en las plantillas, lo cual dificulta ser leidas por un maquetador, además, al final eso permite mezclar programación en la plantilla y eso no me parece del todo correcto. En este tutorial explicaremos los fundamentos de PEAR para el manejo de plantillas. Seguir leyendo sobre Tutorial: Plantillas con PEAR y PHP

Páginas

Información de interés sobre tecnología