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:

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

Memcached en PHP

tutorial memcached php mysql gratis

Hoy voy a escribiros un artículo introductorio a la Memcached usando PHP. Intentaré explicarlo para usuarios nobeles que quieran aprender las bases de Memcached, pero bueno... empecemos por el principio.

¿Qué es la Memcached?

Memcached es un sistema distribuido de propósito general para caché basado en memoria. En palabras más sencillas lo que esto viene a decir es que es un sistema de almacenamiento de datos en memoria. Se usa principalmente para evitar hacer consultas a la base de datos cuando tenemos muchos accesos a nuestra web de forma concurrente. Seguir leyendo sobre Memcached en PHP

Crear tu propia web con Drupal-Wordpress

tutorial instalacion wordpress

Hoy vamos a proponer un tutorial para crear una página web desde cero para novatos. Voy a usar palabras "no técnicas" para que sea comprensible por gente no entendida.

Para crear nuestra web lo primero es empezar con un hosting para alojarla. Un hosting, es una empresa que te da espacio de su disco para meter la web, además te la "publica" en internet. Nosotros tenemos nuestra web alojada en dreamhost, es un hosting bastante fiable y bastante economico.

Hay que contratar un hosting que tenga php + mysql y si puede ser con alguna dirección de correo electrónico.

Una vez hayamos contratado el espacio web ahora necesitamos un dominio (por ejemplo https://www.relaxate.com) que será el que la gente introduzca en su navegador para que nos encuentren. Consejos sobre los dominios: Seguir leyendo sobre Crear tu propia web con Drupal-Wordpress

Web de descarga de imágenes y fotos gratis

imagenes gratis creative commons

Todo blogger que se precie necesita ilustrar sus posts con imágenes, a veces se encuentra con el problema de que no tiene una imagen de su propiedad para poder ponerla en su artículo. Google puede ayudarle en algunas ocasiones a buscar imágenes, pero serán de uso libre? El blogger puede arriesgarse y usar una imagen que no es de su propiedad. Nosotros recomendamos usar imágenes Creative CommonsSeguir leyendo sobre Web de descarga de imágenes y fotos gratis

Javascript: Tutorial para eliminar tildes (acentos), ñ y caracteres raros

tutorial gratis programacion javascript

Todo programador que se precie ha tenido alguna vez en su vida que enfrentarse con el problema de las tildes (acentos), eñes y caracteres extraños en cadenas. Hoy vamos a explicar como limpiar una cadena de texto usando javascript. Nuestro ejemplo sustituirá las ñ, vocales acentuadas por su equivalente sin acentuar y por la n. Además los espacios y algunos símbolos los sustituirá por nada. Con esta función podréis modificarla fácilmente para adaptarla a vuestras necesiades. Seguir leyendo sobre Javascript: Tutorial para eliminar tildes (acentos), ñ y caracteres raros

Drupal, Wordpress y webs: fotos esféricas 360 panorámicas

drupal fotos esfericas

Hace tiempo descubrí que con mi nexus 4 tenía la posibilidad de realizar fotos esféricas (además de panorámicas) de forma muy sencilla. Los nexus (nexus 4, nexus 5 y tablets nexus) además de algunos otros móviles son capaces de hacer fotos esféricas. Estas fotos son bastante vistosas debido a que son muy inmersivas. Seguir leyendo sobre Drupal, Wordpress y webs: fotos esféricas 360 panorámicas

Tutorial Drupal: crear noticias relacionadas en artículo

Tutorial Drupal gratis

Hoy en día es bastante típico tener una página web, nosotros recomendamos usar como CMS Drupal ya que es el que usamos para mantener nuestras páginas web y funciona muy bien. Drupal es muy potente, pero a veces es un poco complicado o al menos a mi me lo ha parecido.

Una de las cosas con las que me he encontrado es con la necesidad de para un artículo de mi web hecha en Drupal sacar artículos que tengan contenido similar. En Drupal esto es posible pero hay que "montarlo". En este tutorial explicaré cómo sacar noticias relacionadas usando las etiquetas (tags) de Drupal. De esta forma enriqueceremos el contenido que le damos al usuario y conseguiremos que nuestros usuarios permanezcan más tiempo en nuestra página web.

¿Cómo crear módulo noticias relacionadas en Drupal?

Antes de empezar comentaros que necesitamos tener activado el Módulo "Views". Seguir leyendo sobre Tutorial Drupal: crear noticias relacionadas en artículo

Páginas