lunes, 12 de octubre de 2020

Evaluación para soporte de primer nivel

Para enviar un correo de capacitación hay que hacerlo con presición, la forma correcta de enviarlo:


Hola (nombre de la persona a la que nos dirigimos)

Te estoy mandando unos enlaces para que puedas capacitarte, es por conocimiento general, para que puedas apoyarme de a pocos

1.- Revisar este documento del Glosario, para saber el significado de las distintas expresiones usadas comunmente 

http://areadesoporte.com/glosario/

2.- ¿Qué es soporte de primer nivel?

http://chaveztorotec.blogspot.com/2018/12/soporte-de-primer-nivel.html

Tareas por hacer:

1.- Memorizar el Glosario.

2.- Ver y practicar el 1er video llamado Soporte de Primer Nivel.

Precisar el tiempo de la tarea y cuando se va a hacer el control.

3.- Se asigna 3 horas para memorizar Glosario. E investigar el Google los conceptos que se entiendan menos.

4.- El control del avance del Glosario se hará el día viernes a las 3 pm.

5.- Se asigna para el video Soporte de primer nivel 2 horas del día viernes.

6.- El control del video será el día sábado a las 9 am.

jueves, 9 de abril de 2020

Hacer más rápida tu página html

Noté que una página en PHP y MySQL que estaba haciendo empezó a ponerse lenta.

Y buscando encontré Lazysizes, un pequeño archivo en javascript que hace algo maravilloso: Posterga la carga de las imágenes hasta que el usuario llega a la parte de la página en que se encuentran.

Esto hace que la página cargue mucho más rápido.

Puedes descargar el JS de  aquí:
https://github.com/aFarkas/lazysizes

Y usarlo es muy simple.

Pones esto en la cabecera de tu HTML:
<script async="" src="lazysizes.min.js"></script>

Para diferir la carga de una imágen, sólo hay que cambiar esto:

<img src="laimagen.jpg" alt="Una imagen">

por esto:
<img data-src = "laimagen.jpg" class = "lazyload" alt="Una imagen" />

Y si se trata de un iframe, como los que se usa para incrustar videos de youtube, sólo hay que cambiar esto:

<iframe src = "// www.youtube.com/embed/UKwWnvB7R88" frameborder = "0" allowfullscreen> </iframe>

por esto:
<iframe data-src = "// www.youtube.com/embed/UKwWnvB7R88" class = "lazyload" frameborder = "0" allowfullscreen> </iframe>

Adicionalmente, se puede (y debería) hacer que algunos Javascript, especialmente los que no tienen que ver con la construcción del propio HTML cargen luego de terminar de leer el HTML.

Para eso se usa defer="defer"

Por ejemplo, para cargar jquery, la línea quedaría así:
<script src="/jquery-3.4.1.slim.min.js" defer="defer"></script>


Espero que te sea útil.


chaveztoro


miércoles, 8 de abril de 2020

MySQL búsqueda en múltiples campos (CONCAT y CONCAT_WS)

A veces, por ocio :) o por optimización del código, uno quieres hacer un WHERE lo más corto posible.

Por ejemplo, quieres buscar una misma palabra en 3 o más campos de tu tabla.

Normalmente harías algo así:

$tabla = "compras";
$where = "WHERE (numeroUnico LIKE '%".$buscada."%' or NumeroComprobante LIKE '%".$buscada."%' or Denominacion_razonSocial LIKE '%".$buscada."%' or comentario LIKE '%".$buscada."%' or FechaEmision LIKE '%".$buscada."%') AND RUC_empresa = '$RUC_empresa'";
$ordenado = "ORDER BY FechaEmision DESC, ID_compras DESC";

$sentencia_SQL = "SELECT * FROM $tabla $where $ordenado";

Bueno existe una forma corta de hacer el WHERE, usando el comando CONCAT, que sirve para concatenar.
Es ese caso tu código quedaría así:

$where = "WHERE CONCAT(numeroUnico, NumeroComprobante, Denominacion_razonSocial, comentario)  FechaEmision LIKE '%".$buscada."%' ";

Sólo una observación. Me ha funcionado muchas veces, pero en una ocasión no me arrojaba los resultados esperados... Luego de investigar un poco encontré CONCAT_WS. El código me quedó así y funcionó :)

$where = "WHERE CONCAT_WS(numeroUnico, NumeroComprobante, Denominacion_razonSocial, comentario)  FechaEmision LIKE '%".$buscada."%' ";

Espero que este datito les sea de utilidad.


chaveztoro

lunes, 30 de marzo de 2020

Plantilla de Meta Tags básicos


Ahora que hay muchas redes sociales en las que se comparte contenido de una web, me he visto obligado ha hacer una plantilla de Meta Tags que son básicos.

Aquí se los dejo. Espero que les sirva:


<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@anunciante">
<meta name="twitter:title" content="Título página">
<meta name="twitter:description" content="Descripción de la página. Longitud máxima 200 caracteres">
<meta name="twitter:creator" content="@autor">
<-- Twitter Summary card images must be at least 200x200px -->
<meta name="twitter:image" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<!-- fb & Whatsapp -->
<meta property="og:title" content="Título de la página aquí" />
<meta property="og:description" content="Descripción de la página" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.ejemplo.com/" />
<! - Imagen para mostrar ->
<meta property="og:image" content="http://ejemplo.com/imagen.jpg" />
<meta property="og:image:type" content="image/jpeg">
<!-- Tamaño de la imagen. Cualquier tamaño hasta 300. Cualquier cosa por encima de 300 px no funcionará en WhatsApp  -->
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">

<meta property="og:site_name" content="Nombre de la página web" />
<!-- No hay necesidad de cambiar nada aquí -->
<meta property="og:type" content="website" />

<!--Si tienes una página de Facebook y quieres más información en Facebook Insights, entonces debes usar esta tag. Le dices a Facebook que eres el dueño del perfil, y conecta tu página de Facebook a tu sitio web. -->
<meta property="fb:admins" content="ID numérico de Facebook" />