Hace algunos dias atrás trabaja en un banner para CalcImp, no es que me dedique a eso, pero es algo que se necesitaba en ese momento.. y si lo podía hacer, pues no me costaba ayudar para hacerlo.

Inicialmente cuando pensé en baner me vino a la mente flash y las animaciones que en algun momento ayudaron a mejorar la presentación de la publicidad en la red, pero al mismo tiempo pensaba en los dispositivos móviles. Quería hacer algo animado, novedoso y multiplataforma.

Entonces tuve la disparatada idea de hacerlo con soporte para los dispositivos móviles como teléfonos, tabletas y cualquier  cosa con acceso a internet (visual).. Y para eso pense en Canvas.. busqué algunas librerías especializadas en animación y encontré unas cuantas.. pensaba que ya habría solucionado el problema pero era solo el inicio.. Basicamente canvas es soportado por los dispositivos móviles con navegadores relativamente nuevos y ahí fue donde empezó a fallar mi idea, ya que al requerir de nuevos browsers el banner quedaría limitado a un número talvés reducido de usuarios porque como es bien conocido, el sitio donde se alojaría el banner segun estadísticas tenía la mayoría de internautas utilizando IEx y conocemos bien esa historia.. aun es muy temprano para enfocarse en tecnologías multiplataforma y lo digo no porque no las tengamos, sino porque gran cantidad de internautas no actualizan sus aplicaciones.

Al final la idea no quedó en nada, el banner terminó siendo una transición de imágenes en formato gif y mi experimento de canvas fracasó antes de empezar.. Quizás en unos años cuando se tenga la disponibilidad de utilizar nuevos navegadores esta idea si pueda emprender el vuelo.

Posted from WordPress for Android

Entradas Similares:

1. HTML5 ha llegado, lo que debes saber
2. Google y el futuro de Android
3. Prueba de velocidad para Frameworks de Javascript

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. Ciclo de vida de una aplicacion web utilizando un framework MVC
2. internacionalizacion y adaptacion local del lenguaje
3. Estrenando extension para Yii Framework en Github

Flatiron Texture Baking

Parte de lo que hago es trabajar con 3D Max y muchas de las tareas que hago son mecánicas, algunas veces tediosas y aburridas.. En mi caso utilizo Flatiron que es un plugin para generar “Render to Texture” el cual es capaz generar escenas completas o selecciones de objetos en un mapa UV solo con unos cuantos clicks. Aquí el problema es que se debe de generar el render por cada elemento manualmente y ahi es donde no se vuelve tan interesante la herramienta.

Este script recorre todos los objetos de una escena y genera texturas utilizando todos los espacios disponibles en el tamaño de una imagen, lo aclaro porque cuando se utiliza el “Render to Texture” de 3D Max se desperdicia mucho espacio en la imagen generada.

Para probarlo, simplemente crean un nuevo script desde el menu de 3D Max – MAXScript – New Script, pegan el codigo siguiente.. y presionan la combinación de teclas CTRL+E .. automaticamente el script empezara a funcionar, generando la envoltura y el render de acuerdo al nombre del objeto. Se puede aun mejorar mucho más, pero básicamente así funciona.

for numNodesgeometry in geometry do
(
   select numNodesgeometry
   Flatiron.reset()
   Flatiron.map_channel = 1
   Flatiron.stretch = 0.1
   Flatiron.padding = 4
   Flatiron.width = 350
   Flatiron.height = 350
   Flatiron.use_grooves = true
   Flatiron.groove_angle = 90
   Flatiron.use_ridges = true
   Flatiron.ridge_angle = 90
   Flatiron.overlap = 2
   Flatiron.illumination = true
   Flatiron.composite = true
   Flatiron.output = ("C:\\" + numNodesgeometry.name + ".png")
   Flatiron.element_str = "Ambient Occlusion"
   Flatiron.slot = "Diffuse Color"
   Flatiron.use_shell = true
   Flatiron.preview = false
   Flatiron.unwrap()
   Flatiron.bake false
)

Entradas Similares:

1. .Type Resource Exporter (Neoaxis y 3D Studio)

Specified VM install not found

Eclipse en mi linux es la mejor herramienta que he encontrado para desarrollar en diferentes lenguajes, gracias a sus multiples plugins consigo desarrollar en java, php y ruby.. Ya tenía bastantes semanas desde que no lo utilizaba con java, por lo que podría decir que estaba entelarañada una aplicación que desarrollo en colaboración con @carlosHT .. en fin.. hice lo que normalmente hago.. Actualizar del repositorio, levantar el servidor de apache, compilar la aplicación y hacer las distribuciones  para su publicacion.. pero al hacer el “compile” desde el Ant .. un error molesto no me lo permitía.. “Specified VM install not found: type Standard VM, name java-6-sun-1.6.0.xx”

Supongo que la versión del VM de java puede variar segun lo que tengan instalado.. entonces empezó mi búsqueda para solucionarlo.. verificando si la versión que tenia instalada coincidia con la del error.. si eclipse estaba utilizando la versión instalada y si el compiler estaba usando la versión correcta.. y nada!! todo parecía estar en orden..

Pero después de minutos de búsqueda.. Sorpresa!! ya había dado con el problema.. y era por un archivo de configuración de mi proyecto en eclipse.. especificamente hablando de *.build.xml.launch .. y la solución más fácil que nada.. “Borrarlo”, claro que con el eclipse cerrado.

Al abrir nuevamente eclipse este archivo se volverá a generar, generando la línea correcta del VM. La ubicación de este archivo es:

workspace/.metadata/.plugins/org.eclipse.debug.core/.launches/*.launch

Y la línea molesta es:

<stringAttribute key=”org.eclipse.jdt.launching.VM_INSTALL_NAME” value=”java-6-sun-1.6.0.xx”/>

Entradas Similares:

1. Tomcat eclipse plugin en linux
2. NoClassDefFoundError o Bad version number in .class (Error al actualizar)
3. QuantumDB integra un cliente de BD un a tu entorno de desarrollo en Eclipse

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. Implementando un ToDo con jQuery para tu aplicacion Web
2. Mootools vrs jQuery (Yo ya elegí)
3. Ciclo de vida de una aplicacion web utilizando un framework MVC

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. Aplicación para realizar cuestionarios en línea

MVC Framework

En mi camino de aprender a utilizar algunos frameworks para diferentes lenguajes de programación, he notado que básicamente todos hacen lo mismo pero de diferentes maneras, unos con mayor facilidad que otros.. y básicamente he podido identificar etapas que en el uso de estos frameworks se deben de seguir al pie de la letra..

El diseño de datos y el análisis de los requerimientos, es la parte más importante al momento de iniciar una aplicación de software ya que esto define el tiempo que nos podría tomar el desarrollo completo del proyecto..

La creación de la estructura de la aplicación y mapeo de los datos, básica y muy rápida, se podría decir que es la base sobre la cual trabajaremos las siguientes etapas.. digo que es básica porque la mayoría de frameworks hacen de esto una tarea sumamente ágil creando formas para interactuar con las base de datos.

La corrección o correcta implementación, ahh es eso que no logran hacer los frameworks y aquí es donde se implementa la lógica de desarollo, es esa manita de gato que nosotros le damos al framework ayudando a que nuestra aplicación tenga un poco más de sentido. La mayoría de las veces los frameworks nos ahorrarán muchas horas de desarrollo, pero hay muchos procesos que no dejan de hacerse manualmente. Hey, no todo es en modo automático. Esto sería como la transformación visual de los componentes, otra forma de llamarse sería como el diseño de la interfaz (UI – UX).

Implementación de los esquemas de seguridad, permisos, roles o tareas específicas. Aquí también es donde se desarrollan los logs o registros de seguimiento.

Diseño visual de la aplicación. Aunque  seguramente en la etapa de implementación se hizo algo de esto, fue muy poco o no debería de hacerse y es que en esta etapa es donde se centra principalmente la mayor cantidad de trabajo para hacer que nuestra aplicación sea visualmente cautivadora y atractiva (mejor conocida como la etapa de las flores). Ahh, pero no se dejen engañar porque podría ser una de las etapas más complejas si tratan de seguir estandares..

Pruebas de estrés y rendimiento, también es donde nos podemos dedicar a corregir errores, sugerir cambios o implementar nuevas funcionalidades..

A decir verdad, un lenguaje de programación no determina la complejidad de desarrollo de una aplicación cuando se utiliza un framework, pues la función principal de estos es ahorrar horas de trabajo. Claro, no significa que deba de quitarle mérito a quienes desarrollan aplicaciones con este tipo de herramientas, porque en todas las etapas que identifique se necesita la intervención de una persona.

Crees que me hizo falta algo ?

Entradas Similares:

1. Aplicación para realizar cuestionarios en línea
2. Patrones de diseño para interfaces web
3. Popularizando el uso de los frameworks

Neoaxis .type Resource Exporter

Parte de lo que actualmente hago en mi trabajo en colaboración con mis compañeros es una aplicación en la cual tratamos de reconstruir un ambiente tridimensional de un presa hidroelectrica, todo esto a partir de planos de los que algunas personas se encargan de llevar al 3D.. el proceso va desde el dimensionado, texturizado, algunas animaciones y el producto final debe de estar contenido en la aplicación o cuyo motor esta montado sobre Neoaxis Engine.

Mi parte del trabajo no fue el desarrollo del visor (fue trabajo de Zeru y el Castor), sino entre 3D Studio Max y los editores de Recursos y Mapas del engine, como base el editor de recursos de Neoaxis necesita basicamente 3 tipos de archivos para poder visualizar correctamente un modelo que son HightMaterial, Mesh, Type. Con el exportador de Neoaxis se pueden generar los archivos .mesh pero el resto casi lo tenía que hacer a mano y si que era un trabajo tedioso y aburrido por lo que decidi generar una pequeña rutina para generar los archivos .type a partir de todos los modelos que tuviera en mi archivo de 3D Studio.

El siguiente script crea archivos .type, genera archivos .hightMaterial y extrae las texturas de la ruta que sea y las deja en una carpeta comun referenciada hacia el archivo hightMaterial. Actualmente esto funciona y fue probado hasta la version 0.85 de Neoaxis engine y me liberó de mucho trabajo que se tenía que hacer a mano.. y bien, como todo pensando en automático espero que le sirva a alguien.

macroScript TypeResourceExporter
category:"Jack - MAX Script" 
tooltip:"Resource Exporter" 
buttontext:"Neoaxis Type Resource Exporter" 
Icon:#("Standard_Modifiers",10)
(
	global FilePath = maxFilepath
	global mats = sceneMaterials
	global cacheMeshes = "Cache\Modelos\\"
	global cacheTexturas = "Cache\Texturas\\"
 
	global pathTypes = "/Types/"
	global pathMapas = "/Materiales/"
	global pathTexturas = "/Texturas/"
 
	global thePath
 
	fn RemoveWhiteSpaces stringChar =
	(
		oldname = filterString stringChar " "  
		temp = oldname[1]  
		for i = 2 to oldname.count do  
		(  
			temp = temp + "_" + oldname[i]  
		)
		return temp
	)
 
	i = 0
	-- Se recorren todos los objetos del escenario
	for numNodesgeometry in geometry do
	(
		numNodesgeometry.name = RemoveWhiteSpaces(numNodesgeometry.name)
		select numNodesgeometry
		makeDir (SavePathMesh = FilePath + pathTypes)
		currentIn = SavePathMesh + (numNodesgeometry.name + ".type")
		currentFile = openFile currentIn mode: "wt"
		format "type %\n" (numNodesgeometry.name) to:currentFile
		format "{\n" to:currentFile
			format "\tclass = Dynamic\n" to:currentFile
			format "\tallowEditorCreate = True\n" to:currentFile
			format "\tattachedObjects\n" to:currentFile
			format "\t{\n" to:currentFile
				format "\t\tmesh\n" to:currentFile
				format "\t\t{\n" to:currentFile
					format "\t\t\tmeshName = %%\n" (cacheMeshes) (numNodesgeometry.name + ".mesh") to:currentFile
					format "\t\t\ttoCollision = True\n" to:currentFile
					format "\t\t\talias = colisionable\n" to:currentFile
				format "\t\t}\n" to:currentFile
			format "\t}\n" to:currentFile
		format "}\n" to:currentFile
		close currentFile
		i = i + 1
	)
 
	-- Se recorren todos los materiales del escenario
	for mat in mats do
	(
		-- Se crean las carpetas donde se almacenaran los archivos de mapas y texturas
		makeDir (SavePathMapas = FilePath + pathMapas)
		makeDir (SavePathTexturas = FilePath + pathTexturas)
 
		-- Si alguno de los materiales encontrados es estandar
		if (classof mat == Standard) do
		(
			local TextureFileName = "notexture"
			if classof mat.diffuseMap == Bitmaptexture then
			(
				mat.name = RemoveWhiteSpaces(mat.name)
 
				TextureFileName = filenameFromPath mat.diffusemap.bitmap.filename
				currentIn = SavePathMapas + (mat.name + ".highMaterial")
				currentFile = openFile currentIn mode: "wt"
 
				format "highLevelMaterial %\n" mat.name to:currentFile
				format "{\n" to:currentFile
					format "\ttemplate = ShaderBaseMaterial\n" to:currentFile
					format "\tdiffuse1Map\n" to:currentFile
					format "\t{\n" to:currentFile
						format "\t\ttexture = %%\n" (cacheTexturas) (TextureFileName) to:currentFile
					format "\t}\n" to:currentFile
				format "}\n" to:currentFile
 
				close currentFile
 
				archivoruta = mat.diffusemap.bitmap.filename
				separar = filterString archivoruta "\\"
				archivonombre = (separar[separar.count] as string)
 
				destino = SavePathTexturas + archivonombre
				copyFile mat.diffuseMap.fileName destino
			)
		)
	)
	messagebox "La exportacion ha finalizado" title:"Resource Exporter"
)

Entradas Similares:

1. Flatiron Texture Baking Maxscript
2. Yii Framework ¿Ya tengo mi Base de Datos y ahora que hago?
3. Visual Studio 2008, esta versión nos servirá de mucho

Github y mi nueva extension para yii framework

Para quienes no sepan que es Github es una herramienta o servicio social de alojamiento utilizado para compartir código, muy fácil para llevar el control de versiones y útil para cuando más de una persona trabaja con código en proyectos de software..

Pues bueno aun no había tenido la oportunidad de probar bien esta nueva herramienta hasta que decidí crear una pequeña extensión para Yii Framework, el propósito de la extensión es poder manejar o mover items entre 2 listas (básicamente eso) utilizando jQuery y PHP. Y claro como todo lo que se hace en la web, la ideología principal es poder compartir esa información, por lo que decidí subir el código de la extensión a Github. Por si quieren hecharle una miradita el repositorio se encuentra en http://github.com/jackfiallos/optiontransferselect.

Una de las opciones que más me llaman la atención de esta nueva manera de compartir código es que podemos tomar una copia de ese código y empezar un nuevo hilo de desarrollo o lo que se conoce como fork. Igualmente tiene otra opción llamada watchers es cual nos avisa de las personas que estan siguiendo nuestro releases o nuevas implementaciones o nuevas modificaciones en el código.

Ahora que ya saben que es Github y si es código lo que quieren compartir ya saben que hacer.. quizás en otro post publique como iniciar un nuevo repositorio.

Entradas Similares:

1. Estrenando nueva extensión para ffox en ubuntu ..ScribeFire..
2. Para la siguiente liberación de Celestic
3. vCal extension de un calendario para Mootools