SpeckUIX: APIs para crear experiencias de usuario excepcionales

En el mundo digital actual, las experiencias de usuario son más importantes que nunca. Los usuarios esperan aplicaciones y sitios web que sean intuitivos, atractivos y fáciles de usar. Para crear estas experiencias excepcionales, los desarrolladores necesitan las herramientas adecuadas.

SpeckUIX es un conjunto de APIs que pueden ayudar a los desarrolladores a crear experiencias de usuario excepcionales. Estas APIs proporcionan una amplia gama de funcionalidades, que incluyen:

• Geolocalización: Obtén la ubicación del usuario y utiliza esta información para personalizar la experiencia del usuario.
• Clima: Obtén información sobre el clima actual y las previsiones meteorológicas.
• Conversión de moneda: Convierte fácilmente entre diferentes monedas.
• IP: Obtén la dirección IP del usuario.

Estas son solo algunas de las muchas funcionalidades que SpeckUIX ofrece. Las APIs son fáciles de usar y se pueden integrar en cualquier aplicación o sitio web.

Beneficios de usar SpeckUIX

Hay muchos beneficios de usar SpeckUIX. Algunos de los beneficios más importantes incluyen:

• Ahorra tiempo: No tienes que perder tiempo desarrollando tus propias APIs.
• Mejora la calidad de tu código: Las APIs de SpeckUIX están bien diseñadas y son fáciles de usar.
• Aumenta la escalabilidad de tu aplicación: Las APIs de SpeckUIX están diseñadas para ser escalables, por lo que puedes manejar un gran número de usuarios.

Cómo empezar a usar SpeckUIX

Para empezar a usar SpeckUIX, simplemente regístrate en el sitio web y crea una cuenta. Una vez que hayas creado una cuenta, puedes acceder a la documentación de la API y empezar a usar las APIs.

Conclusión

SpeckUIX es una excelente opción para los desarrolladores que buscan crear experiencias de usuario excepcionales. Las APIs son fáciles de usar, escalables y ofrecen una amplia gama de funcionalidades.

Si estás buscando una manera de mejorar tus experiencias de usuario, SpeckUIX es una excelente opción.

Recursos adicionales

• Sitio web de SpeckUIX
• Documentación de la API de SpeckUIX
• Blog de SpeckUIX

Como utilizar Yeoman o cosas asi..

Algo en lo que no me atrevía a aprender, era algo que me facilitara la programación y producción de un proyecto, porque creía que sería un proceso algo demorado y difícil, pero una vez entendemos la lógica, definición y algún que otro caso de uso, será mas amigable.

¿Qué hay Yeoman?

Yeoman le ayudará a empezar nuevos proyectos, prescribiendo las mejores prácticas y herramientas para ayudar a mantener su productividad.

Para ello, ofrecemos un ecosistema de generadores. Un generador es básicamente, un plugin que se puede ejecutar con el comando `yo` creando así proyectos completos o partes útiles.

A través de los generadores oficiales, promovemos el "flujo de trabajo de Yeoman". Este flujo de trabajo es un montón de client-side robustos y flexibles, que comprenden herramientas y marcos que pueden ayudar a los desarrolladores a crear rápidamente aplicaciones web hermosas. Nosotros nos encargamos de proporcionar todo lo necesario para empezar a trabajar sin ninguno de los dolores de cabeza normales asociados con una configuración manual.

Como firmes creyentes en una buena documentación y procesos de construcción bien pensado, Yeoman incluye soporte para linting, testing, minification y mucho más, por lo que los desarrolladores pueden centrarse en soluciones en lugar de preocuparse por las pequeñas cosas.

Client-side

Son aplicaciones que se crean del lado del cliente.

Linting

Nos ayudará a detectar errores en nuestro código.

Testing

Entorno de pruebas para desarrolladores, en el que la funcionalidad del código fuente es probado antes de subirlo a producción.

Minification

Es la compresión que se hace al código fuente, que da como resultado mejor rendimiento a la aplicación que se esté desarrollando.



Bueno ya conocimos algunas definiciones, en el proximo post veremos algunos casos de usos y crearemos una aplicación basada en AngularJS y algunas otras definiciones sobre las herramientas que vienen con Yeoman..

Creación de Cron Jobs desde cPanel y Ejecutar Script PHP desde Tareas programadas

La creacion de Cron Jobs en un servidor Linux es una de las tareas mas interesantes ya que muchas veces necesitaremos de procesos que se ejecutan "solos", que simplemente no tienen un accionante.

Lo primero que hacemos en nuestro cPanel es buscar la categoria Avanzado, como lo muestra la imagen siguiente:

Alli encontramos Cron Jobs, damos click alli y dentro de esta nueva interfaz, nos encontraremos con la configuracion basica: 

E-Mail de Cron: Es el correo en el cual os llegara una notificacion sobre si se ejecuto o no correctamente el script.

Agregar Nueva tarea Cron: Aqui configuraremos cuando se va a ejecutar nuestro cron, hay ya configuraciones comunes, como lo muestra el select, pero tambien se puede personalizar, para configurarlo correctamente, teniendo en cuenta que no queremos una de las configuraciones comunes, lo explicamos en este post.

Cuando ya tengamos esto, vamos a lo que es el campo Comando, que es un text box, alli escribiremos que es lo que vamos a hacer, para este ejemplo ejecutaremos un archivo php que se encuentra en el directorio carpeta, de un servidor que tiene un usuario llamado usuario(muy original), es decir para entender mucho mejor:

servidor: mipagina.com

usuario: lo mas seguro es que creen un usuario llamado "mipagina", sino es asi, consulte al proveedor del servidor.

carpeta: la carpeta es por si tienes el script a ejecutar en una carpeta, sino es asi, y esta en raiz, simplemente debe estar en "public_html" en los cuales casi siempre estan los archivos php.

El archivo php se llama archivo.php, se encuentra en la carpeta "carpeta" que estan en raiz de "public_html" en el servidor "mipagina.com", entonces

 1 cd /home/mipagina(suponiendo que es el usuario)/public_html/carpeta/; php archivo.php

Esta linea de codigo tiene dos partes, separadas por el punto y coma(";"), la primera parte solo estamos ubicando la carpeta del archivo e introduciendonos en el con el comando cd, la segunda, es abrir el archivo "archivo.php" con el CLI php , es decir php ejecutara el archivo. 

Listo, ya tenemos nuestro Cron.

Hay otras formas de utilizar cronjobs. Si quieren otra forma de hacerlo pueden ingresar a este link. 

Windows

Para crear un Cron Jobs en Windows, es algo similar, lo unico que tenemos que hacer un archivo .bat y ubicarlo en algun lado, dentro de este archivo deberemos escribir lo siguiente:

Directorio Completo donde se encuentra php.exe, espacio -f, espacio directorio del script php.

-f <fichero>: Analiza y ejecuta el <fichero> 

Seria algo asi:

 1 D:\php\php.exe -f D:\servidor\miproyecto\script.php

Esto teniendo en cuenta mi configuración. Después lo único que haríamos seria guardar el archivo.bat en una ubicacion adecuada e ingresar al programador de tareas y decirle cuando ejecutar este archivo.

Espero que se haya entendido todo, esto esta probado, esta en funcionamiento. Si tienen problemas comenten, sino tienen problemas, tambien comenten. Si hay un error en el manual, comenten.

Muchas gracias.

Backups Automaticos PostgreSQL: Programador de Tareas en Windows 7

Para finalizar los Backups automáticos nos falta simplemente decirle a Windows que nos ejecute el archivo que hicimos previamente. 

Para ingresar al programador de tareas de la forma más sencilla y hasta obvia es buscando en Inicio ->  Digitamos en Buscar programas y archivos "Programador", ya con esto en la parte superior de la ventana de inicio nos saldrá "Programador de Tareas", damos clic.

 Ahora estamos en la interfaz del "Programador de Tareas", identificamos la columna derecha "acciones" y damos clic en "Crear Tarea..."

La ventana emergente que nos desplego la acción anterior nos muestra cinco pestañas, en la primera (General) agregaremos un nombre y si queremos unas descripción.

En la pestaña Desencadenadores iremos a "Nuevo..." para crear la programación en tiempo de la tarea.

Cuando le dimos clic nos encontramos con una interfaz nueva y en esta elegiremos si el backup es diario, semanal o mensual. Cuando elegimos esta opción en la parte de enfrente nos mostrara más opciones de configuración, la verdad es bastante simple configurar esto si sabes cuándo o cada cuanto vas a hacer el backup. Al final de esta interfaz tiene que estar checked "Habilitado"

En la pestaña "Acciones" que es la misma que la anterior, clic en "Nueva..." y ventana emergente elegimos la acción "Iniciar Programa", después en configuración damos clic en el botón "Examinar...", buscamos nuestro archivo .bat y listo, Aceptar.

Ya con esto, según la configuración que hayas elegido, la tarea llamara al archivo .bat que se ejecutara vía cmd y nos creara los backups con nombre y fecha, por lo que tendrás backups, periódicos automáticos y confiables. Cabe decir que cuando hayan hecho esto simplemente en la interfaz donde salen las 5 pestañas le das clic en aceptar. 

Es bueno verificar si la tarea se creó, entones simplemente al dar clic en Aceptar nos deja en la interfaz de programador de tareas. Buscamos o nos ubicamos en la columna izquierda que dice "Programador de Tareas (Local)" y debajo "Biblioteca de Programador de Tareas", nos posicionamos en este último y esto nos mostrara en la columna del centro todas las tareas del equipo, buscamos la nuestra por nuestro nombre y listo. 

Ya con esto concluimos los backups automáticos, periódicos de PostgreSQL.

Crear Backup Automatico con Postgres en Windows

Actualizado [15-04-2016]

A continucación voy a explicar como pude hacer un backup en Postgres y ademas decirle a windows que lo haga periodicamente(via Programador de Tareas).

Primero que todo decir que lo siguiente es la recopilación y lectura de muchos post en español e ingles, igualmente me apoye en la documentación de Postgres 9.5. Algunos métodos no me funcionaron, otros a medias hasta que un poquito de uno y un poco de otro dio resultado acertado. Los ejercicios que haré a continuación se han ejecutado en Windows 7 64 y 32 bits(sirviendo como servidores para PyMes), Windows Server 2008 R2, Windows 10 en modo desarrollo y CentOs 5 y 6.

Comencemos:

Lo primero que hay que tener en cuenta es que para hacer backups en Postgres se utiliza la utilidad pg_dump. Esta utilidad tiene muchas configuraciones para realizar el backup correcpondiente de una base de datos. La siguiente instruccion es la que utilizaremos para realizar el backup, ya que es la que por medio de pg_admin III me ha servido en su totalidad sin generar mas que errores evidentes pero que no tienen nada que ver con los datos o estructura de la base de datos.

pg_dump -i -h <server> -p <puerto> -U <usuario> -F c -b -v -f <nombre_fichero> <bd> 

Tambien hay otra forma que me ha servido y es mas purista en cuanto a la documentacion de Postgres. Las dos me han servido en los sistemas operativos mencionados anteriormente.

pg_dump -h host/server -p puerto -U usuario base > nombre_fichero

Como podemos ver en la instruccion, el signo mayor que(>) nos sirve para decirle donde vamos a guardar el backup.

Para utilizar esta intruccion como debe ser, el directorio bin/ de Postgres tiene que estar en las variables de entorno de entorno de Windows, sino lo hiciéramos, se podría incluir la dirección completa de la ubicación, pero en sistemas de 64 bits molesta bastante debido a los espacios del nombre de las carpetas. Por lo tanto agregaremos al path de Windows, el directorio de postgres.

Para agregar el directorio vamos al siguiente link.

Como ya podemos utilizar pg_dump en el sistema via cmd. Entonces ahora vamos a crear un archivo con extension .bat que se ejecutara y creara nuestro backup. Abrimos nuestro editor preferido e ingresaremos el siguiente codigo.

Forma 1:

@echo off
for /f "tokens=1-3 delims=/ " %%i in ("%date%") do (
    set day=%%i
  set month=%%j
  set year=%%k
 )

set datestr=%day%_%month%_%year%
echo datestr is %datestr%
set BACKUP_FILE=G:/mibase_%datestr%.backup
SET PGPASSWORD=14785
echo on
pg_dump -i -h host -p puerto -U usuario -F c -b -v -f %BACKUP_FILE% base
SET PGPASSWORD=

Forma 2:

@echo off
for /f "tokens=1-3 delims=/ " %%i in ("%date%") do (
    set day=%%i
  set month=%%j
  set year=%%k
 )
set datestr=%day%_%month%_%year%
echo datestr is %datestr%
set BACKUP_FILE=G:/mibase_%datestr%.backup
SET PGPASSWORD=14785
echo on
pg_dump -h host -p puerto -U usuario -F c base > %BACKUP_FILE% 
SET PGPASSWORD=

El código anterior es código Batch, si alguien tiene una mejor manera de decirlo, lo agradeceré enormemente. A continuación explico el código.

Línea 1: Cancelamos el echo para que no haya volcado de datos.
Línea 2-6: Creamos un ciclo for /f para asignar en las variables day, month y year la fecha actual vía %date%
Línea 8-9: Creamos una variable datestr en la cual asignaremos la fecha en formato dd_mm_aaaa y estará lista para usarla después
Línea 10: creamos la variable BACKUP_FILE y en esta ingresaremos el lugar (ruta) donde guardaremos nuestro backup. Como pueden ver yo estoy guardando el backup en la raíz de D: con el nombre mibase, guion bajo y %datestr% que es la fecha, por último la extensión .backup.
Línea 11: Set sirve en Batch para mostrar, asignar o eliminar variables de entorno mientras esté abierto la sesión cmd que lo llamo, es decir mientras termina nuestro backup, por lo tanto en esta línea estamos asignando a PGPASSWORD la contraseña del usuario de postres que va a hacer el backup. 
Línea 12: le decimos al echo que puede comenzar desde aquí el volcado de datos, vía instrucción siguiente.
Línea 13: Ejecuta la utilidad pg_dump, los parámetros que deben cambiar son 5432(en caso de que hayan configurado un puerto diferente a postres), usuario(es el usuario que tiene como contraseña la línea 11) y base (nombre de la pase de datos en postres que vamos a hacer el backup). Hay que tener en cuenta que la opcion -F c, significa el formato que utilizara pg_dump para el documento de salida. La c es custom y comprime los datos por defecto. Si le quitamos esto, el documento nos saldra en formato texto plano, es decir SQL puro.
Línea 14: Reasignamos la contraseña del usuario que creo el backup, por seguridad.

Guardamos este script en un lugar que se pueda recordar facilmente y si queremos podemos ejecutarlo via cmd de la siguiente manera para que puedan ver que realmente ya hace el backup.

Ingresamos a cmd y buscamos el archivo. Mi archivo lo guarde en raiz de C, entocnes lo llamo asi:

C:/archivo.bat

De inmediato el archivo se ejecutara y al final nos devolvera a la consola para una nueva intruccion, para verficar que si tenemos bien el script, vamos a la carpeta o ruta donde guardamos el backup y veremos como creo el archivo, en mi caso, D:/mibase_15-07-2014.backup

Con esto ya podemos crear nuestros backups de nuestra base de datos. Para hacerlo automaticamente, es decir que el PC lo haga en una hora determinada cada dia, mensual, semanal debemos de agregar una tarea al programador de tareas de windows y ejecutar este archivo. Para ver este manual da click aqui.

El archivo .backup significa un archivo comprimido diferente a los .sql. Los .sql son archivos planos puros que suelen pesar mucho mas que los comprimidos.

Conclusiones:

Las dos instrucciones funcionan correctamente, lo unico que se cambio es practicamente que el signo mayor que(>) tiene la funcion similar de la opcion -f. 

Como les dije en un momento, esto esta probado, esta en funcionamiento. Si tienen problemas comenten, sino tienen problemas, tambien comenten. Si hay un error en el manual, comenten.

Agregar Directorios a Variables de Entorno en Windows 7

Para agregar un directorio a las variables de Entorno en Windows, tomaremos de ejemplo al agregar el directorio “bin” de Postgres y así utilizar herramientas como pg_dump, pg_restore o psql.

Damos clic en inicio, después clic derecho en Equipo y Propiedades. Esto nos desplegara a una ventana en la cual podremos ver la información básica de nuestro Equipo. En la parte izquierda tendremos un menú, buscamos "Configuración avanzada del sistema" y damos nuevamente clic.

 

Ahora nos aparece una ventana emergente donde localizaremos “Variables de Entorno”, la cual se encuentra al final antes de las opciones aceptar, cancelar y aplicar. Crea una nueva ventana emergente y en esta hay dos opciones, nos dirigimos a las “Variables del sistema” que está en la parte inferior de la nueva ventana y buscamos la variable "Path", después hacemos doble clic en el y nos genera una mini ventana,  nos ubicamos en “Valor de la Variable”. 

Cuando estemos en el campo “Valor de la Variable”, nos dirigimos al final de la cadena de caracteres existentes en este campo, mucho cuidado, no se debe borrar o editar nada de lo que ya esté en el campo. Al final pegaremos la siguiente ruta, dependiendo de la arquitectura del sistema operativo y en donde se haya instalado PostgreSQL.

Directorio PostgreSQL 8.2 en Windows 7 64 Bits.

;C:\Program Files (x86)\PostgreSQL\8.2\bin 

En las versiones nuevas de PostgreSQL ya se cuenta con arquitectura 64 bits. Por lo que busquen el directorio de postgres en Archivos de Programa directamente.

Como vemos la ruta comienza con un punto y coma (;), este es obligatorio para separar lo que ya está en la variable del sistema, por favor no olvidar este signo al ingresar la ruta.

Ya con esto damos clic en aceptar hasta que salgamos a las propiedades del sistema y con esto ya podemos utilizar en cualquier directorio las características esenciales de PostgreSQL. 

Para probar si realmente hicimos bien el trabajo. Ingresamos a la consola de comandos e ingresamos la instruccion pg_dump. Si salio bien les pedira conseña, sino miren el manual y retomen que paso.

Loading - JQuery

 1 <html>
 2  <head>
 3      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.
 4                  1/jquery.min.js"></script>
 5      <script>
 6    $(function(){
 7     $('body')
 8      .append(
 9       $('<div id="model-protector" align="center"></div>')
10        .css({
11         position: 'fixed',
12         top: 0,
13         background: 'rgba(0,0,0,0.8)',
14         width: '100%',
15         height: '100%',
16        })
17        .html('<img src="http://argoscti.com/wp-
18              content/themes/Realist/Realist%20Wordpress%20The
19              me/images/loading.gif" style="height: 50px; 
20              width: 50px;margin-top:25%;" /><br/><button 
21              id="cerrar_modal" type="button">Ocultar</button>
22              ')
23      );
24     
25      $('#cerrar_modal')
26       .click(function(){
27        $('#model-protector')
28         .fadeOut(function(){
29          $(this).remove();
30         });
31        });
32     });
33    </script>
34     </head>
35     <body></body>
36 </html>

Javascript - Replace All

Un muy sencillo script para un replace all ... diviertansen!!

 1 function replaceAll( busca, reemplaza, text ){
 2        var regex = new RegExp(busca, 'g');
 3        text = text.replace(regex, reemplaza);
 4        return text;
 5 }

Convertir de RGB a Hexadecimal en Javascript

Convertir de RGB a Hexadecimal en Javascript

Copiamos el siguiente Script en un archivo llamado color.js y lo incluyen dentro de la etiqueta head del HTML principal:

color.js

#Developer

 1 _rgb = function(rgb){
 2     var hexDigits = new Array ("0","1","2","3","4","5","6",
 3     "7","8","9","a","b","c","d","e","f");
 4 
 5  return {
 6    toHex: function(rgb){
 7     rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
 8     return "#" + _rgb.hex(rgb[1]) + _rgb.hex(rgb[2]) + _rgb.
 9     hex(rgb[3]);
10    },
11    hex: function(x){
12     return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + 
13     hexDigits[x % 16];
14    },
15  };
16 }();

#Production

 1 _rgb=function(e){var t=new Array("0","1","2","3","4","5","6",
 2 "7","8","9","a","b","c","d","e","f");return{toHex:function(e)
 3 {e=e.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);return"#"+
 4 _rgb.hex(e[1])+_rgb.hex(e[2])+_rgb.hex(e[3])},hex:function(e)
 5 {return isNaN(e)?"00":t[(e-e%16)/16]+t[e%16]}}}();

index.html

 1 <script type="text/javascript">
 2  alert(_rgb.toHex('rgb(255,0,255)'))
 3 </script>

Y listo eso es todo!.