Celestic 0.4.0 release

Ayer por la noche hize la segunda liberación del código fuente de Celestic en la version 0.4.0. Para quien aun no se entera, Celestic es un project manager especializado para llevar el control de Proyectos de software, escríto en php con Yii Framework.

En esta nueva versión Celestic se han corregido muchos bugs que fueron encontrados por aquellos usuarios que se dieron a la tarea de probar la herramienta, también se agregaron algunas nuevas funcionalidades y se actualizaron algunas extensiones.

Entre las nuevas características había pensado incluir diagramas de gantt, pero es algo que aun sigo evaluando, la integración de esta característica puede que solo sea informativa así que solo pienso crear algo más parecido a una línea de tiempo que sirva para ver el progreso de los proyectos.

En siguientes versiones estaré trabajar con un nuevo módulo de “Notificaciones” el cual permitira a los usuarios suscribirse o desuscribirse a los comentarios, esto con el hecho que cada usuario decida que sí o no recibiren su email.

Como proyecto paralelo a la aplicación web, también comencé a escribir una API que hace uso de REST, utiliza Restler y phpActiveRecordpero aun sigo evaluando otras alternativas.. lo que sí, es que será escríto también en PHP.. me hubiese gustado escribir esta API en java pero no es algo que quiera hacer.. eso de mezclar servidores no me parece buena idea.

En fin, el desarrollo de Celestic continua y cada actualización llegará con mejoras tanto en el código, funcionalidad y UI.

Pueden probarlo o descargarlo desde http://qbit.com mx/labs/celestic

El anuncio oficial esta en el blog de Celestic http://qbit.com.mx/labs/celestic/blog/2012/03/30/celestic-0-4-0-is-released/

Posted from WordPress for Android

Entradas Similares:

1. Para la siguiente liberación de Celestic
2. Lo que ha ocurrido en Celestic
3. SproutCore vs The-M-Project vs jQuery Mobile

Es muy extraño para mí ver hoy en día anuncios en la tv donde comunmente dicen “manda abc al 12345″ para recibir algún tipo de contenido multimedia (música, videos, imágenes, etc).. Y por la cantidad de anuncios que aparecen, creo que les ha de funcionar muy bien el negocio..

Pues bien, para quienes no sepan.. la mayoría de esos contenidos multimedia se pueden descargar desde internet y pasarlos a sus teléfonos de manera gratuita y sin tener que pagar un solo peso a nadie.. bueno, yo pensando en que todos tienen teléfonos que por lo menos pueden conectar a sus computadoras mediante cables USB.. Entonces hay muchos sitios en la red desde los que pueden obtener tonos, imágenes, temas, juegos y demás monerías.. y estos son algunos de esos sitios.

Mobile 9

Este sitio contiene gran variedad de temas y tonos para los teléfonos.. lo llegué a utilizar por un tiempo y la verdad hay muy buenos recursos. Las descargas son realmente sencillas, al inicio les pedirá seleccionar el tipo de teléfono solo para filtrar los resultados, el resto solo es cosa de elegir y descargar..

Argim

Creo que es un lugar para encontrar juegos principalmente.. arcade, deportes, casino, cartas y más.. de hecho hay juegos muy populares la mayoría escritos en java.. creo que quienes utilizan android o iPhone no aplican para estas descargas.

Zedge

Al igual que los sitios anteriores en zedge se pueden encontrar temas, tonos, juegos y diversos recursos para los teléfonos.. igual que mobile 9 aquí las descargas son casi inmediatas.. lo menciono porque encontrarán muchos otros sitios que piden que te registres, escribas datos de tu teléfono y que por medio de un mensaje te darán acceso a las descargas..

Valdría la pena probar estos sitios y ver que pueden encontrar, muy buenas recomendaciones.. Y una cosa más.. si utilizan teléfonos basados en iPhone o Android.. seguramente no podrán encontrar juegos en estos sitios.. la verdad es muy difícil.. pero si sus móviles estan bajo root o jailbrake desde las tiendas de aplicaciones fake encontrarán mejores cosas, inclusive desde torrent pueden encontrar packs de aplicaciones y juegos..

Entradas Similares:

1. El trafico de la ciudad afecta las redes moviles
2. Más de 250 Herramientas para desarrollo Web Online
3. Mootools vrs jQuery (Yo ya elegí)

Testing Mobile Frameworks

La semana anterior un amigo me pidió como favor escribir una aplicación muy sencilla donde pudiese llevar control sobre proyectos genéricos.. sencillo me refería a tener una lista de proyectos y que usuarios entraran a escribir comentarios sobre el avance que estaban logrando en sus trabajos.. Y fue así como decidí empezar.. me tomó un poco menos de 2 días finalizarlo y este artículo sería como la historia que se desarrollo durante esos 2 días de trabajo nocturno..

Para empezar tenía que ser una aplicación web ya que la meta es que usuarios tuvieran acceso a la aplicación de forma remota, luego pensé en hacer algo web pero no para browsers de escritorio, sino para clientes móviles y fue ahí donde la fiesta empezó.. Busqué alternativas este tipo de aplicaciones y encontré muchos frameworks que me permitían lograr ese objetivo.. al final decidí quedarme con 3 frameworks elegidos básicamente por la comunidad que los sigue.. Entre estos 3 frameworks tomé SproutCore, The-M-Project y jQuery Mobile..

SproutCore y The-M-Project son muy similares, ambos frameworks construídos para trabajar bajo arquitectura MVC, javascript y Open Source.. Empecé con SproutCore, ví algunos de los ejemplos y como se construyeron, pero no tardé mucho en desanimarme cuando empezaba con su instalación ya que SproutCore es una gema de Ruby por lo tanto dependía fuertemente de este lenguaje para instalarlo y seguramente desarrollarlo.. No tengo nada en contra de Ruby y me gusta muchísimo para desarrollar en él.. pero buscaba un framework independiente de un lenguaje interpretado.. entonces abandoné la idea de SproutCore.

Luego tomé The-M-Project y no tuve problemas para instalarlo, este  utiliza NodeJs y un paquete llamado Espresso que es el encargado de gestionar  la generación de los archivos y pruebas en servidor, en realidad es muy similar a SproutCore en cuanto a que se necesita de una libreria de nivel superior para ejecutarlo como lo es NodeJs.. pero lo que hizo la diferencia fue que claramente decía que una vez que se tiene la aplicación y esta lista para ser enviada a producción no necesitaría ni Node, ni Espresso ya que podría exportarlo a un formato donde cualquier otro tipo de servidor podría servirlo. Entonces empecé a utilizar The-M-Project, generé algunos controladores y vistas, los conecté a mi modelo de datos que de parte del servidor era REST escrito con Play Framework .. y ahí empezaron los problemas ya que el código escrito es puramente javascript y como tal no hay un validador de código que apunte que he tenido una equivocación.. entonces casi se volvería en error y prueba, por lo que quizás me tomaría el desarrollo un poco más de tiempo.. lo que tampoco estaba disponible a invertir.. entonces luego de un par de horas también lo abandoné.

Finalmente quedaba jQuery Mobile.. que en realidad no lo llamaría Framework porque lo único que ofrece son componentes estilizados y una librería para trabajar con los eventos touch de los dispositivos móviles.. En fin, empecé a desarrollar algo nuevamente para esta librería y fue realmente mucho más rápido que las 2 opciones anteriores.. pero es que hay una gran diferencia.. ya que SproutCore y The-M-Project estan basados en javascript que luego es interpretado hacia HTML.. en cambio en jQuery Mobile se escribe HTML como una aplicación web cualquiera por lo que la curva de aprendizaje es muy ligera.. Creo fuertemente que jQuery Mobile es una buena alternativa para escribir prototipos, pero no aplicaciones complejas.. por cierto, jQuery Mobile no tiene un componente datepicker para mobiles.. así es que hay evalúen bien antes de utilizarlo.

Al final por cuestiones de tiempo ya que solo me quedaba un par de horas para el desarrollo elegí jQuery Mobile aunque no muy convencido.. deseaba tener más olgura para probar a fondo SproutCore o The-M-Project, pero no fueron las circunstancias correctas para este mini test de frameworks para móbiles.

Una comparación rápida entre SproutCore y The-M-Project.. diría que The-M-Project es mucho más facil de comprender aunque creo que se encuentra un poco limitado por los documentos de ayuda y la falta de ejemplos o una wiki para guiar a los desarrolladores. Por otro lado SproutCore me dió la impresión de ser una herramienta muy bien desarrollada con una buena documentación, pero con una curva de aprendizaje un poco más compleja por el simple hecho de tener muchas características disponibles para desarrollar.

Entradas Similares:

1. Implementando un ToDo con jQuery para tu aplicacion Web
2. Lo que ha ocurrido en Celestic
3. Utilizando slideToggle de jQuery

Desarrollando America Latina

Ya tenía mucho tiempo desde que no participaba en eventos sociales donde grupos de desarrolladores, (hackers) cívicos o interesados en tecnología se reúnen para crear aplicaciones sociales, startups o simplemente reunirse para aprender algo nuevo o generar sinergia.

El evento en general estuvo muy bien organizado y los datos aunque en el momento de liberación no había mucho que elegir, al llegar y relacionarse con la gente, casi de forma inmediata salían nuevas ideas y formas de obtener información. Nuestro grupo se preparo eligiendo la tecnología, generando algunas ideas y seleccionando la información, todo parecía incierto al inicio pero una vez en el evento empezamos a descubrir la gran cantidad de personas que estaban listos para desarrollar aplicaciones que implicaban el uso de mapas geográficos. Nuestra idea tenía ese giro y lo cambiamos de un momento a otro en una decisión de hacer algo nuevo y que les pudiera servir a los demás.

Así es como ideamos no una aplicación, sino un plugin o script que generará mediante un mapa de calor estadísticas sobre eventos que ocurren durante determinados lapsos de tiempo. Al empezar pensamos que podría ser para seguridad, pero mediante conversaba con compañeros empezaba a encontrar nuevas formas de uso que podrían beneficiar tanto a los gobiernos como a las personas. Mis compañeros y yo nos encerramos y logramos desarrollar en alrededor de unas 18 horas seguidas el pequeño conector que sabríamos que muchos podrían integrar en sus sitios al mismo tiempo que lo alimentarían.

El día ha terminado, la presentación de los proyectos ya esta en marcha.. estamos muy cansados pero al mismo tiempo contentos de haber desarrollado una herramienta tan poderosa en tan poco tiempo. Ahora el código está disponible en github para la descarga.. básicamente es un solo archivo con unas 400 lineas de código el que hace la magia de la visualización. Quizás lo continuemos en nuestro tiempo libre o tal vez esperemos que alguien interesado en mejorarlo decida tomarlo y no dejar que se llene de telarañas.

Nos vamos con la idea que hacer aplicaciones sociales, públicas o privadas no lo es todo.. y que podemos ayudar a la sociedad creando aplicaciones que generen un beneficio a los demás.

Entradas Similares:

1. En nuestro laboratorio nace RFC Validator
2. Utilizando slideToggle de jQuery
3. Las redes sociales nos informan y alimentan el morbo

Celestic Project Manager

Hay muchas cosas que tengo en mente desarrollar para mejorar Celestic, incluyendo la forma en que se estan desarrollando los proyectos de software y aún más importante las méticas de visualización que guían a un buen Project Manager, por lo que para la siguiente versión de Celestic estaré trabajando en las siguientes características:

• Finalizar la traducción al Portugués
• Agregar la traduccion al Alemán (Gracias a Lars Wohlfahrt)
• Agregar suscripciones en los módulos y se harán mejoras en el sistema de notificación via email
• Notificaciones en tiempo real
• Timeline basado en el historial de eventos ocurridos durante el proyecto
• La licencia cambiará de GPL3 a GPL2, creemos que GPL3 no es lo más óptimo para quienes utilizan la herramienta
• Modificacion las tareas para agregar un nuevo módulo llamado “Tickets” el cual permitira reportar errores o solicitar nuevas caracteristicas
• Desarrollaré una API para desarrollar aplicaciones móviles (Webservices  SOAP Interface)

Entradas Similares:

1. Lo que ha ocurrido en Celestic
2. Celestic Project Manager 0.4.0
3. Ciclo de vida de una aplicacion web utilizando un framework MVC

El título es subjetivo, pero se trata de html y web.. Miren nada más con lo que me encontré buscando algo de información en la red..

<body
oncontextmenu="return false" 
onkeydown="return false" 
ondragstart="return false" 
onselectstart="return false">

Pensé que estas cosas ya no las hacían, porque en realidad es escribir de más, digo.. siempre se puede tomar el contenido de una pagina.. hay miles de maneras de copiarlo, robarlo, duplicarlo, etc..

Y aquí la fuente:
http://www.alzhem.com/_support/_tutorials/tutorial06.htm

Entradas Similares:

1. Implementando un ToDo con jQuery para tu aplicacion Web
2. CSS, utilizalo porque es muy importante
3. Librerías para manipular SVG

Java Tomcat eclipse plugin

Hace algunos meses empece a utilizar java servlets .. y mi entorno favorito para aprender siempre ha sido linux.. por lo que al menos un camino no muy cómodo me esperaba en cuanto a la configuración de tomcat .. o al menos eso fue lo que pense… pero Voila!! la configuracion de tomcat fue relativamente sencilla.. Para la demostracón,  tengo ubuntu 10.10 x64 y eclipse 3.6.2 x64.

Entonces con ayuda de Carlos Herrera, pude configurar sin problemas tomcat, que por cierto para abrir la página de administración de aplicaciones de tomcat hay que apuntar a http://localhost:8080/manager/html y por omisión los datos de acceso son usuario y clave de acceso admin.. pero ojo, en mi caso esos datos no funcionaron por lo que tuve que modificar el archivo /var/lib/tomcat6/conf/tomcat-users.xml y agreguen al final de este lo siguiente:

<role rolename=”manager”/>
<user username=”admin” password=”admin” roles=”manager”/>

Lo siguiente fue la instalación del plugin.. nada del otro mundo.. solamente descargue la ultima versión del plugin de http://www.eclipsetotale.com/tomcatPlugin.html  .. lo descomprimi y el contenido lo pegue en la carpeta dropins de la estructura de carpetas de eclipse.  Ya para configurarlo, solamente hay que irse a Windows->Preferences->Tomcat ..

Ahora la parte interesante, hay una gran diferencia entre “Tomcat Home” y “Tomcat Base” .. el primero es donde se aloja el ejecutable del servidor.. y el segundo es donde se alojan las aplicaciones.. Entonces siendo esto, la configuracion del plugin de tomcat en eclipse queda de la siguiente manera..

Tomcat Home: /usr/share/tomcat6

Tomcat Base: /var/lib/tomcat6

Eso es todo lo que se necesita para que el plugin funcione correctamente.. o a medias.. porque hasta este punto tuve que realizar par de cosillas que anote como errores al iniciar el servidor.. Para ya no tener mas problemas, tuve que crear una carpeta llamada temp dentro de /var/lib/tomcat6/ y otorgar permisos de lectura y escritura.. tambien tuve que modificar los permisos a lectura para el archivo /var/lib/tomcat6/conf/tomcat-users.xml

Entradas Similares:

1. QuantumDB integra un cliente de BD un a tu entorno de desarrollo en Eclipse
2. Specified VM install not found, errorcillo jugueton
3. Adobe Flex Builder Linux Alpha 2

How technology affect us

Ayer por la noche leia un post de mi amigo @cbssma donde contaba desde su punto de vista como todo esto de la tecnologia y las redes sociales hacen que pierdas a tus compañeros de estudio, trabajo, inclusive hasta vecinos que comparten la misma casa.. Extraño verdad.. pero muy cierto, no es la primera vez que llegamos a un lugar a comer y en no se que momento todos estamos revisando que ha pasado en el ciberespacio.. que han escrito en twitter o que chismes nuevos se filtraron en facebok.. en ese momento nos perdimos mutuamente.

Hace unos dias platicabamos sobre un lugar anti-tecnologia, un lugar donde no se permitieran los dispositivos de comunicacion.. pero esa idea es dificil de concebir en cabezas que han adoptado la tecnologia como un medio requerido para las tareas cotidianas.. (claro, algunos trabajos requieren de tu atencion sobre la tecnologia en todo momento, pero ojo solo cuando se trabaja.. sigue leyendo =D)

Entonces ya nos volvimos tecnologo-dependientes?? puedes y eres capaz de seguir tu vida sin conexion?? ja’ eso sono mucho a matrix.. estamos conectados de cierta forma a la red a traves de los dispositivos moviles.. en mi caso particular cuando viajo a mi pais de origen normalmente de vacaciones, practicamente me desconecto.. y no del todo porq cada 2 o 3 dias veo q hay de nuevo.. pero de acuerdo a mis actividades o que lugares visito, facilmente puedo obviar es estar conectado.. (bueno, forzado porq los accesos a la red movil como acostumbro utilizar son casi inexistentes) y gracias a esas actividades puedo decir y casi apostar que nadie depende de la tecnologia para continuar viviendo.. hay momentos en los que simplemente deja de ser importante tener acceso a toda esa informacion y nada mas vives con lo que sabes.

Entradas Similares:

1. Las redes sociales nos informan y alimentan el morbo
2. El tiempo y la complejidad de mantener un blog
3. El trafico de la ciudad afecta las redes moviles

SlideToggle

Ha decir verdad me inclino muy poco por la librería jQuery para manipulación del DOM en HTML, pero es igual de simple y sencilla que otras que conozco, aparte de que no me queda de otra más que utilizarla ya que el framework de PHP que utilizo esta fuertemente armado con ella por lo que no hay de otra más que meterle mano y aprovechar cuanto sea posible, en fin..

Este post es una rápida entrada en la cual explico de que manera se puede modificar el texto del elemento que abrió o cerró la etiqueta de contenido.. Creo que explicar el uso de slideToggle no tiene mucho caso ya que es sumamente sencillo aplicarlo por lo cual dejare este tema por entendido.

El codigo JS

$('.slidetoogleTitle').click(function () {
   $(this).parent().next().slideToggle('fast', function(){
      ($(this).prev().children(':first-child').html() == "hide") ? $(this).prev().children(':first-child').html("show") : $(this).prev().children(':first-child').html("hide");
   });
});

El contenido

<h3>Demo Content (<span class="slidetoogleTitle">view</span>)</h3>
<div class="slidetoogleContent" style="display: none;">
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>

Creo que se puede mejorar poniendo un atributo al span que lanza el evento de toggle y así no se tendría que usar la funcion html(), sino más bien la funcion attr().. hay mil maneras de hacerlo.. esta es solamente otra.. Ahora pueden ver el resultado haciendo click en este enlace

Entradas Similares:

1. SproutCore vs The-M-Project vs jQuery Mobile
2. Implementando un ToDo con jQuery para tu aplicacion Web
3. Mootools vrs jQuery (Yo ya elegí)

Imagen tomada de http://www.xcapesolutions.net/

Actualmente estoy trabajando en un proyecto personal que pienso liberarlo en algun momento como OpenSource, he dedicado mucho tiempo a escribirlo minusiosamente bien, comentándolo y utilizando estándares para el desarrollo de aplicaciones web, todo esto pensando en que alguien más lo quiera tomar y continuar con su desarrollo. Por eso ya en la parte final de ese proyecto he llegado al punto donde muchos desarrolladores temen llegar y es la etapa de pruebas, donde muchas veces nos encontraremos los odiados bugs o errores. Entonces este post trata sobre lo que debes de tomar en cuenta al revisar una aplicación web y no me refiero a la parte funcional (no estoy hablando de QA), sino más bien a la parte lógica y de presentación, cosillas que generalmente siempre se hacen a un lado porque simplemente las obviamos.

Pruebas sobre los elementos de los Formularios
- Validaciones sobre los campos
- Mensajes de error correctos sobre ingresos de texto incorrectos
- Diferencias entre campos opcionales y mandatorios

Peticiones vía Callback
- Cuidar que el retorno de información solamente sea el necesario
- Verificar en conexiones POST que la información es enviada desde el mismo servidor

Pruebas sobres los Enlaces
- Verificar enlaces Internos
- Verificar enlaces Externos
- Verificar enlaces rotos
- Verificar enlacesa servidores de correo

Cookies
- Almacenamiento de cookies, verificar que su estado este encriptado
- Cuidar el uso de variables que se almacenaran en cookies

Bases de Datos
- Integridad en la información almacenada en la Base de datos (sobre todo cuando se eliminan registros)
- Uso correcto de índices sobre las tablas
- Verificación de tipos de consultas (consultas separadas o consultas de integración de varias tablas)

Usabilidad
Usabilidad es el proceso en el cual usuario y computadora interactuan.
- Facilidad de entendimiento sobre el funcionamiento de la aplicación
- Navegación
- Apariencia confortable

Compatibilidad del lado del Cliente
Pruebas de compatibilidad en varias architecturas, plataformas y navegadores.

Seguridad
La principal razón por la cual se realizan pruebas de seguridad sobre aplicaciones web es para identificar potenciales vulnerabilidades que afecten el funcionamiento de la aplicación.
- Escaneos de puertos
- Escaneo de vulnerabilidades
- Seguimiento, detección de claves de usuarios
- Revisión de registro de errores
- Detección de Virus

Rendimiento
Las pruebas de rendimiento son realizadas para comprender de que manera en un futuro se puede escalar y mejorar la arquitectura y funcionamiento de la aplicacion.

Velocidad de respuesta
Realizar pruebas sobre diferentes tipos de entonos de conexión (Dial Up, Móvil, DSL, etc)

Velocidades de Carga
- Verificar tiempos de carga para librerias externas CDN-Hosted
- Tiempos de respuesta con conexiones simultáneas
- Verificación de tiempos de carga y comportamiento de los servidores en ese momento
- Pruebas con grandes cantidades de peticiones por los usuarios

Pruebas de Estrés
- Cargas contínuas
- Rendimiento de la memoria, CPU, manejo de archivos, etc

Entradas Similares:

1. Implementando un ToDo con jQuery para tu aplicacion Web
2. Ciclo de vida de una aplicacion web utilizando un framework MVC
3. Super Happy Developer House 9