AMPortable–Apache+MySQL+PHP Portable

AMPortable–Apache+MySQL+PHP Portable

  6/22/2012    vhanla

---

AMPortable v1.2.2 es un software portable que permite ejecutar Apache2, MySQL y PHP5 sin la necesidad de estar instalando nada.

En la captura pueden verlo funcionando en Windows 8 Release Preview, el programa se esconde en la bandeja de sistema. Como pueden apreciar, actualmente se está en la sección de proyectos, en donde se hizo clic derecho en uno de ellos, ahí se desea abrir ese proyecto en Opera u otro navegador que se haya detectado en el sistema.
Bueno, eso es lo que permite actualmente, ya lo estaré publicando en mi sitio web. 

Características:

• Permite ejecutar Apache2, MySQL5 y PHP5.3 sin necesidad de instalar nada (requiere no tener en ejecución otras instancias de los programas mencionados)
• Dado que es portable, podemos comprimir toda la carpeta y llevarlo a cualquier lugar y seguir trabajando sin ningún problema.
• Permite configurar el puerto
• Permite especificar una carpeta externa para poder enlazarla con un alias
• Permite visualizar los diferentes proyectos
• Permite abrir las carpetas de dichos proyectos directamente
• Permite abrir las carpetas en sublimetext2 directamente
• Permite abrir los proyectos en los navegadores instalados
• Permite crear nuevos proyectos (carpetas)
• Permite visualizar PHPInfo
• Permite iniciar o detener el servidor http, mysql rápidamente
• Permite iniciar junto con Windows de manera silenciosa
• Ofrece un entorno de desarrollo vía web tales como:
  • Codeita
  • IceCoder
  • SQLBuddy
  • SQLDesigner
  • PHPConsole
  • Nitro (TODO list)
  • Enlaces a ayuda online (PHP.net, HTML5 spec, CSS, W3 Schools, jQuery, CSSDeck, Drawter, JSFiddle, JSLint)
• XDebug habilitado por defecto.
• Ofrece una extensión para Google Chrome que permite abrir dicho entorno de desarrollo web.

AMPortable luce así:

• Ofrece configuración del puerto http a utilizar
• Una carpeta externa alternativa para no estar copiando nuestros archivos dentro de la carpeta de AMPortable (generalmente se enlazará a localhost/www)
• También puede buscar el ejecutable de SublimeText2 para luego poder abrir sus proyectos con este increíble editor
• Los botones Iniciar y Detener nos permiten detener o iniciar tanto el servidor http (Apache aplicando las modificaciones al archivo php.ini de PHP) como el servidor de base de datos (MySQL).
• El botón phpinfo nos permitirá visualizar los datos de nuestra configuración a PHP
  
• El botón Dev Center nos permitirá abrir en nuestro navegador el entorno web de desarrollo
  
• Si cuenta con el navegador web Google Chrome, podrá instalarlo como una aplicación web
  
• Desde Google Chrome podrá acceder al entorno web de desarrollo.
  
• AMPortable Dev Center contiene las siguientes aplicaciones web
  
  Codeita: Un editor de código fuente sencillo
  
  SQLBuddy: Un cliente para gestionar la base de datos MySQL
  
  WWWSQLDesigner: Una aplicación web para diseñar visualmente nuestras bases de datos
  
  PHP Console: Consola web para probar algunos snippets PHP sin necesidad de estar creando archivos PHP ni mucho menos abriéndolos averiguando su URL.
  
  Nitro: Una aplicación web para navegadores webkit, que permite tomar notas rápidas, crear tareas, y además sincronizar con Ubuntu One o DropBox
  
  Referencias online: Permite acceder a diferentes sitios que pueden sernos de mucha ayuda, entre ellos JsFiddle, PHP.net, W3 Schools entre otras.
  
  IceCoder: Otro editor parecido a Codeita, pero más avanzado, aunque ha de notarse su lentitud cuando se tiene muchos archivos en nuestro proyecto.
  
  
• El botón Mostrar proyectos nos permitirá visualizar el listado de proyectos PHP que tengamos en AMPortable, en realidad lista las carpetas dentro de la carpeta content\www\ de AMPortable.
  
• Dentro de esta sección de proyectos podemos interactuar con nuestros proyectos de la siguiente manera:
  
  En el listado sólo tenemos un proyecto, al hacer clic derecho en ese proyecto nos mostrará el menú contextual de la captura.
  Podemos :
  - Abrir en el navegador predeterminado dicho proyecto
  - También podemos abrirlo en los otros navegadores que tengamos instalado, así nos ahorramos estar escribiendo URLs y también evitamos estar ejecutando tales navegadores por separado. Muy necesario el estar verificando cómo se comporta nuestro proyecto en los diferentes navegadores.
  - Además podemos abrir la carpeta de dicho proyecto en el explorador de Windows.
  - Otra opción nos permite abrir la carpeta raíz (la que contiene a todos nuestros proyectos).
  - También podemos crear nuevos proyectos directamente desde ahí
  En este ejemplo vemos cómo creamos un nuevo proyecto (en realidad una nueva carpeta)
  Una vez creado, podremos abrir la carpeta recién creada en el Explorer
  
  - Abrir con Sublime Text 2 : nos permitirá abrir dicho proyecto (carpeta) en este genial editor de código fuente.
  

 

Eso es todo por ahora, espero que les sirva así como a mí. Este programa lo pongo a vuestra disposición de manera gratuita, y si desean pueden realizar donaciones aquí http://apps.codigobit.info/p/support.html me servirá de mucho su apoyo, gracias :)

Descargar https://www.box.com/s/a9e3048ccf8383646c43 (20MB)

 

Nuevas características:

• Se agregó línea de comandos al menú contextual para gestionar los proyectos por medio de cmd.exe
• Se corrigió el problema de PATH interno a la carpeta PHP5 y MySQL
  con eso en la línea de comandos se puede utilizar tanto php.exe como mysql.exe
• Se agregó iconos al menú contextual así como poder utilizar nuestros favicon.ico como icono del proyecto
  

Leer más

Web App Iconifier para Google Chrome

Web App Iconifier para Google Chrome

  4/03/2012    vhanla

---

Web App Iconifier es una aplicación web que permite crear de manera muy sencilla las aplicaciones web para la WebStore de Google Chrome, pero únicamente las aplicaciones del tipo hosted apps que son en realidad enlaces a sitios o aplicaciones web existentes.

En un anterior post, publiqué un tutorial de cómo realizar manualmente una aplicación de este tipo -  Cómo crear una web app que enlace a nuestro sitio web, -  y viendo la sencillez de realizarlo, escribí esta aplicación web que nos facilite aún más la creación de este tipo de aplicaciones web.

Esta aplicación web funciona offline y no require de ninguna conexión para generar los archivos necesarios.

Cómo usar:

• Clic en el botón START y mostrará un formulario fácil de llenar 
  además se puede visualizar el código fuente del archivo manifest.js 
  

 

• Luego de ello podemos subir nuestra imagen que utilizaremos como icono para nuestra aplicación web 
  En el editor de icono podemos elegir el área de la imagen, los márgenes, filtros gráficos y además plantillas guías para adecuar la ubicación y tamaño sugerido por Google Chrome (96x96, es decir 128x128 con border transparentes de 16px lo cual hace que la imagen en realidad sea de 96x96 píxeles).
  

• Una vez completada estos pasos, presionamos en next y podremos visualizar una simulación de la página nueva de Google Chrome mostrando nuestro icono generado.
  

• Hacemos clic en Download y si hicimos todo correcto podremos comprimir los archivos y finalmente descargarlo
  Al hacer clic en compress dependiendo de su navegador, demorará casi nada y ya podremos descargarlo.
  

• Eso es todo, el archivo comprimido lo podemos descargar en cualquier carpeta o subirlo a nuestra cuenta WebStore, pero es recomendable probarlo localmente.
  

• Como pueden ver en la siguiente imagen, ese es el resultado 
  
  

Como pueden ver, la aplicación es fácil de utilizar y el resultado es rápido, nos ahorra el tener que estar creando manualmente cada archivo.

La aplicación web ya lo publiqué en la webstore ~> Web App Iconifier.

Leer más

Crear temas para Google Chrome fácilmente

Crear temas para Google Chrome fácilmente

  3/31/2012    vhanla

---

Google Chrome se ha convertido en uno de los navegadores más utilizados y eso ya no es noticia nueva. Sin embargo, si es de esas personas que personalizan cada aplicación a su gusto, entonces lo más probable es recurrir a temas existentes para Google Chrome, aunque se puede ir un poco más lejos gracias que podemos realizar nuestros propios temas siguiendo la guía de desarrollo ofrecido por Google Developers.

Aunque no todos tenemos el tiempo y conocimientos necesarios para crear nuestros temas manualmente, a pesar de ser sencillos de realizar, se puede recurrir a My Chrome Theme Extension (desarrollada por Google), una extensión para el mismo Google Chrome que permite realizar nuestros temas de manera mucho más sencilla.

Puede crear y compartir temas personalizados utilizando sus propias imágenes y diseños. Una vez instalada la extensión, se puede empezar a crearlos en 3 sencillos pasos.

En el primer paso, se puede subir nuestra propia imagen de fondo o utilizar una cámara web para capturar. Una vez subida, se puede ajustar la posición y elegir los colores para el tema.

Se puede escoger los colores para las pestañas, pestañas inactivas y también la barra de título. Aunque los colores son limitados, además se cuenta con el clásico botón I’m feeling lucky que elige automáticamente los colores para el tema de acuerdo al color de la imagen subida.

Una vez creado el tema ya puede descargarlo o compartirlo con sus amigos, aunque es necesario mencionar que requiere de una conexión a internet para que funcione la aplicación web.

Descargar desde la WebStore

Fuente: LifeRocks

Leer más

Acceder a Gmail, Calendar y Docs sin conexión a Internet [chrome]

Acceder a Gmail, Calendar y Docs sin conexión a Internet [chrome]

  8/31/2011    vhanla

---

Google acaba de poner a disposición de todos los usuarios de Google Chrome / Chromium una extensión para poder acceder a Gmail, Calendar y Docs sin necesidad de estar conectado a internet.

En el blog de Google mencionan que Gmail ya se puede usar offline con la extensión que publicaron en la Chrome WebStore, mientras que para Google Calendar y Docs estarían disponibles la siguiente semana.

Una interesante aplicación aprovechando la potencia de HTML5, y sin duda de mucha utilidad en esos momentos que por algún motivo no se cuenta con acceso a internet.

Aunque al principio apuntaba a dispositivos móviles en especial la tablet de Google utilizando ChromeOS (ChromeBooks) , ahora es posible utilizarlo también en nuestro navegador de escritorio.

La sincronización de acciones realizadas en modo offline se activa cuando se tenga acceso a internet, es decir, si estamos escribiendo un email, el email se enviará cuando se cuente con internet.

El aspecto que muestra es la ofrecida para tablets, y según menciona también estarán “buscando generalizar el acceso offline cuando otros navegadores soporten funcionalidad avanzada (como las páginas background).”

Extensión ~> Sin conexión Google Mail - Chrome Web Store

Leer más

appMobi XDK permite crear aplicaciones HTML5 para web y móviles desde Chrome

appMobi XDK permite crear aplicaciones HTML5 para web y móviles desde Chrome

  8/04/2011    vhanla

---

AppMobi ha lanzado XDK el cual permite a los desarrolladores crear aplicaciones optimizadas con HTML5 tanto para la web como para dispositivos móviles. El resultado son aplicaciones HTML5 tan buenas como las encontradas en la tienda de Google Chrome, pero también puede ser utilizado en aplicaciones híbridas enviados ya sea a la AppStore de Apple o al Android Market.

El XDK es en sí una aplicación web que utiliza Java y está disponible en la tienda de aplicaciones de Chrome.

XDK Significa multiplataforma

Si puede escribir código utilizando HTML5, CSS3 y Javascript, puede utilizar XDK para construir cualquier aplicación web, menciona appMobi. No hay necesidad de saber Objective C o descargar otros SDK. La nueva XDK permite utilizar estándares web para crear aplicaciones, así como también su propia biblioteca javaScript aUX, para efectos tales como transiciones y desplazamiento.

El XDK también ofrece herramientas de depurado con emulación en pantalla, tanto en el dispositivo como de manera remota desde cualquier parte del planeta, menciona la compañía. Y funciona tanto en MacOSX como en Windows.

 

Una vista rápida

 

La extensión para Google Chrome lo descargan de aquí y para utilizarlo, se debe tener JRE instalado. El programa necesita de una carpeta de trabajo no sin antes haber permitido que Chrome cargue la aplicación habilitando la ejecución de Java.

En seguida se podrá ver que appMobi XDK crea un servidor local para acceder por ejemplo “http://localhost:58888/_emulator/_ide/login.html”,

Si aún no contamos con una cuenta, colocamos nuestro correo electrónico para proceder a registrarnos.

Podemos tener múltiples cuentas individuales bajo un nombre de compañía.

Eso es todo, ya tenemos nuestra cuenta registrada. Ahora seguirá la pantalla del asistente de creación de proyectos. Para empezar que mejor que utilizar la primera opción Soy nuevo en appMobi… (I’m new to appMobi…)

Actualmente permite crear un proyecto de 5 maneras:

1. Utilizando una aplicación de ejemplo
2. Para dispositivos o plataformas específicas
3. Iniciar con características API pre habilitadas para ciertos dispositivos.
4. Un proyecto en blanco.
5. Y finalmente, utilizar una plantilla de pago

Si elegimos la primera opción, nos mostrará las aplicaciones demostrativas que ofrece

Finalmente escribimos el nombre del proyecto

Los proyectos creados se almacenarán en nuestra cuenta así como en la ubicación definida.

El ciclo de vida propuesto por appMobi es:

1. Desarrollo
2. Pruebas locales
3. Pruebas en cualquier lugar
4. Despliegue
5. Servicios en la nube

El XDK incluye: Pushmobi para el sistema de mensajes, acceso a la cámara, oAuth para una integración con servicios como Twitter,LinkedIn y Yelp. Generador de código de barras y escaneo de código QR. Y también ofrece la depuración utilizando Chrome.

XDK ofrece un IDE en el mismo navegador, el cual permite desarrollar la aplicación.

Además de todo ello, appMobi dice que XDK es totalmente compatible con el proyecto de desarrollo HTML5 multi plataforma PhoneGap, el cual recientemente llegó a su versión 1.0. Al igual que PhoneGap, el XDK de appMobi también provee acceso características nativas de los dispositivos, tales como GPS, acelerómetro, y cámara, además de ofrecer interacción táctil, gestos, vibración y más.

Los desarrolladores que utilizan XDK pueden escoger el integrar otros servicios de appMobi, que no son parte de la suite de desarrollo HTML5. Incluyen cosas como compras desde la aplicación, mensajes de contenido rico, uso de analytics, autenticación segura del usuario y actualización de aplicaciones.

Junto con XDK, appMobi lanzó HTML5 App School, un recurso online para aquellos que comienzan en el desarrollo de aplicaciones para móviles. Provee detallada información en todas las partes del proceso de desarrollo, desde la conceptualización, a través de planeamiento y desarrollo, hasta la publicación de la aplicación en tiendas online como la App Store de Apple. App School también ofrece acceso a herramientas, bibliotecas y otros recursos, foros, códigos de ejemplo, seminarios y vídeos instructivos.

Algunos comentarios sobre XDK resaltan algunos problemas con Java, pero no en todos los casos. ¿Cuál fue tu experiencia?

Descargar: XDK

Leer más

Extensión para buscar publicaciones en Google Plus

Extensión para buscar publicaciones en Google Plus

  7/20/2011    vhanla

---

Es irónico que la gran G, especialista en búsquedas aún no ofrezca la posibilidad de buscar entradas en Google Plus, lo único que permite es buscar perfiles de usuarios.

Si bien es cierto que Google Plus aún está en fase de prueba, existen trucos para poder buscar entradas de Google Plus, y es como sigue:

En el buscador  de Google escriben la palabra que desean buscar y luego agregan las siguientes palabras:

palabra a buscar site:plus.google.com inurl:posts

Sabiendo ese modo de búsqueda me di a la tarea de escribir una extensión para Google Chrome que permitiera realizar dicha búsqueda desde la misma página principal de Google+, y este es el resultado:

La extensión permite buscar mientras se escribe, y los resultados se muestran al instante (dependiendo de su conexión).

Los resultados son obtenidos en un iframe, los cuales debido a limitaciones de Google, no permite abrir los enlaces en la misma página, y otro inconveniente es que las entradas no son tan actuales que digamos.

Ahora es lo único que pude lograr, de seguro que Google ofrecerá búsquedas como lo hace Twitter, resultados en tiempo real.

La extensión la pueden descargar aquí ~> GPlus Posts Search - Chrome Web Store

Leer más

Busca en Google utilizando imágenes (extensión)

Busca en Google utilizando imágenes (extensión)

  7/01/2011    vhanla

---

Google recientemente mejoró su buscador al agregar soporte de búsqueda de imágenes similares tan igual como lo hace Tineye. Esta nueva característica permite buscar imágenes parecidas o incluso la imagen exacta, muy útil cuando encontramos imágenes de pésima calidad y/o tamaño pequeño, de tal forma encontramos con esa misma imagen una que sea de mejor calidad, o hasta incluso el original ya que podemos tener una imagen retocada (con texto u otro imagen incluida).

Hasta ahora la manera de utilizar era la siguiente, y sigue así al menos por ahora en otros navegadores que no sea Chrome:

Visitamos la página del buscador de imágenes http://images.google.com ahí podemos subir una imagen o su dirección URL para poder buscarla. Aunque a pesar de que esto suene sencillo, existe ahora otra forma aún más sencilla, y esto gracias a una extensión oficial de Google que permite buscar cualquier imagen con tan sólo hacer clic derecho en ella y elegir buscar. Si eso no fuera suficiente, además incluye la opción de colocar un pequeño icono en cada imagen para hacer clic ahí y empezar la búsqueda.

Descargar extensión Search by Image (by Google) - Chrome Web Store

Leer más

Hack–Círculos al estilo Google Plus para Facebook

Hack–Círculos al estilo Google Plus para Facebook

  7/01/2011    vhanla

---

Lo nuevo que resalta de Google Plus es la manera de agrupar nuestros contactos, utilizando círculos con tan sólo arrastrando los contactos en ella. Ahora, gracias a Circle Hack también se puede utilizar esa característica en Facebook. Desarrollado por Володя Колесников <voloko>.

Además de ello, es posible descargar el código fuente desde Github.

Para utilizarlo, tan sólo visitan el sitio web de Circle Hack y le dan permiso mediante su cuenta de Facebook.

Fuente: Create Facebook friend lists the Google+ way, with Circle Hack

Leer más

Opera 11.50 disponible

Opera 11.50 disponible

  6/28/2011    vhanla

---

Ya está disponible una nueva versión de este navegador web Noruego, con mejoras y nuevas características.

Opera 11.50 con nombre código “Swordfish” (pez espada) incluye nuevas y mejores características:

• Interfaz más espaciosa, ligera y amigable sin sacrificar la flexibilidad ni potencia. Algunos cambios son notorios, tales como la barra de direcciones y la de estado, un menú más pequeño.
• Las extensiones ahora comparten los cookies con el navegador, muy útil para compartir sesiones con las extensiones.
• Sincronización de contraseñas mediante Opera Link, se puede habilitar al momento de realizar la sincronización y/o configurando Opera Link.
• Opera Next, una edición de Opera con nuevas características para ver lo que se viene en próximas versiones.
• Motor de procesamiento de páginas web Presto 2.9
• Extensiones Speed Dial – ahora se puede mostrar contenido dinámico en las miniaturas de la página inicial denominada Speed Dial, gracias a esta nueva característica de Opera, asimismo poder ver logotipos de páginas web, además de poder instalar la extensión más de una vez.
  Aquí algunas extensiones para instalar: Extension list - Opera extensions
• Mejoras en la página de inicio SpeedDial para poder arrastrar pestañas abiertas y agregarlas a la lista de miniaturas.
• El instalador ahora tiene la opción de anclar Opera en la barra de tareas de Windows 7.
• Soporte a especificaciones Web:
  http://www.opera.com/docs/specs/presto29/

Para ver más cambios y mejoras visite
http://www.opera.com/docs/changelogs/windows/1150/ 

Descargar Opera http://www.opera.com

Leer más

Opera Next – Canal de desarrollo

Opera Next – Canal de desarrollo

  5/04/2011    vhanla

---

Opera anunció un nuevo canal de desarrollo al estilo de Chrome, denominado Opera Next, la cual servirá para publicar los últimos avances del navegador en estado de prueba.

Actualmente está en proceso de desarrollo la próxima versión de Opera, la versión 11.50 denominado “Swordfish” (Pez Espada), esta versión se enfoca en la adición de el canal de desarrollo Opera Next, sincronización de contraseñas y extensiones para el Speed Dial.

Opera Next nos permitirá ejecutar las versiones en desarrollo de Opera sin interferir con nuestra instalación de la versión estable de este navegador. Además se actualizará automáticamente a la última versión en desarrollo.

Para distinguirla de Opera estable, éste tendrá un icono de color blanco.

Opera Link (sincronización en la nube) agrega nuevas opciones, ahora con la características más pedida, la sincronización de contraseñas. Esa opción ahora está disponible al configurar Opera Link.

Extensiones para Speed Dials: ahora será como pequeñas páginas web embebidas en cada miniatura del Speed Dial. Se pueden agregar vistas previas de la página web con decoraciones agregadas, para hacer extensiones para el Speed Dial visite esta página.

^{Extensiones para Speed Dial (Temperatura, Galería de Imágenes)}

Algunos ejemplos de extensiones para Speed Dial.

Fuente: Opera Desktop Team - Swordfish and Opera Next

Leer más