Alejandro Fanjul

Tag: programación (página 1 de 2)

Enviar SMS con PHP usando Netelip.com

En alguna ocasión ya os he hablado de la empresa Netelip, una empresa afincada en España y centrada en el mundo de las telecomunicaciones con tecnologías digitales para servicios de telefonía IP y centralitas virtuales. En este artículo os comentaba precisamente como montar vuestra propia centralita virtual usando Elastix y contratando una cuenta en Netelip. A día de hoy en Palbin.comseguimos usando con bastante éxito y satisfacción los servicios de esta empresa malagueña. En esta ocasión os quiero hablar de uno de sus nuevos servicios, el servicio de “sms gateway” que nos permitirán enviar mensajes sms a cualquier destino (nacional o internacional) y con una tarifa por mensaje de 0,069€ + IVA. La gran ventaja es que estos mensajes sms se pueden enviar tanto desde tu panel de administración (en la web) como desde cualquier aplicación o software que estés realizado. En este caso yo os voy a hablar de esta segunda opción:

Envío de SMS con PHP:

Lo primero que deberemos hacer es recargar saldo en nuestra cuenta desde nuestro panel de administración en netelip: envio sms Una vez con saldo nos dirigimos a la sección de “envío de sms” y descargamos el manual de su API (actualmente por la versión 1.0): En dicho manual se puede ver un ejemplo de cómo envíar sms usando PHP y la extensión CURL. Para los que uséis el framework Yii, he creado una extensión que puedes desccargar y usar directamente para enviar los mensajes. Evaluación de la API de SMS: Después de revisar la documentación y hacer alguna prueba, he de decir que si bien el uso de la API es muy sencillo, creo que le falta algún detalle importante como la seguridad, ya que el modo de identificación es mediante contraseña en texto plano, y además el “end point” de la API carece de HTTPS o SSL para por lo menos encriptar la conexión. Por otro lado le faltaría a la API alguna funcionalidad más como podría ser la recarga o visualización de saldo, el historial de SMS, etc. Creo que sería muy fácil de implementar estas funcionalidades junto con la corrección de seguridad para una segunda versión que espero saquen pronto. En general, Netelip.com sigue dando un buen servicio y evolucionando su modelo de negocio para incorporar más valor añadido a sus clientes. En el caso particular de www.palbin.com, el envío de SMS nos servirá para enviar notificaciones a nuestros clientes cada vez que un usuario realice una reserva en su tienda online.

Cómo hacer un botón para cambiar de Listado a Rejilla con jQuery

A veces en las tiendas online nos interesa tener la posibilidad de poder cambiar el listado de productos entre “modo lista” y “modo rejilla” para que el usuario o comprador pueda elegir la forma de visualización que le resulte más cómoda. En los siguientes enlaces os muestro el material que he encontrado para implementarlo en javascript o jQuery: Muy bien implementado con jQuery. Además incorpora la funcionalidad de guardar las preferencias del usuario en una cookie. www.webcodo.net/switch-products-view-gridlist-without-refreshing-the-page-with-jquery-html-css/#.Ut-a0RS0q01 www.webcodo.net/grid-list-view-with-jquery-category-filter-cookie-support/#.Ut-ZtBS0q00 En este otro ejemplo también se hace uso de jQuery. El enlace de “demo” no funciona, pero en el propio código fuente se puede ver un ejemplo. vandelaydesign.com/blog/web-development/list-grid-view-switch/ Otro ejemplo muy bien implementado: www.programming-free.com/2013/12/fading-list-grid-view-switch-jquery.html En esta ocasión es una implementación del estupendo portal “tympanus.net”: tympanus.net/codrops/2013/07/01/view-mode-switch/

Flexbox – Técnica para colocar la barra lateral después del contenido

En muchas ocasiones nos interesa que las barras laterales o el menú de navegación de una web en su modo “mobile” se ordenen de una forma diferente. Mediante la técnica de “Flexbox” podemos re-ordenar los bloques o secciones de una página en un diseño responsive. Aquí os dejo un artículo muy interesante sobre la “coreografía del contenido” en una web, y un ejemplo muy visual y práctico de como llevarlo a cabo con su css asociado. (aquí otro ejemplo)

How to install Photoshop CS6 in Ubuntu 12.04 & Elementary OS

Elementary OS – Luna is (in my opinion) the best Linux distro you can get nowadays out there. After many tries installing some distros like Pear OS 8, Arch Linux or Ubuntu 13, I finally decided to keep Elementary OS as my default and unique Linux distribution. Is by far the fastest, most beautiful and simple OS among all alternatives. As Elementary Os “Luna” is based on Ubuntu 12.04, I guess the next guide is also valid for that distribution. So let’s start:

The problem with Photoshop CS6 and Wine 1.3.35+:

The problem (or bug) is documented here, and its about the brush once you are painting, specifically when you hold your mouse button and drag it, it only paints 1 dot and doesn’t continue the path. The problem only occurs with Wine 1.3.35 version and after, so you might consider installing an older version, but then it gets tricky because you have to install countless libraries and addons to make Photoshop work.

The solution:

The solution I found lets you install Photoshop CS6 using latest Wine 1.7.7 version but compiled from source and applying a little patch, so it’s a little laborious and slow, but not too difficult: First keep downloading Photoshop CS6 from here while you follow this guide (its a 300Mb file) and you will need it at the end (a different portable version of Photoshop CS6 is here). Next, download the latest Wine source code (1.7.7 in my case) from here and extract it. Edit the source file located in “wine-1.7.7/dlls/user32/input.c” and modify it manuallyaccording to this patch. Then you have to add source libraries to compile wine, so you can write: sudo apt-get build-dep wine1.7 Now add some more libraries you will need to compile, cause Ubuntu 12.04 is 64bits multiarchitecture and it lacks from 32bit development libraries: apt-get install gcc-multilib g++-multilib Now the 32 bits development libraries as Wine official site suggest: sudo apt-add-repository ppa:ehoover/compholio sudo apt-get update sudo apt-get install ia32-libs-dev Now, be sure to uninstall previous versions of Wine, configure, compile and install it (its a slow process of several minutes even hours, read at the end of this post): sudo dpkg -r wine1.7 sudo apt-get remove wine1.7 sudo apt-get autoremove sudo ./configure && sudo make sudo make install After that remove your .wine directory and re-configure it again: sudo rm -r /home/username/.wine winecgf Some people recommend to set these variables before execute winecfg (but I didn’t need it): export WINEPREFIX=$HOME/.wine/photoshop export WINEARCH=win32 Winecfg will download and install some libraries like mono and gecko. Finally install Photoshop CS6 using nautilus or by command line with: wine Photoshop.exe And that’s it!! You can execute Photoshop CS6 without problems and working like a charm in Linux (in deed even faster than in my Windows 7). There are some alternatives to compile Wine from source as you can see here using chroot or lxc container, I didn’t try it but maybe its faster than my alternative. If you try it don’t forget to comment here.

Emulador de móviles Android, iPhone con Google Chrome

Google acaba de actulizar su navegador a la versión Versión 32.0.1700.6 beta-m Aura (del canal Beta) y con ella nos ha traído un nuevo emulador para móviles como Android o iPhone. Esto quiere decir que podrás probar y testear tu página web HTML5 responsivedirectamente en el navegador y emular cualquier dispositivo, ya sea un smartphone o una tablet como el iPad.   Chrome mobile emulator Si bien es cierto que Google Chrome ya tenía un emulador para móviles, ahora tienen un apartado propio para hacer las cosas más sencillas (tal y como se ve en la imagen), y además ahora también puedes simular los eventos “touch” en la pantalla, lo cual da un realismo mucho mayor. Por último suprimen las “scroll bar” para ofrecer unas barras de scroll a semejanza de las que ofrecen los móviles actuales. A mí ya me ha servido para detectar un pequeño problema de márgenes en nuestra web de www.palbin.com. ¿Qué opinas tu sobre este nuevo emulador?

Servicio online peticiones HTTP Post

Gran servicio online para debugear y testear peticiones Http POST

Hurl.it

Script en JQuery para calcular el precio usando un formulario en tiempo real

Script en JQuery para calcular el precio usando un formulario en tiempo real:

http://codecanyon.net/item/jquery-price-calculator-pro/405818
http://www.tonybebber.com/costestimatr-jquery-plugin

Lista de proxys anonimos para navegar anonimamente

Para todos aquellos que quieren navegar por Intenet de forma anónima o salvaguardando su privacidad, existe lo que todos conocemos por “Proxies Web“, por decirlo de alguna forma, son servidores que se ponen en el medio de tu ordenador e Internet para actuar deintermediarios y realizar las siguientes funciones:

    • Proxies transparentes o de cacheo: Permiten cachear (salvaguardar) el contenido de las webs para realizar una carga mucho más rápida de las mismas, es lo que suele usar las ISP tipo Telefónica o Jazztel en algunas ocasiones.
  • Proxys anonimos: Permiten una navegación anónima, escondiendo tu dirección IP y los datos de acceso a la red.
  • Proxies de filtrado: Permiten filtrar cierto contenido para tener un mayor control sobre el acceso a Internet, se suele usar mucho en universidades y empresas para que los alumnos y/o trabajadores no accedan a ciertas páginas y contenidos.

 

Si tu intención es esconder tu ip, puedes usar un software como el de “Hide my ip” y configurar un proxy anónimo eligiendo uno de la lista proxys que os enlazo abajo del todo. Otra opción más sencilla sería usar por ejemplo el navegador Tor que viene incluido con la configuración necesaria para la navegación anónima, aquí os dejo un tutorial de su uso. Una última opción más sencilla aún es usar un servicio online como el de “Ninja Proxy”, que te permite navegar desde su servicio aunque con más limitaciones. Otro de los usos más extendidos de los proxies es para realizan tareas de posicionamiento SEO mediante gray hat haciendo link building. El usdo de los proxies te permite conectarte a través de muchos de ellos para evitar el bloque de tu IP por parte de servicios como Google, Google Adwords o Bing. A ese respecto, y el motivo por el que escribo este artículo, es que acabo de descubrir un truco buenísimo para encontrar los mejores proxies en Internet! Es decir, existían ya una serie muy conocida de blogs con listados que renovaban y actualizaban cada día, tanto de “transparent proxys”, como de “elite proxys”, pero en el siguiente listado podréis ver en tiempo real las actualizaciones de los proxys más vivos y activos, ya que se obtienen de la comprobación que precisamente hace la gente en su web. Para acceder a la lista de proxys tenéis el enlace aquí: www.ip-adress.com/Proxy_Checker/ Como podréis ver existe un cuadro a la derecha que te lista los últimos proxys chequeados, pero justo debajo aparece un link muy interesante para ver el listado de todos los proxies chequedaos en los últimos minutos: Al hacer click en ese enlace ya podréis ver todos los proxys, e incluso dar al botón de check para comprobar alguno en concreto, abajo del todo también aparece un enlace para refrescar la lista, una pasada! También existe algunos enlaces con una Proxy List España aunque no sabría deciros si son muy fiables, por lo general no mucho, aunque se puede probar: spys.ru/free-proxy-list/ES/ www.xroxy.com/proxy—ES.htm Espero que os haya sido de utilidad este artículo, si conocéis algún otro listado de proxys o software interesante lo podéis poner en los comentarios.

Curso javascript avanzado, un gran tutorial para expertos

Curso tutorial avanzado de javascript: para aquellos que queráis aprender el lenguaje de javascript os dejo un enlace a un curso o tutorial javascript que han lanzado los chicos de redrarix. Ciertamente la documentación es extensa pero falta de explicación y contenido, por lo que supongo que se habrá dado con clases presenciales, en cualquier caso es buena tenerlo a mano: github.com/redradix/material-projs

Plantillas html para landing pages o páginas de marketing

Aquí os dejo las plantillas html que más me gustan para landing pages y páginas web de marketing. Iré recopilando todas las que me parezcan interesantes:

Más antiguosposts

Copyright © 2017 Alejandro Fanjul

RSS de artículosArriba ↑