jueves, 21 de diciembre de 2017

Los mejores plugins de cache para optimizar WordPress



Existen muchos plugins de cache para WordPress, pero evidentemente unos son mejores que otros, unos son más efectivos y tienen muchas más funcionalidades que otros.

Una página web rápida trae más tráfico, reduce los porcentajes de rebote y se posiciona mejor en buscadores.

Hoy vamos a hablar de 3 que probe y me parecieron los mejores.


1.- WP Super Cache 
2.- W3 Total Cache 
3.- WP Fastest Cache 



1.- WP Super Cache.- Plugin de cache de los más usados, muy completo y con diferentes niveles.

El plugin es increíblemente fácil de instalar y configurar.

Una vez activado tan solo has de ir a Ajustes/WP Super Cache para que comience a funcionar.



En la pestaña Advanced hay una gran variedad de opciones a configurar como la compresión, páginas a no cachear, usuarios conocidos… Como el propio plugin indica, recomiendo activar las que están marcadas como (recommended).

Además WP Super Cache permite utilizar un CDN y te permite cargar diferentes plugins dentro de él para agilizar la velocidad de carga de la web.


2.- W3 Total Cache.- Mejora el rendimiento del servidor, reduce el tiempo de descarga, ofrece la integración de un CDN y mucho más. En general optimiza mucho la velocidad y el rendimiento de una página web. Es un gran plugin para tu sitio web, sin embargo al ser tan completo es un poco complejo para el usuario medio debido a su gran número de opciones configurables.

Entre sus características figuran:

  • Compatibilidad con CDNs para gestionar los archivos multimedia, themes y los propios ficheros de WP.
  • Compatibilidad con versiones móviles y responsive.
  • Cacheo de páginas de resultado de búsqueda (Query string).
  • Cacheo de ficheros CSS y JS.
  • Cacheo de post, categorías, tags



3.- WP Fastest Cache.- WP Fastest Cache es otro plugin de cache muy sencillo de configurar para el nuevo usuario de WordPress ya que tan solo tiene una página de opciones y son muy intuitivas. Sin embargo no tiene opciones tan complejas y que optimizan mejor la web como los anteriores.

Las ventajas de WP Fastest Cache para WordPress son las siguientes:


  • Su configuración es muy simple y fácil de entender.
  • Incluye un sistema simple para minificar y combinar archivos HTML, JS y CSS.
  • Incluye un sistema simple para implementar parcialmente un servicio de CDN.

En cuanto a las desventajas de WP Fastest Cache:


  • En su versión gratuita faltan muchas funcionalidades y otras muchas funcionalidades están limitadas.  

Cada plugin funciona de forma diferente dependiendo de un gran número de factores como el hosting, su configuración correcta y el contenido de nuestra web.

Yo recomiendo WP Super Cache por su gran rendimiento, no es el mas completo pero sí el que mejor funciona; W3 Total Cache también es una gran opción pero requiere más conocimientos previos y no es tan fácil de configurar para el usuario de nivel medio.

viernes, 15 de diciembre de 2017

Cómo crear wordpress multisitio

¿Qué es un wordpress multisitios?

Es una funcionalidad de wordpress que te permite crear una red a partir de una única instalación de wordpress, donde podrás crear varios sitios, utilizando un mismo usuario y contraseña y sin tener que pasar de nuevo con la creación de una base de datos y los demás pasos, que en realidad no es difícil, pero claro la red es con un mismo dominio.

Ventajas de tener una red multisitios

1.- Puedes administrar varios sitios desde un mismo panel.
2.- Cada sitio puede tener sus propios administradores, solo el asignado
3.- La instalación de los plugins y temas son desde el panel principal y sirve para todos los sitios.
4.- También hace que sea más fácil para manejar las actualizaciones. Sólo tienes que actualizar wordpress, plugins, o temas en una sola instalación.

Desventajas del uso de una red para varios sitios

1.- Todos los sitios de la red comparten recursos, así que si cae un sitio, caen todos o si hackean un sitio, te los han hackeado todos,

2.- Hay plugins que no funcionan bien en instalaciones multisitio.

3.- Los sitios de una red sólo pueden estar bajo un directorio de tu dominio principal.

4.- La gestión del uso de los recursos del servidor en caso de tráfico inesperado puede llegar a ser difícil.

Requisitos para tener una red multisitios

1.- Algo importante que debes tener en cuenta para poner en marcha una red de múltiples sitios de wordpress es tener un buen hosting que soporte toda esa red.

2.- Un muy buen alojamiento web, vas a necesitar tener un conocimiento básico de la instalación de wordpress y manejo básico de archivos a través de FTP.

Instalar y configurar wordpress multisitios

1.- Lo que necesitas es instalar y configurar wordpress normalmente y/o si ya lo tienes instalado desactiva todos los plugins (desactivar no desinstalar).

2.- Acceder a tu sitio usando un cliente FTP o el administrador de archivos cPanel y tener archivo wp-config.php para editarlo.

3.- Es necesario que añadas esta línea a tu archivo wp-config.php justo antes de la línea /* ¡Eso es todo, deja de editar! Feliz blogging */ y eso es todo.

/* Multisitio */

define ( 'WP_ALLOW_MULTISITE', true);

4.- Ahora debes guardar y cargar el archivo wp-config.php de nuevo en el servidor.

5.- Una vez guardados los cambios vuelve al escritorio de wordpress y verás una nueva opción en "Herramientas -> Configuración de la red", donde le pondrás nombre y un correo electrónico de administración y haces clic en "Instalar".



6.- En la pantalla de configuración de la red, verás un aviso de que necesita el módulo mod_rewrite de Apache instalado en el servidor de configuración de red de multisitios.

7.- El siguiente paso es decirle a wordpress qué tipo de estructura de dominio que va a utilizar para los sitios en la red, por ejemplo, subdominios o subdirectorios.

8.- Ahí mismo, veremos una serie de códigos que debemos añadir manualmente a los archivos wp-config.php y .htaccess para terminar la activación de la red multisitio en wordpress:


wp-config.php:

define('MULTISITE', true);
define('SUBDOMAIN_INSTALL', false);
define('DOMAIN_CURRENT_SITE', 'accesoperu.com');
define('PATH_CURRENT_SITE', '/');
define('SITE_ID_CURRENT_SITE', 1);
define('BLOG_ID_CURRENT_SITE', 1);

.htaccess:

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]

9.- Ahora ya se puede acceder al escritorio de la nueva red de sitios wordpress, donde se encontrara el nuevo escritorio de Administrador de la Red y sus páginas de ajustes, desde donde se creará los nuevos sitios, usuarios o instalación de plugins y temas para que estén disponibles para los sitios de la red.




martes, 14 de noviembre de 2017

Columnas con la misma altura en Bootstrap

Les debe haber pasado que tienen 2 columnas de bootstrap y que necesitan que ambas tengan la misma altura.

Para eso deben usar la propiedad de CSS display con el valor flex, de la siguiente forma:
display: flex;

Se debe aplicar esto al row de bootstrap.

Un ejemplo sería:

<div class="row" style="display: flex;">

<div class="col-xs-8" style="border-style: solid; border-width: 0px 0px 2px 2px; padding:10px;"><b>Recomendaciones: Bla,bla,bla...</b></div>
<div class="col-xs-4" style="border-style: solid; border-width: 0px 2px 2px 2px; padding:10px;">Gráfico de altura variable.<br><br><br><br><br><br><br><br></div>

</div>


chaveztoro

ACCESOPERU.COM




lunes, 13 de noviembre de 2017

¿Cómo hacer una galería de fotos en wordpress?

Una de las cosas necesarias y usadas en una web es la galería de imágenes, ya sea para mostrar un servicio o producto, en el caso de wordpress tenemos la facilidad de los plugins, es por ello que ahora les voy a mostrar uno que utilice y me fue muy útil.

Se trata de Photo Gallery, es un plugin de galería de wordpress totalmente receptivo con funcionalidad avanzada.Crea una galería de fotos GRATUITA 100% sensible en minutos. Fácil de personalizar y permite agregar un número ilimitado de imágenes.

1. Empecemos a usarla


a.- Lo primero es ir a Plugin-instalar plugin


b.- Luego vamos a buscarlo, tan fácil como poner en la caja de búsqueda Photo Gallery, lo instalamos y activamos

c.- Una vez activado en la caja izquierda buscamos Photo Gallery ->Añadir Galería / Imágenes


d.- Una vez ahí podremos ir a añadir nuevo, nos saldrá una pantalla, donde podremos crear una nueva galería


2. Comenzamos la configuración de nuestra galería


  • Nombre, le ponemos el nombre de nuestra galería, esto lo elegiremos dependiendo de lo que estemos trabajando
  • Slug, puede ser el mismo nombre de nuestra galería
  • Tipo de contenido de la galería, en este caso le ponemos standar
  • Descripción (Esto lo llenamos solo si deseamos tener una descripción de la galería)
  • Autor (esto ya esta por defecto)
  • Publicado
  • Previsualización de imagen:
  • Añadir imágenes
  • Import from Media Library
  • Incrustar multimedia
  • Social Bulk Embed (Esto no esta habilitado para la versión gratuita)

Este es el primer paso para poder ir creando nuestra galería y ahora vamos a Opciones.

3. Opciones Globales General




Aquí encontraremos las siguiente opciones, no todas son habilitadas para la versión gratuita, pero las conoceremos y especificaremos cuales no están habilitadas:

  • Directorio de las imágenes (Introduce un directorio existente dentro del directorio de Wordpress para almacenar las imágenes subidas. El contenido del directorio antiguo se trasladará a la nueva localización)
  • Dimensiones de la imagen (El tamaño máximo de la imagen subida (0 para el tamaño original).)
  • Image quality (Establecer la calidad de las imágenes de la galería. Proporcione un valor de 0 a 100%.)
  • Protección de click derecho
  • Mostrar cuadro de búsqueda
  • Mostrar el menú desplegable "Ordenar por"
  • Mostrar cuadro de la etiqueta
  • Precargar imágenes
  • Enable html editor
  • Habilitar atributo href
  • Auto rellenado con datos meta
  • Mostrar/ocultar los tipos de posts personalizados
  • Mostrar/ocultar comentarios para tipos de posts personalizados
  • Incluya estilos / scripts solo en las páginas necesarias
  • Habilite el botón de descarga masiva (Esto no esta habilitado para la versión gratuita)
  • Visita de introducción (Realice este recorrido para aprender rápidamente sobre el uso de este complemento)

Opciones Globales de miniatura


  • Dimensiones de las miniaturas generadas
  • Mostrar descripción en la vista vertical Masonry (Esta opción está deshabilitada en la versión gratuita.)
  • Icono de reproducir sobre la miniatura del vídeo

Lightbox


  • Mostrar botones Siguiente/Anterior
  • Habilitar correo electrónico para comentarios (Esta opción está deshabilitada en la versión gratuita)
  • Habilitar Captcha para comentarios (Esta opción está deshabilitada en la versión gratuita)
  • Habilitar botón de visualización de la imagen original
  • Habilitar botón de descarga
  • Mostrar contador de imágenes
  • Habilitar bucle
  • Habilitar Agregar esto (Esta opción está deshabilitada en la versión gratuita)

Presentación de diapositivas


  • Mostrar botones Siguiente/Anterior

Social options (Esta opción está deshabilitada en la versión gratuita)


  • Intervalo de actualizaciones automáticas de la galería
  • Instagram Access Token

Marca de agua


  • Tipo de marca de agua

4. Valores predeterminados de shortcode  (Solo se aplica a los códigos cortos nuevos)


Opciones de miniatura


  • Número de columnas de imágenes
  • Imágenes por página
  • Dimensiones de la miniatura Frontend
  • Mostrar título de la imagen
  • Habilitar paginación en las imagen
  • Mostrar nombre de la galería
  • Mostrar la descripción de la galería
  • Al hacer clic sobre la imagen la acción será

Lightbox


  • Ancho total del lightbox
  • Dimensiones del lightbox
  • Efecto del lightbox (Solo disponible fundido; tiene 14 efectos que no están disponibles en la versión gratuita)
  • Duración del efecto
  • Reproducción automática del lightbox
  • Intervalo de tiempo
  • Habilitar tira de imágenes
  • Mostrar contador de visitas (No disponible en la versión gratuita)
  • Habilitar botones de control
  • Activar pantalla completa
  • Habilitar info
  • Mostrar información de forma predeterminada
  • Anchura completa de la información
  • Habilitar calificación (No disponible en la versión gratuita)
  • Habilitar comentarios (No disponible en la versión gratuita)
  • Habilitar moderación de comentarios (No disponible en la versión gratuita)
  • Habilitar botón de facebook (No disponible en la versión gratuita)
  • Habilitar botón de twitter (No disponible en la versión gratuita)
  • Habilitar botón de Google+ (No disponible en la versión gratuita)
  • Habilitar botón de Pinterest (No disponible en la versión gratuita)
  • Habilitar botón de Tumblr (No disponible en la versión gratuita)

Presentación de diapositivas


  • Efecto de la presentación (Solo disponible fundido; tiene 14 efectos que no están disponibles en la versión gratuita)
  • Duración del efecto
  • Intervalo de tiempo
  • Dimensión de la presentación
  • Activar función aleatoria
  • Habilitar tiras de imágenes en la presentación (No disponible en la versión gratuita)
  • Habilitar título de la imagen
  • Habilitar descripción de la imagen
  • Habilitar música en la presentación de imágenes

Opciones de álbum


  • Mostrar el nombre del albúm / galería
  • Números de columnas del albúm
  • Álbumes por páginas
  • Habilitar paginación
  • Tipo de vista del albúm (No disponible en la versión gratuita)
  • Mostrar título
  • Habilitar descripción de álbum extendida
  • Dimensiones de la miniatura del álbum
  • Altura del álbum extendido

Opciones de imagen


  • Habilitar título de la imagen para la vista Image Browser
  • Habilitar descripción de la imagen para una vista Image Browser
  • Ancho de la imagen en la vista tipo navegador 

Todas estas opciones no están disponibles en la versión gratuita


  • Habilitar título de la imagen para la vista Image Browser
  • Habilitar descripción de la imagen para una vista Image Browser
  • Ancho de la imagen en la vista tipo navegador
  • The Blog Style view is disabled in free version

Carrusel


  • Intervalo de tiempo
  • Número máximo de imágenes
  • Relación de imagen del Carrusel
  • Dimensiones de la imagen
  • Habilitar título de la imagen
  • Activar reproducción automática
  • Ajuste del contenedor
  • Botones Siguiente/Previo

Publicidad


  • Tipo de anuncio

Una vez que elijamos todas las opciones, bueno las que están disponibles podremos grabar, copiar el Shortcode y copiarla en la página donde la queremos mostrarla.





Bueno, este plugin es muy útil, pero tiene demasiadas opciones deshabilitadas.

Ahora aquí te dejamos para que puedas bajar este plugin, clic aquí

domingo, 12 de noviembre de 2017

¿Como conseguir una animación en 3D para wordpress?

Existen muchos plugins para wordpress, pero a veces queremos conseguir efectos especiales y no todos los plugins lo tienen, en esta ocasión vamos a hablar de Dbox Lite 3D.

Con este plugin puedes crear e insertar un control deslizante 3D con transiciones suaves y controles potentes en muy poco tiempo. Puedes adjuntar fácilmente imágenes de la biblioteca multimedia de WordPress al control deslizante e incrustarlas en cualquier lugar del sitio usando cualquiera de los siguientes métodos:
  • Accesos Directos
  • Widgets
  • Etiquetas de la plantilla
Aprendamos a usar de Dbox Lite

1. Primer paso

a.- Para instalarlo lo primero que vamos hacer es ir a plugin


b.- Una vez ahí podemos buscar el plugin e instalarlo


Una vez instalado empezamos nuestro trabajo

2. Segundo paso

a.- En la izquierda buscamos Dbox Lite Slider y seleccionamos slider

b.- Aparecerá una pantalla donde podremos adicionar todas las imágenes que necesitamos.


c.- Una vez que subamos las imágenes, más abajo podemos acomodarlas en el orden que queremos que se muestren y grabamos.


3. Tercer paso ahora vamos a settings (ajustes)

a.- Tenemos varias configuraciones que hacer, el primero es el básico


En el básico elegiremos:


  • Dirección de la rotación
  • La velocidad
  • Podemos desactivar la animación automática
  • Tiempo de transición
  • La cantidad máxima de publicaciones en el control deslizante DboxLite
  • La cantidad de rompimiento de la diapositivas.
  • El tamaño de nuestro slider ancho y alto

Configuración de slides


Preferencias de selección de imagen (la primera tiene prioridad sobre la segunda, la segunda tiene prioridad sobre la tercera y así sucesivamente)

  • Tamaño del extracto de la imagen de Wordpress
  • Habilitar recorte de imagen (usando timthumb)
  • Hacer control deslizante de la imagen
  • Habilitar el texto del título de la imagen al pasar el mouse
  • Imagen predeterminada

Ahí mismo también vemos título de la diapositiva / publicación

Aquí se personaliza la apariencia del título de cada una de las publicaciones deslizantes:

  • Font
  • Google Web Font
  • Font Color
  • Font Size
  • Font Style

Contenido del Slide - Personaliza el aspecto del contenido de cada uno de los posts deslizantes

  • Mostrar contenido / descripción debajo del título
  • Font
  • Google Web Font
  • Font Color
  • Font Size
  • Font Style
  • Pick content From
  • Maximum content size (in words)
  • Maximum content size (in characters)
  • Content Background Color
  • Content Background Opacity

Botones de navegación

  • Button Width
  • Background Color
  • Background Color on Hover

Navigations Dots

  • Background Color
  • Fill Color of Current Dot
  • Size

Navigation Play/Pause

  • Background Color
  • Background Color on Hover
  • Size

Vista previa en el Panel de configuración

  • Disable Preview Section
  • Type of Dbox Lite Slider
  • Preview Slider Params

Shortcode

Pegue el código corto a continuación en el panel de edición de página / publicación para obtener el control deslizante como se muestra en la vista previa anterior

Template Tag

Pegue la etiqueta de la plantilla a continuación en su archivo de plantilla de tema como index.php o page.php en la ubicación requerida para obtener el control deslizante como se muestra en la Vista previa de arriba.

CSS

CSS generado a través de estas configuraciones

Primero guarde los Cambios para la configuración y luego vea estos datos. Puede usar este CSS en sus hojas de estilo 'personalizadas' si usa un valor diferente al 'predeterminado' para la carpeta de la hoja de estilo.

Las limitaciones de este plugin son:

Una de las limitaciones de este plugin, es que no solo tiene 2 tipos de animación horizontal y vertical, y esta en inglés, por lo demás es muy fácil de usar.
Aquí te dejamos el enlace para bajar el plugin, clic aquí

miércoles, 8 de noviembre de 2017

Crear un tema de Wordpress. Clase 1

Hoy vamos a revisar cómo crear un tema (theme o plantilla) de Wordpress, desde cero.
Cosas que debes saber antes de iniciar: HTML, CSS y PHP.


En este primer post, te voy a mostrar cómo son los dos archivos básico:
style.css e index.php.

Con ellos tu tema ya existirá y podrás activarlo. Pero sólo verás el esqueleto de tu tema.

En las dos siguientes clases, veremos los archivos adicionales y más código necesario (PHP, HTML, CSS, Javascript) para que tu tema se vea como quieres.

Para crear los archivos puedes usar Notepad ++  o tu editor favorito y para subir los archivos vía FTP puedes usar Filezilla. Estos dos programas son GLP es decir, son software libre y de código abierto.

Antes de comenzar, te pido que crees en tu wordpress, tres entradas, con su título, imagen destacada y texto.

Comenzamos:

1.- Primero tienes que crear el archivo: style.css
Dentro incluyes los siguiente:

/* 
Theme Name: chaveztoro
Theme URI: http://chaveztorotec.blogspot.pe/
Description: Tema para aprender a hacer un Theme de Wordpress
Author: Carlos Chávez Toro
Author URI: http://chaveztorotec.blogspot.pe/
Version: 0.1
.
Puedes usarla libremente.
.
*/

Por supuesto, debes cambiar mis datos por los tuyos. Y al final indicar si es de uso libre o no.

2.- Crea el archivo: index.php 

Dentro incluye lo siguiente (si sabes PHP, entenderás casi todo. Lo que no entiendas lo veremos en la siguiente clase):

<?php
get_header();

if (have_posts()) :
while (have_posts()) :
the_post();
?>

<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

<?php
  if ( has_post_thumbnail() ) {the_post_thumbnail();}
the_excerpt();
   endwhile;
endif;

get_sidebar();
get_footer();
?>

3.- Crea tu carpeta dentro de wp-content/themes/

En mi caso, el tema se llama chaveztoro.
Y la ruta sería: wp-content/themes/chaveztoro/

Esto lo puedes hacer vía FTP o vía cpanel


4.- Copia  style.css e  index.php 

En mi caso dentro de la carpeta: wp-content/themes/chaveztoro/

Esto lo puedes hacer vía FTP o vía cpanel


5.- Entra al administrador de tu Wordpress 
y selecciona tu tema.
En Apariencia / Temas.
Debe aparecer por su nombre, aunque sin gráfico.


6.- Pruebalo vía tu navegador:
Debería ver algo cómo esto:




Bueno, eso es todo por hoy.
Nos vemos en la siguiente clase.


chaveztoro

martes, 17 de octubre de 2017

Editor HTML Y PHP para Android - Octubre 2017

Hace unas semanas escribí un post sobre programar en una tablet, pues ahora encontré algo que te gustará si eres programador habitual.

Ya existe Sublime Text para android. Yeee!
Apareció hace unos días (17 de setiembre de 2017).
Lo probé y funcionó bien.

Tiene el mismo aspecto que la versión de Pc.
Y aún con resaltado de sintaxis, corre bastante bien.

Único inconveniente la versión gratuita tiene avisos.
Pero la versión sin avisos cuesta menos de 6 soles.

Para descargarlo, click aquí.

chaveztoro
ACCESOPERU.COM

lunes, 9 de octubre de 2017

Crear un archivo con PHP

Pues es muy sencillo y les dejo el código.
En este caso grabará en un archivo llamado logs.txt, la fecha actual (incluida la hora, menos 5 horas para tener la hora de Lima, Perú)
y el IP del visitante.

<?
############################################
### GRABAR (y crear si no existe) EN UN TXT
############################################
$nombre_fichero = "logs.txt";
$fecha_actual = date("Y-m-d H:i:s",strtotime("-5 hour"));
$ip = $_SERVER['REMOTE_ADDR'];
if (!file_exists($nombre_fichero)) {
    echo "El fichero $nombre_fichero no existe";
$file = fopen("$nombre_fichero", "w+");
fclose($file);
}
$fp = fopen("$nombre_fichero","a");
fwrite($fp, PHP_EOL . "$fecha_actual-$ip");
fclose($fp);
############################################
?>



chaveztoro

ACCESOPERU.COM

domingo, 8 de octubre de 2017

Conectando con MySQL desde otro servidor


Para poder acceder a MySQL desde otro servidor, hay que crear en el servidor destino (lo llamaremos SERVIDOR A) un usuario que en la opción Nombre del servidor (o en inglés Host) tenga %, como se ve en la imágen. Además, en Privilegios dar check en GRANT.



Luego prueba tu conexión desde el servidor remoto (lo llamaremos SERVIDOR B), para eso crea un PHP.
Donde $hostname es el dominio del SERVIDOR A, dónde está el MySQL al que te quieres conectar, por ejemplo:

<?php
$hostname = "accesoperu.com";
$usuario_mysql = "tusuario";
$contraseña_mysql = "supass";

###CONTECTANDO CON MYSQL
$enlace =  mysql_connect($hostname, $usuario_mysql, $contraseña_mysql);
if (!$enlace) {
    die('No pudo conectarse: ' . mysql_error());
}
 echo "Conectado satisfactoriamente a MYSQL.<br>";
<?


chaveztoro
ACCESOPERU.COM

Obtener con PHP la fecha del siguiente lunes

Estaba haciendo un sistemita para crear el Play Off  de un torneo de tenis. Y necesitábamos establecer como fecha inical de los partidos, el próximo lunes.

¿Cómo saber la fecha del siguiente lunes? Pues era un código bastante corto.
Que usa la función time() y date()

$nroDia = date( 'N' );$proximo_lunes = time() + ( (7-($nroDia-1)) * 24 * 60 * 60 );
$proximo_lunes_fecha = date('Y-m-d', $proximo_lunes);

En la variable $proximo_lunes_fecha esta el dato en el formato año/mes/día.

chaveztoro
ACCESPERU.COM

miércoles, 4 de octubre de 2017

Tres formas de saltar la cola virtual

Encontré 3 formas distintas en que los usuarios han saltado anteriormente la cola de espera del sistema "queue-it" que fue el que uso Teleticket para manejar la cola de espera.

La primera, se muestra en este video. Consiste en instalar un extensión al navegador Chrome llamada Adblock Plus. Luego se agrega a Adblock el dominio del servicio que uso Teleticket para manejar la cola de espera (queue-it) y listo, se puede ingresar directamente al sitio web a comprar.





La segunda, se puede puede leer en un artículo de este sitio web, titulado:
Bypass Queue-it.com’s Online Queuing Service o:
Evitar el servicio de cola en línea de Queue-it.com
Básicamente, explica que basta con deshabilitar el javascript de tu navegador para saltar la cola.
Click aquí, para leer el artículo.

Ah, en este manual Google explica cómo deshabilitar el javascript en su navegador Chrome.


La tercera, se muestra en este video. Consiste en copiar el link al que es enviado el usuario cuando ingresa al sitio web y poner sólo una parte de la ruta.
Aunque, me parece que este no era el tipo de link en este caso.
Y pareciera que "queue-it" cambió la estructura del link para evitar esta forma de saltarse la cola.
Aunque, habría que hacer las pruebas respectivas.





Carlos Chávez Toro

martes, 3 de octubre de 2017

Teleticket luchó para evitar que su sitio web saliera de línea


¿Qué servicio externo utilizó Teleticket para soportar la masiva cantidad de hinchas a su sitio web?

Teleticket comprendió rápidamente, que si todos los hinchas peruanos iban a entra a la vez a comprar entradas para el partido Perú-Colombia a su sitio web, su servidor web no iba a soportar el tráfico.

Por esa razón, desde las 6 de la mañana del 3 de octubre del 2017, en que se inició la venta de entradas de su sitio web, se conectó con el servicio de Queue-it.net

¿Qué hace este servicio? Evita que los visitante ingresen todos a la vez a interactuar directamente con el sitio web, asignadoles desde Queue-it.net un turno de espera, que se actualiza desde Queue-it.net e indica al vistante, cuando ya puede ingresar al sitio.

Es decir, Teleticket, era consciente que su servidor web no podría soportar un tráfico masivo y optó por buscar una solución en línea.

Según explica la propia empresa: "Queue-it.net es un sistema de colas en línea diseñado para gestionar la sobrecarga del sitio web durante los picos extremos del usuario final.

Si agrega Queue-it a su sitio web, los usuarios finales que excedan los límites de capacidad de su sitio web se descargan en el sistema de colas. A medida que se abre la capacidad, Queue-it redirecciona a los usuarios finales que esperaron en línea de vuelta a su sitio web en el orden y ritmo correctos y secuenciales.

Queue-it ofrece una gama de funciones de valor añadido, todas ellas basadas en la funcionalidad de la cola de espera virtual principal. Todas estas funciones se pueden gestionar en nuestra  plataforma GO Queue-it , una consola de autoservicio basada en navegador que proporciona un control completo del cliente de la operación interna de cada cola, incluyendo monitoreo, seguimiento y análisis".

Una alternativa interesante para soportar el tráfico excesivo.

Tres hora después de iniciada la venta de entradas, la pantalla de los usuarios que aún no compraban se actualizó y anunció que la entradas se habían agotado.

Y el sitio web Teleticket, logró su objetivo de sobrevivir a la experiencia masiva sin caerse o salir fuera de línea :) Por lo menos de manera notoria, aunque una usuaria, en RPP, indicó que la página se colgó a las 6 de la mañana, cuando ella intentó entrar.

La ruta del sitio web Queue-it.net, por si quieren visitarlo: https://queue-it.com/

Carlos Chávez Toro
carloschaveztoro@gmail.com
Director de ACCESOPERU.COM
Diseño web y Hosting Corporativo
http://accesoperu.com

domingo, 24 de septiembre de 2017

Programando en una tablet

Te debe haber pasado, que tienes que hacer algo urgente y sólo tienes una tablet a la mano. ¿Y ahora?


Pues resulta que sí se puede.
Probé varias apps y te cuento cómo me fue.

Una bonita y todo integrado.
Turbo editor y Turbo FTP
Se describe como:
Editor de texto simple, poderoso, y de código abierto para Android. Construido basado en las últimas directrices Android para lograr la experiencia más intuitiva en la Play Store, y en tabletas!

Realmente, el editor tiene muy buen aspecto.
Destaca sintaxis de HTML, XHTML, CSS, LESS, JS, PHP, PYTHON y otros más
Otra ventaja, no tiene avisos.

El problema es que en mi tablet era muy lento, hasta que le desactivé la opción de destacar la sintaxis. Entonces mejoró.

El FTP también cumple y también es bonito.
Pero la versión gratuita sólo soporta una cuenta :(
Ah, la versión pro cuesta 8 soles.

Los puedes descargar de:
https://play.google.com/store/apps/details?id=com.maskyn.fileeditor
https://play.google.com/store/apps/details?id=turbo.client

Un editor no tan bonito pero...
Se llama Webmaster Lite.

Este sí soporta destacar la sintaxis sin poner lenta la tablet.
Al final, uso los dos. Dependiendo si destacar la sixtasis es importante o no.

Lo puedes descargar de:
https://play.google.com/store/apps/details?id=com.welant.webmaster.DEMO

Un FTP que sí acepta varias cuentas pero...
Probé un montón de FTPs y me quedé con FTP Express.
Es el más amigable, en un rubro en que casi ninguno es amigable (hubo uno tan confuso que nunca supe como subir o bajar un archivo).

Su defecto: Tiene avisos.
Pero, salvo eso funciona bien. Así que es el que uso para todas las otras cuentas que no tengo en el Turbo FTP.

Lo puedes descargar de:
https://play.google.com/store/apps/details?id=com.zifero.ftpclient