Develop your Dream

Presentacion Valores - Gerencia de Proyectos

2011-10-02T13:40:00.001-04:30

Acta Constitutiva

Valores - Gerencia de Proyectos

2011-10-02T13:24:00.003-04:30

UNIVERSIDAD CATÓLICA ANDRÉS BELLO

Estudios de Postgrado

Ciencias Administrativas y de Gestión

Caracas – Montalbán.

Trabajo deInvestigación en el Ciberespacio

“Valores”.

Contenido

Valores - Introducción

Importancia de los valores en las empresas

Retos que plantean los valores

La cultura de los valores en la empresa

Conclusión

Referencias Bibliográficas

Valores - Introducción

Según la real academia española, la palabra valor es se describe como “m. Grado de utilidad o aptitud de las cosas, para satisfacer las necesidades o proporcionar bienestar o deleite”. Esto nos da un gran abreboca a entender que pueden ser los valores. Si el valor es algo que podemos obtener de en forma tangible o intangible para poder cubrir una necesidad de queremos derivada de una acción realizada previamente o simplemente, proporcionar un satisfacción personal o a un grupo en particular, podemos asegurar que los valores un conjunto de cosas, acciones, palabras o frases que pueden lograr la satisfacción o bienestar de una o más cosas.

Desde los inicios de la humanidad toda persona a lo largo de su desenvolvimiento ante una sociedad (medio en el cual el individuo es rodeado), debido a procesos de aprendizaje, bien sea por, inferencia consiente e inconsciente, asociación, entre muchos otros, han formado lo que son nuestros valores. Estos valores en cierto grado marcan una especie de círculo imaginario de firma irregular la cual delimita que somos. Muchos de ellos han pasado de generación en generación en nuestras familias y a su vez el individuo moldea otra gran cantidad emitidos por grupos de amigos, gente conocida y varios escenarios que se nos presenta en el día a día los cuales se traducen en una conclusión y fortaleciendo o creando los valores.

Es muy común escuchar los valores de la sociedad y dependiendo en el escenario en que estemos rodeados la sociedad en la cual vivimos se regirá mas por algunos valores que por otros, pero siempre en toda ocasión desde que nacemos hasta el fin de nuestra existencia, desde que nos levantamos hasta que nos acostemos a dormir, estaremos radiados de esta lista interminable y de acuerdo a la acción que estemos haciendo aplicaremos en mas grado algunos valores más que otros (cuadro 1).

Cuadro 1 - Valores frecuentemente mencionados

Honestidad	Compromiso	Responsabilidad
Tolerancia	Humanidad	Objetividad
Respeto	Sociabilidad	Autodominio
Integridad	Quidad	Trasparencia
Justicia	Seguridad	Calidad
Eficiencia	Eficacia	Sacrificio

Siempre que se crea un grupo, para lograr uno o más objetivos se traza un plan de acción, estos planes pueden ser discutidos o escritos ¿Cómo vamos a lograr de estar aquí a estar allá?, esto lo conocemos como visión, luego se preguntan, ¿a quienes vamos a beneficiar?, ¿con que propósito?, lo cual conocemos como una misión, y por ultimo ¿bajo qué criterios o patrones nos vamos a regir?, ¿Qué actitud debemos tomar para hacer que esto
progrese? Esto se conoces como el valor.

Podemos seguir evolucionando esta idea hasta llegar a nuestro tema, las empresas. Las empresas siempre se enmarcan dentro de lo que es una serie de valores. ¿Por qué una empresa necesitaría de valores? Por la misma razón en la que se rige el comportamiento humano dentro de una sociedad, para decirle tanto a sus empleados como a el mundo, quienes son y cómo se rigen, no tanto como en una sociedad si no, a un nivel más alto como lo es el
mundo y su mercado.

Importancia de los valores en las empresas

Ya a este punto, tenemos una visión muy amplia de forma teórica, de lo que son los valores para nosotros, como lo identificamos de forma objetiva en los demás y como la utilizamos cuando trabajamos en grupo. Ahora nos toca hablar un poco de porque la empresas consideran importante tener valores por las cuales regase.

La respuesta es muy sencilla, supongamos un momento que si nosotros estuviéramos rodeados de una sociedad donde la justicia se impusiera ante cualquier acto realizado, lo más seguro es que a medida que nosotros cresemos en esta sociedad, seremos justos en lo que ágamos y también es muy probable que nos moleste y nos hiera la injusticia. Si en ese momento estamos buscando trabajo y nos encontramos con una empresa que nos diga que tenemos que
lograr el objetivo a costa de lo que sea, lo más seguro que pase, es que no nos identifiquemos con ese lineamiento, lo cual nos llevara a reflexionar si realmente queremos trabajar ahí o seguir buscando otras alternativas.

Con lo descrito en el relato anterior podemos decir que los valores dentro de una empresa u organización necesitan tener un sentido práctico para los miembros que la constituyan. Esto debe ser conocido por todo el personal, desde el que es recepcionista hasta los cargos más altos de la organización y aun más importante esto debe tener un significado para ellos en los cuales ellos se sientan comprometidos a aplicar y sean puestos en práctica.

No se quiere decir en ningún momento que si una empresa tiene ciertos valores y un individuo tiene ciertos otros, este deba irse de la misma, sino que queda a juicio de la persona aceptar la manera en la que la empresa u organización realiza sus expectativas.

Es muy importante que las empresas hagan conocer sus valores ya que estos son los pilares en los cuales se van a regir y es necesario que de forma individual y colectiva se hagan saber la importancia de los mismos, su utilidad práctica, los retos que esto conlleva y la manera de afrontarlo.

Los valores son parte de la estrategia de una organización, estas nos sirven para tener una especie de guía, una orientación para que sus miembros caminen sobre ella y sepan cómo deben comportarse tanto dentro como fuera de ella. También permite que sus miembros vayan todos en un mismo sentido, y si todos están claro, esto conlleva a una protección ante amenazas
que vayan en contra de ellas, amenazas tanto internas, un ejemplo muy particular es la contratación de un nuevo miembro de la organización, si todos los miembros saben cuáles son los valores lo más seguro es que el nuevo miembro se amolde este ambiente, como externas, la cual sería la actitud que tenemos con nuestros clientes finales. De Igual forma sirve como un mecanismo de autogobierno, por el que se orientan los miembros de la organización lo cual permite una mejor cohesión y sentimiento ante la empresa u organización en la cual trabajemos. Y no podemos olvidar que esto también nos sirve para hacer la evaluación y selección de personal.

Cito la frase de Tom Peters (1999) – Los valores son los impulsores principales de la actuación de las personas y las organizaciones, son los que otorgan cohesión y sentido de pertenencia y establecen compromisos éticos, entre sus miembros y de la organización con sus clientes y socios

Retos que plantean los valores

Siempre que se adopta una posición y una visión a la cual queremos llegar, nos encontraremos con muchos obstáculos para llegar a ellos. Lo mismo podemos plantear cuando las empresas u organizaciones hablan de valores y queremos hacer llegar el mensaje del mismo a los miembros que la conforman.

Uno de los retos que podemos mencionar, tiene que ver con lo que planteamos en uno de los ejemplos anteriores. Si se es justo lo más seguro es que nos moleste o nos hiera la injusticia, si se es honesto lo mismo pasara con la deshonestidad, y así vamos. No es misterio para nadie que casi siempre resulta difícil explicar lo que sentimos, de igual manera como empresa u organización suele ser difícil ponernos de acuerdo sobre el significado práctico de un valor. Lo cual nos lleva a ser muy minuciosos en lo que queremos trasmitir y explicar para que los miembros lo asimilen de la mejor manera.

Por otra parte todas las personas tienen sus propias creencias, convicciones y principios de vida, con su propia jerarquía. La empresa u organización no puede pretender cambiar estas experiencias y conocimientos previos que tuvo una persona durante la trayectoria de su vida, pero si puede trasmitir y hacer que la persona se apegue lo más que se pueda a los valores de la misma.

Los valores son interpretados por los las personas de diferentes maneras, lo cual se traduce que cada quien pueda practicar la misma en la forma que le fue interpretada, lo que es justo para mi, tal vez no sea justo para ti, si hablamos de justicia.

Hay que tener en cuenta que los valores y su jerarquía varían con el tiempo. Esto se debe a que el tanto la vida personal como el mundo empresarial está en constante cambio porque están relacionados con el interés y las necesidades el momento. Es importante hacer ver estos cambios en el tiempo para que todos los miembros estén al tanto y puedan realizar sus
acciones de acuerdo a los acontecimientos.

Todo lo mencionado anteriormente y muchos otros objetivos que se pueden llevar a un debilitamiento de los valores dentro de una empresa, lo cual puede llevar a un impacto a niveles inimaginables, si no los tratados a tiempo, podemos decir que esto tiene una relación muy estrecha con lo que es la ética y la moral de los individuos que adoptan los valores de la empresa u organización en las cuales se esté laborando y pueda producir un descontento.

La cultura de los valores en la empresa

A medida que una empresa u organización vaya creciendo en la trayectoria del tiempo surge la necesidad de controlar lo que son los valores de la empresa, lo cual conlleva adoptar una cultura hacia los valores. Esto no es más que un proceso administrativo que requiere de la aprobación de las cabezas de la organización o empresa y este cambio debe empezar por los mismos, ya que sin el apoyo y compromiso de estos se corre el riego de fracasar en la implementación del mismo.

La estrategia es simple, pero nunca debe de acabar. Consta en la comunicación continua de los valores de la empresa, de alguna manera hacerle llegar o recordar a los miembros cuales son estos valores, puede sugerirse una reunión mensual donde se involucren todos los miembros para discutir como hemos implementado nuestros valores y que resultados se han
obtenido con ellos. Lo cual con lleva al tercer punto, que es involucrar a todos los empleados para que se sientan que se están logrando los objetivos bajo el lineamiento de los valores implantados.

La información es una herramienta muy poderosa y debemos utilizarla para cosas tan pequeñas como lo es dedicarle un tiempo a infundir la cultura del valor dentro de la organización o empresa, para que todos los que estemos involucrados, estemos al tanto de lo que se ha logrado con ella o crear polémica para poder evolucionar con la matriz de opinión que se pueda genera.

Conclusión

Los valores en las empresas tienen una trayectoria simple, que viene desde el principio de los tiempos y va implantada en cada persona que conforma una sociedad. Estos valores pueden trasmitir de una forma rápida de quien es la empresa u organización y cuáles son las acciones que toman para lograr sus objetivos y más importante aun que tiene para ofrecernos.

Siempre es importante mantener informado a todos los miembros de la empresa u organización de los valores que está representando y hacerle llegar este mensaje para que exista una cohesión empresa miembro y el miembro con el ambiente que lo rodea, bien sea sus compañeros de trabajo o equipo de trabajo al cual pertenece.

Toda empresa que tiene claro cuáles son sus valores y logra trasmitir esto a sus miembros y clientes explicando que se ha logrado bajo el planteamiento que se tiene de forma continua en el tiempo, lo más probable es que tanto los empleados como la empresa logren cumplir con la visión y misión que tienen pautados.

Siempre hay que tener en mente que el mundo del negocio está en constante cambio al igual que también la sociedad en la cual viven los miembros de la empresa, por lo que es importante escuchar las opiniones de los miembros que la conforman y siempre estar alerta ante el control de un cambio, para lograr así una armonía entre el mercado y los empleados que conforman la empresa u organización.

Referencias Bibliográficas

Real Academia Española - http://www.rae.es

Alexis Codina - Los Valores como herramienta gerencial (Diciembre 2004) - http://www.degerencia.com/articulos.php?artid=644

Antonio Soto, Maria Rosa Valente, Marcial Stagg – Valores de la gerencia como pilares fundamentales para una interacción fructífera entre la universidad y el sector productivo (Abril 2009) - http://redalyc.uaemex.mx/pdf/310/31011440005.pdf

Juan Carlos Jimenez – El Valor de los Valores en las Organizaciones - 3ra Edición - http://www.elvalordelosvalores.com/importancia/index.html

Nancy Guevara – Gerencia Basada en Valores (Mayo 2008) - http://gerencia.blogia.com/2008/052302-gerencia-basada-en-valores.php

Splash y Threads - Tutorial Android No 5

2011-07-10T22:56:00.002-04:30

Este tutorial nos muestra como usar un Hilo o Thread en Java para manejar nuestro Splash o Pantalla de Introducción.

Por favor compartan este tutorial con sus amigos a través de sus redes sociales favoritas y no olviden de darle a la manito hacia arriba a los vídeos en YouTube. Gracias.

Video

ListView, Toast e Intent- Tutorial Android No 4

2011-07-10T02:21:00.003-04:30

Bueno aquí les tejo otro tutorial de Android.
Básicamente esta ves lo que hicimos es una lista para poder hacer referencia a los diferentes tutoriales que hagamos en el tiempo. Convertimos nuestra clase Main es una lista de TUTORIALES y le hicimos referencia a nuestra primera aplicación.

También usamos los Toasts para hacer una especia de PopUp o Alerta para ver que nos esta pasando por referencia cuando le hacemos clic a un Item de la lista.

Por favor compartan este tutorial con sus amigos a través de sus redes sociales favoritas y no olviden de darle a la manito hacia arriba a los vídeos en YouTube. Gracias.

Vídeo

Boton, EditText, Arquitectura Activity - Tutorial Android No 3

2011-07-08T07:51:00.000-04:30

Bueno en este tutorial vamos a ver como se trabaja con un boton asociarle un evento OnClick y tomar el texto de un EditText y asignarselo a un TextView.

Aprovechamos tambien a ver un poco del esquema de Activity y jugamos un poco con la funcion OnPause, esto lo encontraran al final del Video.

Tambien les dejo el esquema al final de este tutorial que lo saque de la pagina http://developer.android.com/guide/topics/fundamentals/activities.html

Video

Esquema

Referencia a XML, Variables Locales y Globales - Tutorial Android No 2

2011-07-06T02:57:00.000-04:30

Bueno aquí esta el segundo tutorial. Aquí vamos a ver como hacer referencia a todo eso que declaramos en el Layout dentro de nuestro XML, y aprovechando que son unos TEXT VIEW podemos explicar un poco lo que son variables LOCALES y variables GLOBALES para aquellos que no están muy familiarizados con el lenguaje o estén empezando a programar.

Por favor no olviden dejar sus comentarios y compartir este post a través de sus redes sociales favoritas que definitivamente lo necesito. Pueden encontrar su red social al final del Post.

Aquí les dejo los vídeos.

Video 1/2

Video 2/2

Hola Mundo Android - Tutorial Android No 1

2011-07-05T04:43:00.001-04:30

Bueno aquí les dejo nuestro primer tutorial de android, básicamente cobriendo la estructura básica de como crear un proyecto y como ejecutarlo en una maquina virtual Android 2.2 API Nivel 8

Vídeo 1/3

Vídeo 2/3

Vídeo 3/3

GuestBook - ( amfPHP - Flex ) - Smart Drawing - Flex 3

2011-07-04T00:15:00.000-04:30

Translation:

OBSERVACION: amfPHP 1.9 es soportado hasta Php 5.2.xxx

OOBSERVATION: amfPHP 1.9 is supported only for Php 5.2.xxx

Esta aplicación es básicamente para demostrar que si usamos apropiadamente flex podemos dejar volar nuestra imaginación hasta lograr cualquier cosa que deseemos.

This application is basically build to test flex and se how we can use flex so we can create any application that at imagination can dream for.

Problemas Actuales:

Lag al dibujar luego de "X" tiempo.
Al dibujar se sale del Canvas.

Problems:

Lag Drawing a same line for "X" Time.
Layout Canvas well drawing.

Descargar Archivos:

Download Files:

Android - Herramientas para Desarrollar en Android

2011-07-01T18:37:00.001-04:30

Hoy empezamos a hacer las primeras pruebas con Android y sus resultados fueron sorprendentes. Decimos sorprendentes por la facilidad de hacer nuestro primer HELLO WORLD.

Vamos a hacer una lista de todo lo instalamos para hacer nuestra primera prueba:

El Java SE 6 Update 26 de Java solo Instalamos el JRE porque no queremos entrar en el detalle de los paquetes de java, solo queremos desarrollar con el - http://www.oracle.com/technetwork/java/javase/downloads/index.html

El SDK de Android, esto instala un Manager de Android y atraves de el podemos bajar los emuladores y drivers USB para los que tengan el telefono y quieran desarrolar en el directamente - http://developer.android.com/sdk/index.html

Eclipse Classic 3.7, por ahora usaremos el clásico para emprezar - http://www.eclipse.org/downloads/

Un PlugIn para Eclipse aqui esta las intrucciones para instalarlo - http://developer.android.com/sdk/eclipse-adt.html#installing

Y estamos listos para empezar, una ves que tengan todo instalado, podemos agregar unas cosas en las VARIABLES DE ENTORNO de windows para no tener que navegar al SDK de android por la consola cada ves que nesecitemos hacer algun comando a traves de la consola.

Abrimos ENTORNO DE VARIABLES y buscamos en las VARIABLES DEL SISTEMA una que diga PATH le damos al botón editar y agregamos ;C:\Program Files (x86)\Android\android-sdk\tools (EN MI CASO, ESTE DIRECTORIO PUEDE CAMBIAR).

Luego tenemos que crear una variable del sistema Nueva llamada ADB con la ruta al ADB.EXE la cual en mi caso es C:\Program Files (x86)\Android\android-sdk\tools\adb.exe y quedaría de esta forma

con esto le damos a aceptar para que se apliquen los nuevos cambios y abrir la CONSOLA ahora podemos escribir adb

y al darle ENTER nos salen toda las opciones y combinaciones para ese comando

Como a manera de ejemplo de que sirve y teniendo los drivers de USB instalados en la maquina vamos a ver una demostración del comando ADB DEVICES

Vemos que me trajo el dispositivo Android conectado por USB

Ya con todo instalado y viendo que nuestro Android Manager esta en orden podemos iniciar nuestro primer.

En nuestro próximo post publicaremos como hacer un Hello World

Hasta la proxima.

Análisis de Estadística Discreta

2011-05-06T19:36:00.001-04:30

Métodos Cuantitativos de la Gerencia de Proyectos

En la primera fase analizaremos datos usando estadística discreta, se nos pidió conseguir una base de datos con al menos 30 datos, para la cual elegimos las visitas por día de este blog. La data expuesta va desde el 01 de Enero del 2011 hasta el 03 de Mayo del 2011.

Tenemos que tomar en cuanta que la estadistica descriptiva tiene como variables:

La Media
La Mediana
La Moda
El Rango Medio

También tenemos Medidas de dispersión o de variabilidad:

Rango
Varianza
Desviación Estándar
Coeficiente de Variación

Tenemos que tener presente tanto las variables como las medidas para hacer un análisis siempre tomando en cuenta nuestro instinto al momento de analizar los datos.

A continuación nuestro análisis:


BASE DE DATOS ( SECCION DE DATOS )		Primer Analisis de los Datos
					Diferencia
Introduccion de los Datos			Estadistica Descriptiva		Media - Mediana
http://developyourdream.net/			Media	22,62295082	0,37704918
Develop Your Dream BLOG			Error típico	0,939529747
Información de visitas por dia			Mediana	23	Fecuencia
01/01/2011 - 03/05/2011			Moda	18	0	5
			Desviación estándar	10,37744524	1	4
			Varianza de la muestra	107,6913697	5	1
# ----------------------------------------			Curtosis	-0,090095978	7	1
# Visitas por Dia			Coeficiente de asimetría	-0,201054396	8	1
# ----------------------------------------			Rango	49	10	4
Día	Visitas		Mínimo	0	11	1
sábado 1 de enero de 2011	0		Máximo	49	13	6
domingo 2 de enero de 2011	1		Suma	2760	14	2
lunes 3 de enero de 2011	0		Cuenta	122	15	4
martes 4 de enero de 2011	1		Mayor (1)	49	16	4
miércoles 5 de enero de 2011	0		Menor(1)	0	17	2
jueves 6 de enero de 2011	1		Nivel de confianza(95,0%)	1,860046924	18	9
viernes 7 de enero de 2011	0				19	4
sábado 8 de enero de 2011	0				20	3
domingo 9 de enero de 2011	1	Interpretacion de los Datos			21	4
lunes 10 de enero de 2011	10				22	6
martes 11 de enero de 2011	23	Tenemos una tendencia de aproximadamente 23 visitas mensuales con una desviación de aproximadamente de 10 visitas, esto quiere decir que la mayoría de los días tendremos unas visitas que oscilen entre las 13 y 33 Visitas. Podremos Agrupar la toda en 4 bloques, para interpretar mejor los datos. La división se puede encontrar en la tabla de color VERDE del lado derecho de este cuadro. Agrupando los datos, podemos observar que la mayor cantidad de visitas están en los grupos medios y en sus ponderaciones mas altas y bajas existen mejor cantidad de visitas. Las ponderaciones más bajas (desde 0 visitas hasta el 11 visitas), están directamente relacionado con fines de semana (sábados y dominados) o feriados y vacaciones laborales. Las ponderaciones más altas (desde 36 visitas hasta 49 visitas) está directamente relacionada con fechas de publicación de artículos nuevos en la página web, esto quiere decir que existen algunas personas que usan nuestro servicio de RSS o Sindicación Web, la cual le alerta al usuario por cualquiera de los medios elegidos ( Móvil, Mail, Clouding), de la existencia de un articulo nuevo o el uso de redes sociales como Buzz, Twitter o Facebook. Se les hiso un estudio a los valores que están en los grupos intermedios ( de 12 visitas a 35 visitas ) y se ha concluido que son personas buscando información por medio de buscadores en internet que no son usuarios regulares ( Visitas nuevas ) y esto representa un 78% de las visitas y existe un 9% adicional de visitas que vienen cuando se publica nuevos materiales de lectura en la página web. RECOMENDACION Se recomienda hacer promociones que llamen la atención de los visitantes en el mes de Noviembre Diciembre con un reforzamiento positivo (algún premio o recompensa a los usuario por seguirnos en la página web) en los primeros días de Enero, y esto asegurara que una parte del 14% de esa abstención a visitar la página disminuya y forma parte del 78% y con una buena campaña podremos subir el 9% de visitas por usuarios Recurrentes.			23	6
miércoles 12 de enero de 2011	22				25	6
jueves 13 de enero de 2011	17				26	2
viernes 14 de enero de 2011	13				27	7
sábado 15 de enero de 2011	18				28	2
domingo 16 de enero de 2011	10				29	5
lunes 17 de enero de 2011	19				30	8
martes 18 de enero de 2011	22				31	3
miércoles 19 de enero de 2011	29				32	5
jueves 20 de enero de 2011	31				33	2
viernes 21 de enero de 2011	20				34	2
sábado 22 de enero de 2011	13				35	3
domingo 23 de enero de 2011	5				36	2
lunes 24 de enero de 2011	32				38	2
martes 25 de enero de 2011	23				39	2
miércoles 26 de enero de 2011	29				42	3
jueves 27 de enero de 2011	27				44	1
viernes 28 de enero de 2011	19				49	1
sábado 29 de enero de 2011	7
domingo 30 de enero de 2011	11				Grupos de visita
lunes 31 de enero de 2011	23				[0 - 11]	17
martes 1 de febrero de 2011	21				[12 - 23]	50
miércoles 2 de febrero de 2011	31				[24 - 35]	45
jueves 3 de febrero de 2011	15				[36 - 49]	11
viernes 4 de febrero de 2011	21
sábado 5 de febrero de 2011	21
domingo 6 de febrero de 2011	18
lunes 7 de febrero de 2011	16
martes 8 de febrero de 2011	29
miércoles 9 de febrero de 2011	38
jueves 10 de febrero de 2011	22
viernes 11 de febrero de 2011	16
sábado 12 de febrero de 2011	20
domingo 13 de febrero de 2011	19
lunes 14 de febrero de 2011	32
martes 15 de febrero de 2011	33
miércoles 16 de febrero de 2011	44
jueves 17 de febrero de 2011	32
viernes 18 de febrero de 2011	26
sábado 19 de febrero de 2011	15
domingo 20 de febrero de 2011	22
lunes 21 de febrero de 2011	36
martes 22 de febrero de 2011	42
miércoles 23 de febrero de 2011	38
jueves 24 de febrero de 2011	27
viernes 25 de febrero de 2011	22
sábado 26 de febrero de 2011	18
domingo 27 de febrero de 2011	20
lunes 28 de febrero de 2011	32
martes 1 de marzo de 2011	34
miércoles 2 de marzo de 2011	42
jueves 3 de marzo de 2011	35
viernes 4 de marzo de 2011	27
sábado 5 de marzo de 2011	18
domingo 6 de marzo de 2011	15
lunes 7 de marzo de 2011	23
martes 8 de marzo de 2011	32
miércoles 9 de marzo de 2011	30
jueves 10 de marzo de 2011	30
viernes 11 de marzo de 2011	13
sábado 12 de marzo de 2011	16
domingo 13 de marzo de 2011	13
lunes 14 de marzo de 2011	30
martes 15 de marzo de 2011	18
miércoles 16 de marzo de 2011	39
jueves 17 de marzo de 2011	30
viernes 18 de marzo de 2011	30
sábado 19 de marzo de 2011	18
domingo 20 de marzo de 2011	27
lunes 21 de marzo de 2011	25
martes 22 de marzo de 2011	35
miércoles 23 de marzo de 2011	27
jueves 24 de marzo de 2011	30
viernes 25 de marzo de 2011	26
sábado 26 de marzo de 2011	15
domingo 27 de marzo de 2011	29
lunes 28 de marzo de 2011	33
martes 29 de marzo de 2011	35
miércoles 30 de marzo de 2011	49
jueves 31 de marzo de 2011	36
viernes 1 de abril de 2011	18
sábado 2 de abril de 2011	8
domingo 3 de abril de 2011	21
lunes 4 de abril de 2011	30
martes 5 de abril de 2011	29
miércoles 6 de abril de 2011	39
jueves 7 de abril de 2011	30
viernes 8 de abril de 2011	25
sábado 9 de abril de 2011	22
domingo 10 de abril de 2011	31
lunes 11 de abril de 2011	23
martes 12 de abril de 2011	42
miércoles 13 de abril de 2011	27
jueves 14 de abril de 2011	28
viernes 15 de abril de 2011	23
sábado 16 de abril de 2011	16
domingo 17 de abril de 2011	10
lunes 18 de abril de 2011	28
martes 19 de abril de 2011	25
miércoles 20 de abril de 2011	25
jueves 21 de abril de 2011	10
viernes 22 de abril de 2011	13
sábado 23 de abril de 2011	14
domingo 24 de abril de 2011	18
lunes 25 de abril de 2011	17
martes 26 de abril de 2011	25
miércoles 27 de abril de 2011	27
jueves 28 de abril de 2011	25
viernes 29 de abril de 2011	34
sábado 30 de abril de 2011	13
domingo 1 de mayo de 2011	14
lunes 2 de mayo de 2011	18
martes 3 de mayo de 2011	19

Chiste - Yo digo que esto es valido, no se ustedes

2011-03-25T11:58:00.002-04:30

Base de Datos - Contenido

2011-02-15T16:04:00.006-04:30

Introducción

Una base de datos o banco de datos (en ocasiones abreviada con la sigla BD o con la abreviatura b. d.) es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. En este sentido, una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta. En la actualidad, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital (electrónico), que ofrece un amplio rango de soluciones al problema de almacenar datos.

Tomado de Wikipedia - Base de Datos

Evaluaciones y ponderaciones

Parcial 1 25%
Parcial 2 25%
Diseño Lógico y Conceptual 10%
Implementación 30%
Asistencia 10% ( Máximo 4 Inasistencias )

Introducción a la Informática - Contenido

2011-02-14T11:08:00.003-04:30

Introducción
La Informática es la ciencia aplicada que abarca el estudio y aplicación del tratamiento automático de la información, utilizando sistemas computacionales, generalmente implementados como dispositivos electrónicos. También está definida como el procesamiento automático de la información.

Conforme a ello, los sistemas informáticos deben realizar las siguientes tres tareas básicas:
Entrada: captación de la información.
Proceso: tratamiento de la información.
Salida: transmisión de resultados.

En los inicios del procesado de información, con la informática sólo se facilitaban los trabajos repetitivos y monótonos del área administrativa. La automatización de esos procesos trajo como consecuencia directa una disminución de los costes y un incremento en la productividad.

Tomado de Wikipedia - Informatica
Evaluaciones y ponderaciones

Quiz 1 20%
Quiz 2 20%
Exposiciones 20%
Parcial 30%
Asistencia 10% ( Máximo 4 Inasistencias )

Symfony 1.4 guardar y mostrar html de la base de datos

2011-02-04T09:38:00.001-04:30

Para mostrar un campo de la base de datos siempre obtenemos el objeto con el cual podemos acceder a una fila y mediante un getter podemos imprimirla. basado en el siguiente ejemplo.

TABLA RECOMENTADIONES
id int
titulo char 255
recomendacion text

supongamos que queremos guardar un texto de titulo y un codigo html gracias a un rich text editor en recomendaciones.

echo $obj->getTitulo( ) ?> "ESTO IMPRIMIRA EL TITULO"
echo $obj->getRecomendacion( ) ?>  "ESTO IMPRIMIRA LA RECOMENDACION"

Symfony no nos va a dejar mostrar la reconedacion ya que lo guardamos en HTML por que piensa que es un ataque XSS gracias a la configuracion que tenemos en el config del app en el archivo settings.yml

all:
  .settings:
   # Output escaping settings
   escaping_strategy: true
   escaping_method:    ESC_SPECIALCHARS

Si colocamos escaping_strategy: true en false logramos mostrar nuestro código que viene de la base de datos perfectamente pero no es la idea porque estamos bajando los niveles de seguridad... para arreglar esto simplemente lo dejamos en true y al objeto que queremos imprimir le pasamos por parámetro el siguiente metodo de escape.

echo $obj->getRecomendacion(ESC_RAW) ?>

Solucionado.
espero que les sirva, saludos.

sfPropelPager.class.php on line 167

2011-01-21T11:20:00.000-04:30

sfPropelPager.class.php on line 167

Este error un muy común cuando hacemos una paginacion en Symfony, y estamos buscando como locos la solución por horas en google.

Siempre el error se da en la linea que colocamos new sfPropelPager('MiTabla',$limit);

La solución es la siguiente si nuestra tabla de base de datos se llama mi_tabla_contacto, al generar el modelo en symfony nos crea una clase llamada MiTablaContacto.php dentro la carpeta model.

Resuelta que cuando new sfPropelPager('mi_tabla_contact',$limit); esta mal realmente debería ser el nombre de la clase no de la tabla new sfPropelPager('MiTablaContacto',$limit);

Espero que les allá servido.

Saludos.

Error Day 11 Jobeet

2010-12-05T20:24:00.001-04:30

Todos los que hallan puesto esta parte del código

isRedirected()->
followRedirect()->
 
with('request')->begin()->

isParameter('module', 'job')->

isParameter('action', 'show')->

end()->

y les salio el siguiente error el consola por ejecutar las pruebas funcionales

PHP sent a "warning" error at C:\xampp\htdocs\symfony-1.4.8\lib\test\sfTestFunctionalBase.class.php line 433 (call_user_func_array() expects parameter 1 to be a valid callback, class 'sfBrowser' does not have a method 'isRedirected')

Les traigo la solución, realmente se debe de clocar asi

with('response')->begin()->
    isRedirected()->
end()->
 
 followRedirect()->

  with('request')->begin()->
    isParameter('module', 'job')->
    isParameter('action', 'show')->
  end()
;

Esta solución fue gracias a el Ing. Leonardo Chacon.

Chiste - Como medir un buen codigo de un mal codigo

2010-12-05T14:38:00.000-04:30

Refrán - Aldous Huxley

2010-11-30T07:20:00.000-04:30

La experiencia no es lo que sucede a un hombre. Es lo que un hombre hace con lo que le pasa.

Instalar Symfony Windows - sin pear

2010-11-28T22:55:00.003-04:30

Lo primero que tenemos que hacer es

Instalar XAMPP para Windows

http://www.apachefriends.org/en/xampp-windows.html

Dejamos todo por defecto, la instalacion abrira una consola del sistema dejamos todas las opciones por defecto.

Una ves instalado tenemos que Vincular PHP a la consola del sistema de Windows.

Windows XP , con click derecho en Mi Pc y luego a Propiedades, llegaron al lugar.
Windows Vista y 7, lo mismo pero no llegan a donde es, esto les abrirá una ventana y le dan clic a ADVANCED SYSTEM SETTINGS.

Una ves que nos encontremos en System Properties, Vamos a la pestaña Advances y luego a Enviroment Variables.

Colocamos una ruta mas en Path:

Doble click en la variable Path

Agregamos el camino a la carpeta php del XAMPP

Creamos una nueva variable llamada php:

Click en nuevo

la llamamos php y le damos el camino a el ejecutable php.exe

Ahora probemos si php sirve en la consola con el comando php -v que nos dirá que versión esta instalada.

Una ves que veamos que ya nuestra consola puede ejecutar comando php, vamos a pasar la prueba de fuego, bajamos Symfony de la pagina http://www.symfony-project.org/installation yo baje la versión SOURCE 1.4.8 anexo el link http://www.symfony-project.org/get/symfony-1.4.8.zip

Lo descomprimimos Symfony en una carpeta, yo la descomprimí en la misma carpeta publica del XAMP pero se aconseja no hacerlo por medidas de seguridad, pero como trabajaremos de manera local y luego se exporta a producción no creo que tengamos problemas.

Una ves que descomprimimos la carpeta navegamos a ella por la consola.

Una ves en la carpeta bin de symfony ejecutamos php check_configuration.php

Vemos que tenemos 2 Warnings, el cual esta muy bien porque ninguno de los 2 nos perjudica cuando programemos ya que no son de mucha importancia.

posix_isatty( ) por ahora no se puede resolver en el entorno Windows. Si alguien sabe como instalarlo, bienvenido sea el comentario, en LINUX se puede resolver.

El Segundo Warning si lo podemos quitar solo tenemos que descomentar php_apc.dll en el PHP.INI en la carpeta C:\xampp\php, solo le quitamos el ; para poder dejar libre el dll para su ejecucion

También debemos des comentar los PDO de base de datos y el manejador de base de datos en este caso, nosotros usamos postgres

Salvamos el php.ini y volvemos a ejecutar el comando php check_configuration.php

Felicidades hemos instalado SYMFONY EN WINDOWS

Refrán - Peter Drucker

2010-11-02T15:35:00.002-04:30

La mejor organización no asegura los resultados. Pero una estructura equivocada sería garantía de fracaso.

Instalar Symfony Linux

2010-11-02T11:59:00.006-04:30

Crear un proyecto Symfony 1.4

Tener apache instalado:

Verificamos si tenemos apache instalado:

sudo /etc/init.d/apache2 start

Si esto no existe entonces no tienes apache instalado y lo instalamos con el siguiente comando:

sudo apt-get install apache2

y volvemos a intentar el comando anterior:

sudo /etc/init.d/apache2 start

Tener php 5.2.4 o mejor

Verificamos si ya tenemos PHP instalado, por la consola colocamos:

php -v

si ese comando nos responde, buenisimo, tenemos PHP instalado solo tenemos que verificar que la versión sea mayor o igual a 5.2.4.

Si no lo tenemos instalado lo instalamos con

sudo apt-get install php5

sudo apt-get install php5-cli

sudo apt-get install php5-dev

sudo apt-get install php5-common

sudo apt-get install php5-xsl

sudo apt-get install libapache2-mod-php5

sudo apt-get install php-pear

sudo apt-get install php-apc

y luego ejecutamos el comando anterior:

php -v

Instalamos algún tipo de Base de datos

PostgreSQL

sudo apt-get install postgresSQL-version (la version que desee my postgreSQL is 8.4)
sudo apt-get instal php5-pgsql (para que php pueda manejar esta base de datos)

MySQL

sudo apt-get install mysql (la version que desee)
sudo apt-get instal php5-mysql (para que php pueda manejar esta base de datos)

etc.

Descargamos Symfony

Symfony Source 1.4 (DESCARGAR)

NOTA: siempre es recomendable que en un desarrollo no se coloque el workspace dentro del www publico del apache es preferible crear un VIRTUAL HOST, que apunte a nuestra carpeta workspace y sea local, si es de ser necesario un acceso remoto configurarlo en nuestro VIRTUAL HOST y le damos acceso a quien nosotros queramos.

Crear el Workspace

Crearemos el mismo workspace que el tutorial de Symfony para Jobeet:

mkdir -p /DIRECCIÓN DONDE VAS A TRABAJAR/sfprojects/jobeet

mkdir crea una carpeta pero cuando queremos crear varias carpetas existan o no usamos -p

Creamos donde vamos a Instalar Symfony

Nos paramos en jobeet y escribimos el siguiente comando:

mkdir -p lib/vendor

ahora tenemos esta estructura:

sfprojects

- jobeet

- lib

- vendor

Nos mudamos a vendor y movemos el TGZ de symfony a la misma carpeta y ejecutamos:

cd lib/vendor (Nos paramos en la carpeta Vendor)

tar zxvf symfony-1.4.0.tgz (esto symfony-1.4.0.tgz Cambia de acuerdo a la versión que descargaste)

mv symfony-1.4.0 symfony (Renombrar la carpeta descomprimida)

rm symfony-1.4.0.tgz (Eliminamos el archivo comprimido ya que no lo necesitaremos mas)

Nos salimos a la carpeta Jobeet

Si estamos parados en vendor hacemos

cd ..

ya estamos en Jobbet

verificamos que Symfony funciona sacando una leyenda de ayuda

php lib/vendor/symfony/data/bin/symfony -v

Creando el proyecto en Symfomy (estamos parados en la carpeta Jobeet)

Aquí tenemos que tomar una decisión la cual es en que ORM vamos a trabajar PROPEL o DOCTRINE

DOCTRINE ( viene por defecto por lo tanto el comando es )

php lib/vendor/symfony/data/bin/symfony generate:project jobeet

PROPEL ( viene por defecto por lo tanto el comando es )

php lib/vendor/symfony/data/bin/symfony generate:project jobeet --orm=Propel

Ambos comandos nos crearan las carpetas

apps/

cache/

config/

lib/

log/

plugins/

test/

web/

Ya no necesitamos acceder a symfony con esta dirección lib/vendor/symfony/data/bin/symfony ahora tenemos en la carpeta jobeet un archivo symfony que nos permitirá ejecutar comandos parados desde jobeet.

Ya veremos unos ejemplos a continuación.

Creamos nuestro Front End y Back End (seguimos parados en la carpeta jobeet)

Front End: es la parte visible a internet para todos los usuarios que puedas llevar a tu pagina.

php symfony generate:app frontend

Back End: es la zona administrativa, o simplemente algo que necesite de un acceso restringido para hacer algo.

php symfony generate:app backend

Ahora la prueba de fuego CHEQUEAR SI TODO ESTA BIEN INSTALADO ( en la carpeta Jobeet)

php lib/vendor/symfony/data/bin/check_configuration.php

Esperamos este resultado

********************************

* *

* symfony requirements check *

* *

********************************

php.ini used by PHP: /etc/php5/cli/php.ini

** WARNING **

* The PHP CLI can use a different php.ini file

* than the one used with your web server.

* If this is the case, please launch this

* utility from your web server.

** WARNING **

** Mandatory requirements **

OK PHP version is at least 5.2.4 (5.3.2-1ubuntu4.5)

** Optional checks **

OK PDO is installed

OK PDO has some drivers installed: pgsql

OK PHP-XML module is installed

OK XSL module is installed

OK The token_get_all() function is available

OK The mb_strlen() function is available

OK The iconv() function is available

OK The utf8_decode() is available

OK The posix_isatty() is available

OK A PHP accelerator is installed

OK php.ini has short_open_tag set to off

OK php.ini has magic_quotes_gpc set to off

OK php.ini has register_globals set to off

OK php.ini has session.auto_start set to off

OK PHP version is not 5.2.9

NOTA: si algo dice WARNING lo mas probable explique que falta instalar.

FELICIDADES HAS INSTALADO SYMFONY

Ahora hacer los tutoriales de Symfony

TUTORIAL CON DOCTRINE

TUTORIAL CON PROPEL

Refrán - William G. McGowan

2010-10-31T21:58:00.000-04:30

La única práctica gerencial que ahora es constante es la práctica de acomodarse constantemente al cambio

William G. McGowan

Growler Lib - Ejemplo

2010-10-29T14:06:00.001-04:30

Please upgrade your Flash Player
This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.

Aqui les dejo el AIR para que puedan ver como funciona el growler, los codigos del ejemplo estan dentro del air, se le puede hacer clic derecho VIEW SOURCE.

Codigo Main

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
   xmlns:s="library://ns.adobe.com/flex/spark" 
   xmlns:mx="library://ns.adobe.com/flex/mx" 
   width="100%" height="100%" 
   xmlns:www="http://www.flex-tutorial.fr/2009"
   left="10" right="10" bottom="10" top="10"
   >

 <fx:Script>
  <![CDATA[
   import mx.graphics.GradientEntry;
   
   import net.developyourdream.growler.Growler;
   import net.developyourdream.growler.growlers.GrowlerTypeUbuntu;
   import net.developyourdream.view.growler.GrowlerTypeCustom;
   import net.developyourdream.view.growler.GrowlerTypeCustomTwo;
   

   protected function basicSkinClickHandler(event:MouseEvent):void
   {
    var growler:Growler = new Growler;
    growler.dispach();
   }
   
   protected function ubuntuSkinClickHandler(event:MouseEvent):void
   {
    var growler:GrowlerTypeUbuntu = new GrowlerTypeUbuntu;
    growler.width = 200;
    growler.theTitle = myTitle.text;
    growler.message = myMessage.text;
    growler.dispach();
   }
   
   protected function customSkinClickHandler(event:MouseEvent):void
   {
    var growler:GrowlerTypeCustom = new GrowlerTypeCustom;
    growler.theTitle = myTitle.text;
    growler.story = myStory.text;
    growler.message = myMessage.text;
    growler.gradientFillColors = [new GradientEntry(Math.random()*0xFFFFFF,NaN,0.8),new GradientEntry(Math.random()*0xFFFFFF,NaN,0.8)];
    growler.dispach();
   }
   
   protected function custom2SkinClickHandler(event:MouseEvent):void
   {
    var growler:GrowlerTypeCustomTwo = new GrowlerTypeCustomTwo;
    growler.dispach();
   }
  ]]>
 </fx:Script>

 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <s:layout>
  <s:VerticalLayout/>
 </s:layout> 
 
 <mx:Image source="../../../assets/image/LogoLargo.png"  width="400"/>
 <s:Label text="TITLE" />
 <s:TextInput id="myTitle" text="Develop Your Dream Lib" width="100%"/>
 <s:Label text="STORY" />
 <s:TextInput id="myStory" text="Este campo solo es para el CUSTOM GROWLER" width="100%"/>
 <s:Label text="MESSAGE" />
 <s:TextArea id="myMessage" width="100%" text="A los growlers del lib no se ajuntan al texto por lo tanto se le debe especificar su WIDTH y HEIGHT. &#13;&#13;Para lograr que los growler se ajusten dinamicamente se pueden hacer GROWLERS CUSTOM extendiendo de la clase GROWLER, se calcula el tamaño de los hijos y se sobre escribe el metodo updateDisplayList. &#13;&#13;Ejemplo: CUSTOM SKIN 1."
 />
 <s:Group width="100%" height="100%">
  <s:layout>
   <s:TileLayout/>
  </s:layout>
  <s:Button label="Lib Basic Skin" click="basicSkinClickHandler(event)"/>
  <s:Button label="Lib Ubuntu Skin" click="ubuntuSkinClickHandler(event)"/>
  <s:Button label="Custom Skin 1" click="customSkinClickHandler(event)"/>
  <s:Button label="Custom Skin 2" click="custom2SkinClickHandler(event)"/>
 </s:Group>
 
</s:Group>

Para crear un Growler Básico, se crea una instancia y se puede mostrar con el metodo dispatch().

El método dispach solo se usa cuando estamos seguros que el growler esta listo para mostrarse, en mejores palabras una ves que se le coloca el Width y el Height y se le setea los parámetros bien sea propio o personalizados.

Flex Growler Lib

2010-10-29T14:01:00.000-04:30

Flex Growler Lib

Flex Growler Lib, es una librería para flex para crear popups tipo gtalk, messenger, o cualquier tipo de alerta de sistema o notificación de cualquier tipo. Actualmente solo sirve en AIR, pronto le colocaremos la capacidad que salgan en aplicaciones con flash player, para lograr los mismos resultados dentro de un browser.

La librería es totalmente open source y se puede descargar en el siguiente link http://gitorious.org/develop-your-dream/growler-flex-lib

Tambien les dejo el link a la libreria para que se la descarguen:

DESCARGAR SWC

Aqui esta una imagen de como se ven los growlers.

Ejemplo:

Flex Pivotal Tracker Lib - Documentacion

2010-10-18T10:42:00.000-04:30

La documentación de la librería se hará mientras se desarrollan las clases, esto quiere decir que a medida que salgan funciones dentro de las clases se colocara la explicación de la misma, los parámetros a usar, y que retorna cada función.
A todos los métodos de las clases se les pasan tres funciones fijas donde solo 1 de ellas es obligatorio pasarla, las otras 2 no si no se quiere manejar las mismas, estas funciones son:

Result Function (Obligatoria): esta función devuelve la petición de la librería, en otras palabras si pedimos un ActivityFeed.(cualquier tipo de método) esto enviara un ActivityFeedEvent.
Error Function: siempre llamara a una función de tipo ErrorEvent y dentro de ella contendrá un ErrorVO con el detalle del error generado.
Security Function: siempre llamara a una función de tipo SecurityEvent y dentro de ella contendrá un SecurityVO con el detalle de segur generado.

DESCARGAR LIBRERIA SWC

Retrieive User Token

getUserToken
Esta librería se comunica por SSL, es una autenticación básica, se crea un hash del usuario y su contraseña y se envía.

RetrieveUserToken.getUserToken("NOMBRE DEL USUARIO","CONTRASEÑA",resultFunction,errorFunction,securityFunction);

Llamara a la función resultFunction(event:RetrieveUserTokenEvent), dentro de event encontraremos UserTokenVO con toda la información de la consulta.

Activity Feed
Le permite recuperar la actividad reciente de todos sus proyectos.
En esta clase tenemos un parámetro similar en todas las funciones:

Limit: este parámetro por defecto es 10 y tiene un techo de 100 registros.

Tenemos otros dos parámetros mas:

Since: se puede pasar de tipo String o de tipo Date, este permite restringir a solo aquellos elementos que se produjeron después de una fecha suministrada, ejemplo del formato 2009/12/18 21:00:00 UTC.
Version: es de tipo INT, este permite restringir a solo aquellos elementos que tienen una versión mayor a la suministrada.

Existe un parametro mas pero son solo para los metodos que empiezan con project:

Project ID: es de tipo INT, y permite buscar las actividades de un proyecto la combinación de los tres parámetros mencionados anteriormente.

allActivity_OccurredSinceDate

ActivityFeed.allActivity_OccurredSinceDate("TOKEN",resultFunction,new Date("2009","10","16"),LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

allActivity_NewerThanVersion
Esta función recibe como parámetro la versión de la actividad y devuelve todas las versiones que sea mayor a la ingresada de todos los proyectos, siempre tomen en cuenta que el limite máximo llega hasta 100 actividades.

ActivityFeed.allActivity_NewerThanVersion("TOKEN",resultFunction,VERSION,LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

allActivity_OccurredSinceDate_And_NewerThanVersion
Esta función recibe como parámetro la versión de la actividad y la fecha y devuelve todas las versiones que sea mayor a la ingresada y que sea en las fechas superior a la suministrada para todos los proyectos, siempre tomen en cuenta que el limite máximo llega hasta 100 actividades.

ActivityFeed.allActivity_OccurredSinceDate_And_NewerThanVersion("TOKEN",resultFunction,VERSION,LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

projectActivity_OccurredSinceDate
Esta función recibe como parámetro el id del proyecto y la fecha, devuelve todas las actividades de dicho proyecto y sea en las fechas superior a la suministrada, siempre tomen en cuenta que el limite máximo llega hasta 100 actividades.

ActivityFeed.projectActivity_OccurredSinceDate("TOKEN",PROJECT ID,resultFunction,new Date("2009","10","16"),LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

projectActivity_NewerThanVersion
Esta función recibe como parámetro el id del proyecto y la version, devuelve todas las actividades de dicho proyecto y superior a la version suministrada, siempre tomen en cuenta que el limite máximo llega hasta 100 actividades.

ActivityFeed.projectActivity_NewerThanVersion("TOKEN",PROJECT ID,resultFunction,VERSION,LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

projectActivity_OccurredSinceDate_And_NewerThanVersion
Esta función recibe como parámetro el id del proyecto, la fecha y la version, devuelve todas las actividades de dicho proyecto y superior a la version suministrada y a su ves superior a la fecha suministrada, siempre tomen en cuenta que el limite máximo llega hasta 100 actividades.

ActivityFeed.projectActivity_OccurredSinceDate_And_NewerThanVersion("TOKEN",PROJECT ID,resultFunction,VERSION,new Date("2009","10","16"),LIMIT,faultFunction,securityFuncion);

Llamara a la función resultFunction(event:ActivityFeedEvent), dentro de event encontraremos ActivitiesVO con toda la información de la consulta.

Get Projects

allMyProjects
Esta función devuelve todos los proyectos a los cuales esta asociado el usuario de este token.

GetProjects.allMyProjects("TOKEN",resultFunction,faultFunction,securityFuncion,data);

Llamara a la función resultFunction(event:GetProjectsEvent), dentro de event encontraremos ProjectsVO con toda la información de la consulta.

getSingleProject
Esta función devuelve el detalle de un proyecto, este proyecto debe estar asociado al miembro del token que lo esta pidiendo, de lo contrario la respuesta vendría vacía. .

GetProjects.getSingleProject("TOKEN",PROJECT ID,resultFunction,faultFunction,securityFuncion,data);

Llamara a la función resultFunction(event:GetProjectsEvent), dentro de event encontraremos ProjectVO con toda la información de la consulta.

Flex Pivotal Tracker Lib

2010-10-11T16:33:00.003-04:30

Flex Pivotal Tracker Lib, es una librería para flex para comunicarse con el API de Pivotal Tracker, esta librería podrá hacer lo mismo que ofrece la librería de Pivotal Tracker Version 3, esta librería la podrán consultar en http://www.pivotaltracker.com/help/api?version=v3, usan CURL como medio de comunicación para enviarnos un XML.

La librería para Flex convierte los XML ofrecidos por Pivotal Tracker y los converte en Value Objects "VO" y de igual forma se podrá acceder al XML para los amantes del lenguaje.
La librería es totalmente open source y se puede descargar en el siguiente link http://gitorious.org/develop-your-dream/flex-pivotaltracker-lib

Un Archivo en Varias Computadoras

2010-09-06T08:58:00.007-04:30

DropBox

Es una solución bastante buena para tener un archivo respaldado en muchas partes a la ves, simplemente es un programa que al instalarse en la computadora, crea una carpeta que todo lo que coloques dentro de la carpeta se sube automáticamente a Internet y se sincroniza con todas las computadoras que tengan instalado el mismo programa y le hayas dado permiso de ver esta carpeta.

Esto nos garantiza que nuestros archivos estén seguros, y si se nos daña la computadora donde teníamos todos esos documentos importantes, ya solo nos dolerá perder la laptop, porque la información esta segura y se recupera en cualquier momento, tan solo ingresando a DropBox.

También podemos no solo guardar archivos sino compartirlos

Comparte con tus amigos tus Fotos
Comparte con tus Compañeros de trabajo tus Documentos.
Mandarle a tu familia tus últimos Vídeos.
Entre muchas otras posibilidades de uso que tiene.

La mejor de todas es que tienes tu Información Segura donde quieras y cuando quieras.

REGISTRATE EN ESTE LINK A DROPBOX

Flash fondo transparente o swf transparente

2010-09-02T01:08:00.004-04:30

swf con fondo transparente
Solo tenemos que colocar wmode="transparent" en el tag embed del HTML para lograr la transparencia del fondo del SWF.

<div style="background: url(img/testimage.jpg) no-repeat;">
 <object height="500" width="500">
  <embed src="swf/Cairngorm.swf" height="500" width="500" wmode="transparent">
  </embed>
 </object>
</div>

swf sin fondo trasparente

<div style="background: url(img/testimage.jpg) no-repeat;">
 <object height="500" width="500">
  <embed src="swf/Cairngorm.swf" height="500" width="500">
  </embed>
 </object>
</div>

Herramienta Gratis de Gestión de Tareas - Pivotal Tracker

2010-08-06T11:52:00.002-04:30

Pivotal Tracker

Es una herramienta gratuita de Pivotal Labs, que nos permite organizar las tareas de un proyecto, utilizando el concepto de gestión de pilas.

Esta herramienta es recomendable para los programadores y coordinadores del proyecto, como para los clientes y agentes externos, ya que es fácil de usar, fácil de aprender y muy amigable para los usuarios que interactúan con el mismo.

Cuenta con diversas fuentes de información y métricas para brindar de una forma detallada y comprensible, el progreso diario, semanal o mensual de un proyecto o de los miembros, dependiendo de las tareas y sus estados ( empezado, terminado y rechazado ), entre muchas más plantillas de información.

La curva de aprendizaje de la herramienta es muy sencilla, lo cual nos permite tomar esta herramienta en cualquier momento y probarla sin tener un costo adicional en cuanto a perdida de tiempo.

Cómo Se Usa
Lo primero que tenemos que hacer es registrarnos en Pivotal Tracker, luego creamos un proyecto y a trabajar. Agregamos a todos los miembros del proyecto ( desarrolladores, clientes, agentes externos, coordinadores ).

Creamos tareas, las tareas se crean pensando en el usuario y no pensando en cual es la forma más simbólica para mi de nombrar la tarea para que mi equipo entienda de que se trata, si le colocas un nombre pensando asi, el usuario final ( nuestro cliente ) no va a entender que se está haciendo, me explico,

Forma Incorrecta
"Implementar Sistema de Pago"

Forma Correcta
"El Usuario a de Poder Pagar"

El porque es muy simple, el momento que un cliente entre a revisar como va el proyecto, supongamos que nuestro cliente es graduado en Educación, cuando lea Implementar Sistema de Pago, se va a imaginar algo que se puede hacer en 30 minutos o menos, según su criterio, ahora si lee El Usuario a de Poder Pagar, ya se imagina, un diseño, diferentes pantallas, suena como mas grande y cuando lo vea en estado Terminado el cliente estará muy feliz y eso es lo que queremos.

Una ves creada la tarea tenemos una bandeja de entrada llamada IceBox, esta bandeja están todas nuestras tareas que alguna ves o quizá vamos a realizar, asignadas a un miembro del grupo que es quien la va a alguna ves o quizá ira realizar.

Las tareas tienen Puntos, que van del 0 a 3 dependiendo su dificultad. una ves colocado el punto según su dificultad, aparecerá un botón llamado START.

Cuando ya se pueda realizar una tarea la podemos arrastrar a la bandeja de entrada Current, la cual estarán todas nuestras historias pendientes actualmente y NO SON ALGUNA VES O QUIZA, esta tareas son para realizar "por que si".

Una ves que la tarea este en la bandeja Current, la puntuación que le hemos dado tiene 3 finalidades:

Colocar la carga de trabajo.
No sobre cargar el trabajo actual.
Calcular la Velocidad de las tareas.

Explico el segundo punto, la bandeja Current tiene un limite de puntos, este limite de puntos nos permite no sobre cargar nuestras actividades actuales, toda actividad que exceda este limite es pasadas automáticamente a la bandeja de BackLog. La idea es mantener la bandeja Current corta y realista.

El tercer punto, es una métrica llamada Velocidad, esta métrica, se calcula en base a la media de puntos por semana de una persona. Esto nos ayuda a calcular 2 cosas:

Que tan rápido va mi proyecto
Que tan rápido trabaja X persona con respecto a la tarea asignada.

El segundo punto, nos puede ayudar a distribuir mejor las tareas entre la cantidad de miembros, muy útiles para saber las fortalezas y debilidades de nuestro Team de Trabajo.

Conclusión

PivotalTracker es una herramienta gratis, fácil de usar y de aprender y no puede pasar por alto el usarlo por lo menos una ves a ver que beneficios nos trae.

Chiste de Requerimientos

2010-07-22T10:28:00.002-04:30

SkinnableComponent Skin, Dynamic Change - Flex 4

2010-07-15T20:11:00.010-04:30

Ejemplo:

Muchas veces necesitamos un component que se comporte como queramos y eso lo podiamos hacer perfectamente con flex 3, pero cuando hablamos de que se vea como queramos ya era otro cuento, teníamos que dibujar dentro de nuestro component o simplemente dibujaba nuestro Nuevo component en flash e importarlo desde flash a flex usando flex kid component.

Con el nuevo framework de flex, separaron lo que es la parte grafica de los componentes de la parte funcional del mismo. Esto quiere decir, que podemos hacer una clase para hacer que se comporte como queramos y luego hacer otra clase para crear como queremos que se vea.

Este diagrama de arquitectura nos dará una idea a que nos estamos enfrentando ahora en comparación con flex 3

Los componentes sigues extendiendo de UIComponente pero ahora tienen un clase llamada SkinnableComponent de este lado podemos programar todo lo que queremos que nuestro componente haga, y del lado de la interfaz nos crean lo que es la clase skin con esta clase podemos renderizar cualquier componente, existen skins ya prediseñados pero si queremos hacer uno por nuestra cuenta desde cero, extenderemos de skin class.

También tenemos el diagrama del ciclo de vida de los skin:

(Esta Imagen fue sacada de http://opensource.adobe.com/wiki/display/flexsdk/Spark+Skinning)

Tenemos varios métodos que podemos sobre escribir para poder darle muchas más funcionalidades a nuestros diseños, no solo para decorar sino para crear efectos interesantes.

Communications between two Local Flex Apps - Comicacion entre dos Apps de Flex Locales

2010-04-07T22:01:00.012-04:30

Translation:

Algunas veces queremos comunicar dos aplicaciones de Flex o Flash que se encuentran en la misma página, y no vemos la manera de hacerlo.

ActionScript tiene una clase, que nos permite hacer esto sin mucho esfuerzo. Esta clase está ubicada en flash.net. LocalConnection.

Como todo principio de Cliente servidor, una aplicación tiene que escuchar y la otra tiene que ver si hay alguien escuchando.

Veamos el primer código donde vemos la aplicación que escucha, le colocaremos un nombre a la conexión llamada myConnection:

Sometimes we want to communicate two Flex or Flash applications that are on the same page, and do not see how.

ActionScript has a class, allowing us to do so without much effort. This class is located at flash.net. LocalConnection.

The idea is like a client server connection, an application needs to listen and the other has to see if anyone is listening.

Let us first see the application code where you hear, we will place a name to the connection called myConnection:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="500" minHeight="300"
      applicationComplete="applicationCompleteHandler(event)" viewSourceURL="srcview/index.html">
 

 
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.FlexEvent;
   
   private const connection:LocalConnection = new LocalConnection();
[Bindable] private var   data:ArrayCollection = new ArrayCollection();
   
   protected function applicationCompleteHandler(event:FlexEvent):void
   {
    // TODO Auto-generated method stub
    data.addItem("Application Complete Handler");
    connection.client = this;
    connection.connect("myConnection");
    data.addItem("The Client es THE APP, The name is myConnection");
   }
   
   public function colorBackground(sendedColor:uint):void
   {
    data.addItem("colorBackground Function");
    try
    {
     remoteColor.setStyle("backgroundColor",sendedColor);
     data.addItem("Recived Color in UInt -> "+ sendedColor);
    }
    catch (error:ArgumentError)
    {
     Alert.show("Error trying to connect to LocalConnection.");
    }
   } 
   
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 
 <s:VGroup height="100%" width="100%" 
     x="0" y="0" 
     paddingLeft="20" paddingRight="20" paddingTop="20" paddingBottom="20" 
     horizontalAlign="center">
  <s:Panel id="remoteColor" 
     width="250" height="100" 
     title="Remote Background Color" >
  </s:Panel>
  <s:Panel width="100%" height="100%" 
     title="Console">
   <s:List id="console" 
     width="100%" height="100%" 
     x="0" y="0"
     dataProvider="{data}"></s:List>
  </s:Panel>
 </s:VGroup>
</s:Application>

Ahora veamos la segundo aplicación la cual envía un mensaje a myConnection buscando una función llamada colorBackground y le pasa como parámetro el Color Seleccionado:

Now for the second application which sends a message looking for a function called myConnection colorBackground and passes as parameters the Selected Color:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" 
      minWidth="500" minHeight="300"
      applicationComplete="applicationCompleteHandler(event)" viewSourceURL="srcview/index.html">
 
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.ColorPickerEvent;
   import mx.events.FlexEvent;
   
   private const connection:LocalConnection = new LocalConnection();
[Bindable] private var   data:ArrayCollection = new ArrayCollection();
   protected function applicationCompleteHandler(event:FlexEvent):void
   {
    // TODO Auto-generated method stub
    data.addItem("Application Complete Handler");
    connection.addEventListener(StatusEvent.STATUS, connectionStatusHandler);
    data.addItem("Add Listener Status to the Connection");
   }
   
   private function connectionStatusHandler(event:StatusEvent):void
   {
    data.addItem("Connection Status Handler");
    switch (event.level)
    {
     case "status":
      trace("Use of LocalConnection.send() succeeded");
      break;
     case "error":
      Alert.show(
       "The LocalConnection.send() call failed: "
       + event.code + "\n"
       + event.toString() );
      break;
    }
    data.addItem("Status -> "+ event.level );
   }
   
   protected function sendColorHandler(event:ColorPickerEvent):void
   {
    // TODO Auto-generated method stub
    data.addItem("Send Color Handler");
    connection.send("myConnection", "colorBackground", event.color);
    data.addItem("Color Sending in UInt -> " + event.color);
   }
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <s:VGroup x="0" y="0" 
     width="100%" height="100%" 
     paddingLeft="20" paddingRight="20" paddingTop="20" paddingBottom="20" 
     horizontalAlign="center">
  <mx:ColorPicker change="sendColorHandler(event)"/>
  <s:Panel width="100%" height="100%" 
     title="Console">
   <s:List id="console" 
     x="0" y="0" 
     width="100%" height="100%"
     dataProvider="{data}"></s:List>
  </s:Panel>
 </s:VGroup>
</s:Application>

Los archivos pueden Descargarlos arriba de cada ejemplo.

The files can be downloaded above each example.

Ejemplo Uno - Recive el mensaje:

Example One - The message receiver:

Ver y Descargar Archivo del App 1:

Archivos - Descargar.

View Source and Download Files of the App 1:

Download Source.

Ejemplo Dos - Envia el Mensaje:

Example Two - Sends the Message:

Ver y Descargar Archivo del App 2:

Archivos - Descargar.

View Source and Download Files of the App 2:

Download Source.

Cryptography in Flex - Encriptar en Flex - Flex 4

2010-04-02T10:33:00.004-04:30

Translation:

Siempre necesitamos usar algún tipo de seguridad, para garantizar a nuestros clientes finales, la seguridad, valga la redundancia, de sus datos. Es por eso que cada ves que vamos a usar un Login o algún texto que necesite de algún tipo de Ofuscamiento, recurrimos a los que son algoritmos de Encriptación.

Flex tiene una librería para encriptar de forma muy sencilla y brinda varios algoritmos, logrando así nuestro objetivo, asegurarnos que nadie tenga la clave o texto de viaje por la red y pueda leerlo o al menos leerlo de forma inmediata.

Aquí les dejo el link para que se bajen la librería para ActionScript, as3corelib Link.

Y aquí le dejos solo la clase donde se ve mejor la implementación, de igual forma al final del texto están todas las clases y archivos del ejemplo, para verlos o descargarlos.

We always need to use some type of security to ensure our end, safety, despite the redundancy of your data. That's why every time we use a login or some text that needs some kind of obfuscation, we turn to those who are encryption algorithms.

Flex is a library for a simple way to encrypt and provides several algorithms, thus achieving our goal, to make sure that no one has the key or text traveling through the network and can read or at least read it immediately.

Here is the link to get off the library for ActionScript, as3corelib Link .

I will leave the most important class, so you can see who is implemented and you can see all the classes and download them at the end of this post.

package com.developyourdream.vo
{
 import com.adobe.crypto.MD5;
 import com.adobe.crypto.SHA1;
 import com.adobe.crypto.SHA224;
 import com.adobe.crypto.SHA256;
 import com.adobe.crypto.WSSEUsernameToken;
 import flash.utils.ByteArray;
[Bindable]
 public class LoginVO
 {
  public function LoginVO()
  {
  }
  private var _username:String;
  private var _password:String;
  private var _cryptoDetail:PasswordVO;
  private var _passwordByteArray:ByteArray;
  
  public function get username():String{
   return _username;
  }
  public function set username(value:String):void{
   _username = value;
  }
  public function get cryptoDetail():PasswordVO{
   return _cryptoDetail;
  }
  public function get password():String{
   return _password;
  }
  public function set password(value:String):void{
   _password = value;
   
   _cryptoDetail = new PasswordVO;
   
   _passwordByteArray = byteArrayTrasform(value);
   
   _cryptoDetail.originalByteArrayPassword = byteArrayToString(_passwordByteArray);
   
   _cryptoDetail.md5   = MD5.hash(_password);
   
   _cryptoDetail.sha1   = SHA1.hash(_password); 
   _cryptoDetail.sha1_base64 = SHA1.hashToBase64(_password); 
   _cryptoDetail.sha1_Bytes = SHA1.hashBytes(_passwordByteArray);
   
   _cryptoDetail.sha224  = SHA224.hash(_password); 
   _cryptoDetail.sha224_base64 = SHA224.hashToBase64(_password); 
   _cryptoDetail.sha224_Bytes = SHA224.hashBytes(_passwordByteArray);
   
   _cryptoDetail.sha256  = SHA256.hash(_password); 
   _cryptoDetail.sha256_base64 = SHA256.hashToBase64(_password); 
   _cryptoDetail.sha256_Bytes = SHA256.hashBytes(_passwordByteArray);
   
   _cryptoDetail.token = WSSEUsernameToken.getUsernameToken(_username,_password);
   
  }
  /*OTHER FUNCTIONS*/
  private function byteArrayTrasform(value:String):ByteArray
  {
   var _auxByteArray:ByteArray;
   _auxByteArray = new ByteArray();
   _auxByteArray.writeMultiByte(value,"utf-8");
   return _auxByteArray;
  }
  private function byteArrayToString(byteArray:ByteArray):String
  {
   byteArray.position = 0;
   var str:String = "";
   while(byteArray.position != byteArray.length - 1)
   {
    str += byteArray.readByte().toString(16).toUpperCase()+" ";
   }
   return str;
  } 
 }
}

Ejemplo:

Example:

Ver y Descargar Archivo:

Archivos - Descargar.

View Source and Download Files:

Download Source.

Google Maps HighLighting - (Country - Region - State - City ) - Flex 3

2010-02-26T10:50:00.007-04:30

OBSERVACION: solo sirve en el GOOGLE MAPS 1.09

Zoom Levels:

Default Zoom: Country.
Zoom 1 and 2 : Region.
Zoom 3 and 4 : States.
Zoom 5 to last : City's.

Default View

Select Country

Drag Country

Region View

Select Region

State View

Select State

Drag State

City View

Select City

Testing Flash Builder 4 Beta 2 - Flex 4

2010-02-20T19:14:00.006-04:30

Translation:

Bueno ya tenemos nuestra licencia de Flash Builder 4 Beta 2, ahora vamos a ver que de nuevo nos trae Adobe. Ahora tenemos todo un nuevo Name Space llamado Spark, vamos a ver en este ejemplo como se ven.

Para ver el código, hagan click derecho sobre la aplicación y luego a View Source.

Well we have our license Flash Builder 4 Beta 2, now let's see that again brings us Adobe. We now have a new Name Space called Spark, we'll see in this example how they look.

To view the code, please click right on the application and then View Source.

Audio and Music and Cover Flow like Ipod - Audio y Musica y Cover Flow como el Ipod

2009-12-14T00:36:00.010-04:30

Translation:

Pagina Ejemplo

A veces necesitamos salir del paso, con un cliente que nos pide una página, y nos dice solo quiero algo sencillo, donde puedan ver mi biografía y escuchar un preview de mi música.

No voy a mentir, hacerlo en HTML es lo más sencillo y rápido, pero si queremos que el cliente quede contento, y también no perder mucho tiempo en programación, podemos hacerlo todo en flex, en menos de un día, y de seguro nuestro cliente quedara más que feliz porque tendrá las 3 B (Bueno, Bonito, y Barato) y eso nos abrirá la puerta a otros clientes que quieran salir a la web con algo sencillo.

Así queda demostrado que lo sencillo puede ser bonito, sin tener que invertir mucho tiempo de mas.

Librerías usadas:

Entendiendo los componentes y agregando un par de eventos donde van pueden lograr el ejemplo de la pagina presentada en la primera imagen.

Example Page

Sometimes we need to muddle through with a client who asks us a page, and tells us just want something simple, where they can see my biography and listen to a preview of my music.

I will not lie, do it in HTML is as simple and quick, but if we want the customer is happy, and not lose much time in programming, can do everything in flex, in less than a day, and surely our client because there would be more than happy to have the 3 B (Bueno, Bonito, and cheap) and it will open the door to other customers who want to go to the website with something simple.

This is established that simplicity can be beautiful without having to invest much more time.

Libraries used:

Understanding the components and adding a couple of events where they can achieve the sample page presented in the first image.

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

Flash Flex Comunications, is it posible? - Comunicar Flash con Flex ¿ es posible ?

2009-10-27T22:11:00.011-04:30

Son las imágenes con las cual vamos a trabajar, son imágenes conseguidas por google image, escogí estas 3 imágenes, y vamos a utilizarlas para aminarlas un poco con Flash CS3 para luego ser exportadas y ser utilizadas en Flex.

Imagen 1:
Imagen 2:
Imagen 3:

Una vez bajadas las imágenes, las importamos a flash CS3, y vamos a cambiarle el sentido a las flechas la flecha que sale de la caja, supongamos que representara perdidas de algún tipo, por lo que lo coloreamos de Rojo y las flecha hacia dentro representara ganancias y lo coloreamos de verde. Y le damos una animación como si estuviera ingresando o saliendo, con respecto a la grafica, podemos borrar la flecha que está dentro de la imagen y redibujarla con una animación como si estuviera rebujándose en el momento.

Dentro del mismo flash, le colocamos los códigos de animación On mouse Over, y On mouse Out. Para animar y dejar de animar los mismo.

Flash:

Una vez que exportemos nuestras animaciones, vamos a Flex y dentro de nuestra carpeta scr en donde tengamos los assets colocamos nuestro swf exportado de flash.

Luego creamos nuestro código en Flex y tenemos nuestros resultados.

Flex:

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

Tesis - Tomo y Apendices - Software Educativo - Φsik Software

2009-09-17T10:11:00.003-04:30

Tomo en PDF

Apendices en PDF

Tesis - Nuevo Logo - Software Educativo - Φsik Software

2009-09-17T10:05:00.004-04:30

Logo Pequeño

Logo Grande

amfPhp MySQL Flex - Universal Mind Extension Example - Flex 3

2009-09-07T20:45:00.007-04:30

Translation:

OBSERVACION: amfPHP 1.9 es soportado hasta Php 5.2.xxx

Proximamente la Explicacion

OBSERVATION: amfPHP 1.9 is olny Soported by Php 5.2.xxx or less

Soon How To.

Tesis - SVN - Historico de Avances - Software Educativo - Φsik Software

2009-09-01T15:46:00.005-04:30

Visual SVN es una solución rápida para aquellos que no les gusta la consola, además de ser gratuita incluye una interfaz muy amigables para los usuarios que quieres levantar una SVN de forma local o remota, se instala en menos de 10 minutos. Aclaro esta no es la solución más profesional, pero sirve para mantener un ambiente de desarrollo limpio y agradable.

Mi recomendación, para todo proyecto que este pegado a un cronograma o tenga que ofrecer avances a una directiva o cliente final, un SVN bien comentado tras cado commit es la solución perfecta.

Así que no hagamos Commit por salvar y respaldar, Siempre hagan un comentario breve de que has hecho hasta el momento, cuales son los errores que pudieran solucionarse en el futuro y con qué vas a continuar.

Tesis - Modelo de Base de Datos Final en MySQL - Software Educativo - Φsik Software

2009-09-01T14:25:00.007-04:30

(Click sobre la imagen para verlo en Grande)

Después de varios meses de discusión hemos llegado con el modelo de base de datos final para la tesis, básicamente todo gira en torno a 4 tablas principales:

Estudiantes
Profesores
Teorías
Proyectos

Existen 3 tipos de Roles:

Estudiantes solo pueden consultar y modificar sus datos.
Profesores pueden Consultar Modificar Insertar y Eliminar.
Registro solo para ingresar estudiantes.

El Rol administrador esta por defecto pero no es para su uso, solo cuando sea necesario o en caso de modificaciones a la Base de datos. (Eliminación Creación de Tablas).

Trace a Particle - Dibujar el camino de una Particula - Flex 3

2009-08-04T14:24:00.014-04:30

Translation:

En este ejemplo podemos seguir la trayectoria de una animación en este caso una particular basada en formulas matemáticas. El seguir la trayectoria nos puede brindar información de donde estuvo una partícula o donde podrá estar en el futuro en caso de que sea una función cíclica.

This is an example of how we can trace an animation based in a Mathematical formula. The trace can give us information of the particle was in the past and if it’s a Cycle function were its going to be in the future.

En este caso usamos la fórmula para métrica del circulo, usando el sin y cos y colocamos variables dentro de la formula. La formula básica para la X y la Y es la siguiente:

X = sin( angle )* radius + initialPositionInX;
Y = cos( angle )* radius + initialPositionInY;

Para que podamos apreciar una animación necesitamos que el ángulo sea variable y un contador, también podemos colocar una velocidad a ese ángulo para que vaya más rápido.
Las formulas nos quedarían expresadas de la siguiente manera:

X = sin( time*velocityX )* radiusX + initialPositionInX;
Y = cos( time*velocityY )* radiusY + initialPositionInY;

Creamos una clase llamada particle y usamos una application para correrla:
Particle Class

package
{
import mx.core.UIComponent;

public class Particle extends UIComponent
{

/*---------------------------------------------------------------------------*/
/*----------------------------- START VARIABLES -----------------------------*/
/*---------------------------------------------------------------------------*/ 

private var _particleColor:uint = 0x000000;
private var _particleSize:int = 2;

/*---------------------------------------------------------------------------*/
/*------------------------------ END VARIABLES ------------------------------*/
/*---------------------------------------------------------------------------*/ 

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*--------------------------- START INIT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/

public function Particle()
{
super();
}

/*---------------------------------------------------------------------------*/
/*---------------------------- END INIT FUNCTIONS ---------------------------*/
/*---------------------------------------------------------------------------*/

/**************************************************************************/

/*---------------------------------------------------------------------------*/
/*------------------------------ START GET SET ------------------------------*/
/*---------------------------------------------------------------------------*/

public function get particleColor():uint{
return _particleColor;
}
public function set particleColor(value:uint):void{
_particleColor = value;
invalidateDisplayList();
}

public function get particleSize():int{
return _particleSize;
}
public function set particleSize(value:int):void{
_particleSize = value;
invalidateDisplayList();
}

/*---------------------------------------------------------------------------*/
/*------------------------------- END GET SET -------------------------------*/
/*---------------------------------------------------------------------------*/

/**************************************************************************/

/*---------------------------------------------------------------------------*/
/*------------------------- START OVERRIDE FUNCTION -------------------------*/
/*---------------------------------------------------------------------------*/

override protected function updateDisplayList( unscaledWidth:Number, unscaledHeight:Number): void 
{
super.updateDisplayList(_particleSize,_particleSize);
graphics.clear();
graphics.lineStyle(1,_particleColor,1);
graphics.beginFill(_particleColor,1);
graphics.drawCircle(0,0,_particleSize);
graphics.endFill();
}

/*---------------------------------------------------------------------------*/
/*------------------------- END OVERRIDE FUNCTION ---------------------------*/
/*---------------------------------------------------------------------------*/

}
}

The Application

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" frameRate="120" 
creationComplete="creationCompleteHandler(event)" layout="absolute" 
width="415" height="300" backgroundColor="0xFFFFFF"  xmlns:local="*" 
backgroundGradientAlphas="[1.0, 1.0]" 
backgroundGradientColors="[#FFFFFF, #FFFFFF]" themeColor="#FFFFFF" 
borderColor="#000000" borderStyle="solid" >
<mx:Script>
<![CDATA[
import mx.events.NumericStepperEvent;
import mx.events.ColorPickerEvent;
import mx.controls.Image;
import mx.core.UIComponent;
import mx.events.FlexEvent;

/*---------------------------------------------------------------------------*/
/*----------------------------- START VARIABLES -----------------------------*/
/*---------------------------------------------------------------------------*/ 

private var time:Number =0;
private var xo:Number = 0;
private var yo:Number = 0;
private var velocityX:Number = 1;
private var velocityY:Number = 1;
private var radiusX:Number = 100;
private var radiusY:Number = 100;
private var myCont:Canvas;
private var myImage:Image;
private var myParticle:Particle;

/*---------------------------------------------------------------------------*/
/*------------------------------ END VARIABLES ------------------------------*/
/*---------------------------------------------------------------------------*/ 

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*--------------------------- START INIT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/

private function creationCompleteHandler(event:FlexEvent):void{
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}
private function initParticleHandler(event:FlexEvent):void{
myCont = new Canvas;
myCont.percentWidth = 100;
myCont.percentHeight = 100;
myCanvas.addChild(myCont);
myParticle = new Particle;
myParticle.particleSize = 2;
myParticle.particleColor = 0xFF0000;
xo = myParticle.x = myCanvas.width/2;
yo = myParticle.y = myCanvas.height/2;
myImage = new Image;
myImage.percentWidth = 100;
myImage.percentHeight = 100;
myImage.alpha = 0.98;
myCont.addChild(myImage);
myCont.addChild(myParticle);
}

/*---------------------------------------------------------------------------*/
/*---------------------------- END INIT FUNCTIONS ---------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*-------------------------- START EVENT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/ 

/*-- START EVENT CAIRNGORM --*/

/*--- END EVENT CAIRNGORM ---*/

/***************************/

/*---- START EVENT FLEX -----*/
private function enterFrameHandler(event:Event):void{
time+=1/stage.frameRate;
myParticle.x = Math.sin(time*velocityX)*radiusX + xo; 
myParticle.y = Math.cos(time*velocityY)*radiusY + yo; 
myImage.source = new Bitmap(this.getUIComponentBitmapData(UIComponent(myCont)));
}
public function changeColorHandler(event:ColorPickerEvent):void{
myParticle.particleColor = event.color;
}
public function changeVelocityX(event:NumericStepperEvent):void{
velocityX = event.value;
}
public function changeVelocityY(event:NumericStepperEvent):void{
velocityY = event.value;
}
public function changeRadiusX(event:NumericStepperEvent):void{
radiusX = event.value;
}
public function changeRadiusY(event:NumericStepperEvent):void{
radiusY = event.value;
}
public function changeAlpha(event:NumericStepperEvent):void{
myImage.alpha = event.value;
}
public function changeRadius(event:NumericStepperEvent):void{
myParticle.particleSize = event.value;
}
public function clearImageHandler(event:MouseEvent):void{
this.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);
myImage.source = new Bitmap();       
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}

/*----- END EVENT ------*/

/*---------------------------------------------------------------------------*/
/*-------------------------- END EVENT FUNCTIONS ----------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*-------------------------- START OTHER FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/ 

public function getUIComponentBitmapData( target : UIComponent ) : BitmapData
{ 
var bd : BitmapData = new BitmapData( target.width, target.height );
var m : Matrix = new Matrix();
bd.draw( target, m );
return bd;  
}

/*---------------------------------------------------------------------------*/
/*-------------------------- END OTHER FUNCTIONS ----------------------------*/
/*---------------------------------------------------------------------------*/

]]>
</mx:Script>
<mx:HBox width="100%" height="100%">
<mx:Canvas width="78%" height="100%">
<mx:Form>
<mx:FormItem label="Color">
<mx:ColorPicker  change="changeColorHandler(event)"  
selectedColor="#FF0000"/>
</mx:FormItem>
<mx:FormItem label="Velocity X">
<mx:NumericStepper value="1" maximum="10" minimum="0" 
change="changeVelocityX(event)"/>
</mx:FormItem>
<mx:FormItem label="Velocity Y">
<mx:NumericStepper value="1" maximum="10" minimum="0" 
change="changeVelocityY(event)"/>
</mx:FormItem>
<mx:FormItem label="Radius X">
<mx:NumericStepper value="100" maximum="100" minimum="1" 
change="changeRadiusX(event)"/>
</mx:FormItem>
<mx:FormItem label="Radius Y">
<mx:NumericStepper value="100" maximum="100" minimum="1" 
change="changeRadiusY(event)"/>
</mx:FormItem>
<mx:FormItem label="Alpha">
<mx:NumericStepper value="0.98" maximum="1" minimum="0" 
stepSize="0.01"  change="changeAlpha(event)" />
</mx:FormItem>
<mx:FormItem label="Radius">
<mx:NumericStepper value="2" maximum="5" minimum="1" 
change="changeRadius(event)" />
</mx:FormItem>
<mx:FormItem label="Clear">
<mx:Button label="Clear" click="clearImageHandler(event)" />
</mx:FormItem>
</mx:Form>  
</mx:Canvas>
<mx:VBox width="100%" height="100%" >   
<mx:Canvas id="myCanvas" width="100%" height="100%" 
creationComplete="initParticleHandler(event)"/>
<mx:Label text="www.developyourdream.net" />
</mx:VBox>

</mx:HBox>
</mx:Application>

In this case I used the circle formula of Sin and Cos and put some variable inside the formula, this is the basic formulas in X and Y that we are using:

X = sin( angle )* radius + initialPositionInX;
Y = cos( angle )* radius + initialPositionInY;

So we can do it with animation we need to change the angle, we what to go faster so we can put a velocity to the angle.
The formula that we are using with the variable expresses like this:

X = sin( time*velocityX )* radiusX + initialPositionInX;
Y = cos( time*velocityY )* radiusY + initialPositionInY;

We created a class called particle and used in the applications:
Particle Class

package
{
import mx.core.UIComponent;

public class Particle extends UIComponent
{

/*---------------------------------------------------------------------------*/
/*----------------------------- START VARIABLES -----------------------------*/
/*---------------------------------------------------------------------------*/ 

private var _particleColor:uint = 0x000000;
private var _particleSize:int = 2;

/*---------------------------------------------------------------------------*/
/*------------------------------ END VARIABLES ------------------------------*/
/*---------------------------------------------------------------------------*/ 

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*--------------------------- START INIT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/

public function Particle()
{
super();
}

/*---------------------------------------------------------------------------*/
/*---------------------------- END INIT FUNCTIONS ---------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*------------------------------ START GET SET ------------------------------*/
/*---------------------------------------------------------------------------*/

public function get particleColor():uint{
return _particleColor;
}
public function set particleColor(value:uint):void{
_particleColor = value;
invalidateDisplayList();
}

public function get particleSize():int{
return _particleSize;
}
public function set particleSize(value:int):void{
_particleSize = value;
invalidateDisplayList();
}

/*---------------------------------------------------------------------------*/
/*------------------------------- END GET SET -------------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*------------------------- START OVERRIDE FUNCTION -------------------------*/
/*---------------------------------------------------------------------------*/

override protected function updateDisplayList( unscaledWidth:Number, unscaledHeight:Number): void 
{
super.updateDisplayList(_particleSize,_particleSize);
graphics.clear();
graphics.lineStyle(1,_particleColor,1);
graphics.beginFill(_particleColor,1);
graphics.drawCircle(0,0,_particleSize);
graphics.endFill();
}

/*---------------------------------------------------------------------------*/
/*------------------------- END OVERRIDE FUNCTION ---------------------------*/
/*---------------------------------------------------------------------------*/

}
}

The Application

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" frameRate="120" 
creationComplete="creationCompleteHandler(event)" layout="absolute" 
width="415" height="300" backgroundColor="0xFFFFFF"  xmlns:local="*" 
backgroundGradientAlphas="[1.0, 1.0]" 
backgroundGradientColors="[#FFFFFF, #FFFFFF]" themeColor="#FFFFFF" 
borderColor="#000000" borderStyle="solid" >
<mx:Script>
<![CDATA[
import mx.events.NumericStepperEvent;
import mx.events.ColorPickerEvent;
import mx.controls.Image;
import mx.core.UIComponent;
import mx.events.FlexEvent;

/*---------------------------------------------------------------------------*/
/*----------------------------- START VARIABLES -----------------------------*/
/*---------------------------------------------------------------------------*/ 

private var time:Number =0;
private var xo:Number = 0;
private var yo:Number = 0;
private var velocityX:Number = 1;
private var velocityY:Number = 1;
private var radiusX:Number = 100;
private var radiusY:Number = 100;
private var myCont:Canvas;
private var myImage:Image;
private var myParticle:Particle;

/*---------------------------------------------------------------------------*/
/*------------------------------ END VARIABLES ------------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*--------------------------- START INIT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/

private function creationCompleteHandler(event:FlexEvent):void{
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}
private function initParticleHandler(event:FlexEvent):void{
myCont = new Canvas;
myCont.percentWidth = 100;
myCont.percentHeight = 100;
myCanvas.addChild(myCont);
myParticle = new Particle;
myParticle.particleSize = 2;
myParticle.particleColor = 0xFF0000;
xo = myParticle.x = myCanvas.width/2;
yo = myParticle.y = myCanvas.height/2;
myImage = new Image;
myImage.percentWidth = 100;
myImage.percentHeight = 100;
myImage.alpha = 0.98;
myCont.addChild(myImage);
myCont.addChild(myParticle);
}

/*---------------------------------------------------------------------------*/
/*---------------------------- END INIT FUNCTIONS ---------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*-------------------------- START EVENT FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/ 

/*-- START EVENT CAIRNGORM --*/

/*--- END EVENT CAIRNGORM ---*/

/***************************/

/*---- START EVENT FLEX -----*/
private function enterFrameHandler(event:Event):void{
time+=1/stage.frameRate;
myParticle.x = Math.sin(time*velocityX)*radiusX + xo; 
myParticle.y = Math.cos(time*velocityY)*radiusY + yo; 
myImage.source = new Bitmap(this.getUIComponentBitmapData(UIComponent(myCont)));
}
public function changeColorHandler(event:ColorPickerEvent):void{
myParticle.particleColor = event.color;
}
public function changeVelocityX(event:NumericStepperEvent):void{
velocityX = event.value;
}
public function changeVelocityY(event:NumericStepperEvent):void{
velocityY = event.value;
}
public function changeRadiusX(event:NumericStepperEvent):void{
radiusX = event.value;
}
public function changeRadiusY(event:NumericStepperEvent):void{
radiusY = event.value;
}
public function changeAlpha(event:NumericStepperEvent):void{
myImage.alpha = event.value;
}
public function changeRadius(event:NumericStepperEvent):void{
myParticle.particleSize = event.value;
}
public function clearImageHandler(event:MouseEvent):void{
this.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);
myImage.source = new Bitmap();       
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}

/*----- END EVENT FLEX ------*/

/*---------------------------------------------------------------------------*/
/*-------------------------- END EVENT FUNCTIONS ----------------------------*/
/*---------------------------------------------------------------------------*/

/*****************************************************************************/

/*---------------------------------------------------------------------------*/
/*-------------------------- START OTHER FUNCTIONS --------------------------*/
/*---------------------------------------------------------------------------*/ 

public function getUIComponentBitmapData( target : UIComponent ) : BitmapData
{ 
var bd : BitmapData = new BitmapData( target.width, target.height );
var m : Matrix = new Matrix();
bd.draw( target, m );
return bd;  
}

/*---------------------------------------------------------------------------*/
/*-------------------------- END OTHER FUNCTIONS ----------------------------*/
/*---------------------------------------------------------------------------*/

]]>
</mx:Script>
<mx:HBox width="100%" height="100%">
<mx:Canvas width="78%" height="100%">
<mx:Form>
<mx:FormItem label="Color">
<mx:ColorPicker  change="changeColorHandler(event)"  
selectedColor="#FF0000"/>
</mx:FormItem>
<mx:FormItem label="Velocity X">
<mx:NumericStepper value="1" maximum="10" minimum="0" 
change="changeVelocityX(event)"/>
</mx:FormItem>
<mx:FormItem label="Velocity Y">
<mx:NumericStepper value="1" maximum="10" minimum="0" 
change="changeVelocityY(event)"/>
</mx:FormItem>
<mx:FormItem label="Radius X">
<mx:NumericStepper value="100" maximum="100" minimum="1" 
change="changeRadiusX(event)"/>
</mx:FormItem>
<mx:FormItem label="Radius Y">
<mx:NumericStepper value="100" maximum="100" minimum="1" 
change="changeRadiusY(event)"/>
</mx:FormItem>
<mx:FormItem label="Alpha">
<mx:NumericStepper value="0.98" maximum="1" minimum="0" 
stepSize="0.01"  change="changeAlpha(event)" />
</mx:FormItem>
<mx:FormItem label="Radius">
<mx:NumericStepper value="2" maximum="5" minimum="1" 
change="changeRadius(event)" />
</mx:FormItem>
<mx:FormItem label="Clear">
<mx:Button label="Clear" click="clearImageHandler(event)" />
</mx:FormItem>
</mx:Form>  
</mx:Canvas>
<mx:VBox width="100%" height="100%" >   
<mx:Canvas id="myCanvas" width="100%" height="100%" 
creationComplete="initParticleHandler(event)"/>
<mx:Label text="www.developyourdream.net" />
</mx:VBox>

</mx:HBox>
</mx:Application>

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

( Blogger, BlogSpot ) - Translate Manualy like QTranlate - Traducir Manualmente como QTranslate

2009-06-13T02:09:00.019-04:30

Translation:

Mi Lengua nativa es el español, y a mí en lo personal me gusta publicar cosas que las otras personas pueden leer y a veces usarlas para sus proyectos personales, pero al principio solo posteaba en español así que mucha gente que entraba al blog se iba porque no entendía el Articulo.

Así que al principio me puse a buscar como traducir blogs y encontré Qtranslate y me gusto el sistema porque a veces los traductores al traducir, no expresa lo que realmente queremos decir PERO!!! Qtranslate solo serbia para WordPress y con el se traduce a mano osea escrito por el propio autor del Post. Así que empecé a buscar Qtranslate para Blogsport o blogger y nada salía.

Un buen día un amigo me dijo que ya que no hay Qtranslate para Blogspot que me creara tu uno (Alejandro Sanchez – www.internetdeveloping.blogspot.com) así que tome su consejo y conseguí a JQuery y con ese concepto me invente 2 clases en CSS para los tags div, uno para cada lenguaje que quería y me cree un pequeño menú.

La primera cosa que hice fue descargarme el JQuery y poner en Java Script en un hosting gratis. Podemos encontrar la última versión de JQuery en su pagina http://jquery.com/ o la versión que yo estoy usando en http://blog.jquery.com/2009/01/21/jquery-131-released/

La segunda cosa que hice fue importar el Java Script al Header de BlogSpot, eso se hace logueandonos a nuestro blog y vamos a Diseño - > Editar HTML y arriba del cierre del head Colocamos esta línea de código:

<script src='http://developyourdream.net/js/jquery.js' type='text/javascript'/>

Donde /js/jquery.js is es la ruta del Java Script de JQuery.
Ejemplo:

La tercera cosa que tenemos que hacer es crear nuestras clases en CSS, yo me cree 4 clases, 2 para manejar los eventos de cambio de idioma y 2 para la expresión en si del idioma. Vamos a colocar estas Clases dentro del CSS del BlogSpot yo lo puse cerca del debajo del Footer y arriba del Cierre del CSS estas son las clases que cree:

.english {display:none;}
.spanish {}
.englishHandler {}
.spanishHandler {}

Ejemplo:

La Última cosa que tenemos que crear en la Configuración es un Mini Java Script el cual lo vamos a escribir arriba del Cierre del Header y abajo de donde importamos el JQuery.

<script type='text/javascript'>
$(document).ready(function() {
$("english").hide();
$(".spanish").show();
$(".englishHandler").click(function() {
$(".english").show();
$(".spanish").hide();
});
$(&quot;.spanishHandler").click(function() {
$(".english").hide();
$(".spanish").show();
});
});
</script>

Ejemplo:

Ahora vamos a la parte de Publicación del Post

Yo me cree un pequeño menú de la siguiente forma:

<span style="color: rgb(255, 0, 0); font-weight: bold;">Translation:</span>
<ul><li class="spanishHandler"><a href="#">Spanish <img class="imgNoBorder" src="http://developyourdream.net/img/spanish_flags.jpg" /></a></li><li class="englishHandler"><a href="#">English <img class="imgNoBorder" src="http://developyourdream.net/img/english_flags.jpg" /></a>
</li></ul>

Con este menú podemos hacer 2 cosas, copiar y pegarlo al inicio de cada post o que se coloque automáticamente, esto lo podemos lograr en Configuración -> Formato colocando el menú en el texto de entrada que dice Plantilla de entrada al Final:
Example Image:

En el Nuevo Post que vamos a crear colocamos todo el texto que sea en español dentro de los tags

<div class="spanish">HOLA MUNDO</div>

y todo el texto que sea en Ingles dentro de los Tags

<div class="english">HELLO WORLD</div>

Nuestro post debe quedar algo así:

My Native language is Spanish, and i like publishing thing that other people can read and see, and even sometime the can use, but I started this blog only in Spanish, so some people cant understand this language.

So I start look how to translate this page, and I found Qtranstlate, Buy it was only for word Press. So I googled Qtranslate for Bloggers or for BlogSpot and nothing came up.

So a friend told me, if you want a Qtranslate way don’t you do it yourself. (Alejandro Sanchez – www.internetdeveloping.blogspot.com ) so I did, I found JQuery and I did made 2 class for my div tags, one for each language.

The first Thing we have to do is download JQuery put the JavaScript in a free hosting page, you can find the last release of JQuery in this page http://jquery.com/ and the one I use is http://blog.jquery.com/2009/01/21/jquery-131-released/

The second thing we have to do is imported to the Header of our BlogSpot so we login in over blog and me go to Layout and then we go to Edit HTML and import with a script tag the JQuery, the tag should say something like this:

<script src='http://developyourdream.net/js/jquery.js' type='text/javascript'/>

were /js/jquery.js is your directory were you host the Java script of JQuery.

Example Image:

The next thing you have to do is to make is the CSS classes, I made 4 , 2 handlers and 2 expressions if we can called lake that and I route them at the end of the CSS close to the footer but you can write it any ware in the CSS and this classes are:

.english {display:none;}
.spanish {}
.englishHandler {}
.spanishHandler {}

Example Image:

The last thing is we have to in the layout is ouwer mini java script and we are going to write it over the end of the head and below the import of the JQuery.

<script type='text/javascript'>
$(document).ready(function() {
$(&quot;.english&quot;).hide();
$(&quot;.spanish&quot;).show();
$(&quot;.englishHandler&quot;).click(function() {
$(&quot;.english&quot;).show();
$(&quot;.spanish&quot;).hide();
});
$(&quot;.spanishHandler&quot;).click(function() {
$(&quot;.english&quot;).hide();
$(&quot;.spanish&quot;).show();
});
});
</script>

Example Image:

Know the publish part:

I did my menu like this:

<span style="color: rgb(255, 0, 0); font-weight: bold;">Translation:</span>
<ul><li class="spanishHandler"><a href="#">Spanish <img class="imgNoBorder" src="http://developyourdream.net/img/spanish_flags.jpg" /></a></li><li class="englishHandler"><a href="#">English <img class="imgNoBorder" src="http://developyourdream.net/img/english_flags.jpg" /></a>
</li></ul>

And We can do two things, we can copy and paste the menu HTML in all our post OR we can automatically put it in post just adding the html in SETTINGS -> FORMATING in the formating we can find a input text named Post Template:

Example Image:

In the new post we what to create if we want to write in Spanish we surround the text with

<div class="spanish">HOLA MUNDO</div>

and if we that to write in English we surround the text with

<div class="english">HELLO WORLD</div>

and our ports will lock like this:
Example Image:

Conectar Flex MySql amfPHP - Connect Flex MySql amfPHP - Flex 3

2009-06-13T02:04:00.026-04:30

OBSERVACION: amfPHP 1.9 es soportado hasta Php 5.2.xxx

Translation:

En este tutorial vamos a hacer que un datagrid se llene con información de una base de datos en MySQL y además vamos a crear un formulario donde podamos dejar nuestro nombre y un mensaje.

Esto lo vamos a lograr con amfphp conectándose a MySQL y flex mostrando toda la interfaz.

Lo primero que vamos a crear es crear la lógica de Base de dato de MySQL, esta lógica fue creada por una Compañero de trabajo llamado “Joel Moya” quien me dio los scripts para crear seleccionar e insertar en la base de dato:

CREATE TABLE ‘DataGridMessageTutorial’ (
‘id’ int(11) NOT NULL auto_increment,
‘name’ varchar(30) default NULL,
‘message’ varchar(300) default NULL,
PRIMARY KEY  (‘id’)
) AUTO_INCREMENT=1 ;

SELECT * From DataGridMessageTutorial ORDER BY id DESC;

INSERT INTO DataGridMessageTutorial (
id,
name,
message
)
VALUES (
NULL , 'VARIABLE 1', 'VARIABLE 2'
);"

Ya que tenemos la base de datos podemos crear nuestras funciones remotas una para consultar de la base de datos y otra para insertar en ella:

<?php
Header('Cache-Control: no-cache');
Header('Pragma: no-cache');
class DataGridService
{
var $link;
function DataGridService(){ 
$this->link = mysql_connect("localhost", "verlasco_dydUser", "mypassword") or die ("No conecta con SQLSERVER");
mysql_select_db("verlasco_dyd", $this->link);
}
function getAllMessages(){
include_once("vo/com/dyd/tutorial/vo/MessageVO.php");
$Result = mysql_query("SELECT * From DataGridMessageTutorial ORDER BY id DESC;", $this->link );
while ($row = mysql_fetch_array($Result, MYSQL_ASSOC))
{
$my_user = new MessageVO();
$my_user->id = $row['id'];
$my_user->name = $row['name'];
$my_user->message = $row['message'];

$list_of_users[] = $my_user;
}
return $list_of_users;
}
function saveMessage($obj){
$sql = "INSERT INTO DataGridMessageTutorial (
id,
name,
message
)
VALUES (
NULL , '$obj->name', '$obj->message'
);";
return mysql_query(sprintf($sql));
}
}
?>

Notemos que en la línea 16 hay un new MessageVO() y en la línea 32 se accede a 2 atributos dentro de un objeto, esto es debido a un VO o Value Object esto nos permite enviar y recibir objetos entre el cliente y el servidor, del lado del servidor se construye así:

<?php
class MessageVO {
var $_explicitType = "com.dyd.tutorial.vo.MessageVO";
var $id;
var $name;
var $message;
}
?>

Ahora que tenemos el lado del servidor listo podemos empezar a crear el lado del cliente.

Entonces creemos un Datagrid y un pequeño formulario que contenga nombre y un mensaje:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
width="600" height="630" backgroundColor="0xFFFFFF" borderStyle="solid"
borderThickness="2" borderColor="0x000000" cornerRadius="8" right="2"
left="2" top="2" bottom="2"
creationComplete="creationCompleteHandler(event)"
preloader="com.dyd.tutorial.utils.PathfinderCustomPreloader">
<mx:Script>
<![CDATA[
import com.dyd.tutorial.vo.MessageVO;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------- START VARIABLES -------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

[Bindable]private var myArray:Array = []

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------- END VARIABLES --------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/******************************************************************************/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*-------------------------- START INIT FUNCTIONS ----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

private function creationCompleteHandler(event:FlexEvent):void{
amf.getAllMessages.send();
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------- END INIT FUNCTIONS -----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/******************************************************************************/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*------------------------- START EVENT FUNCTIONS ----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*-- START EVENT CAIRNGORM --*/



/*--- END EVENT CAIRNGORM ---*/

/***************************/

/*---- START EVENT FLEX -----*/

private function acceptHandler(event:MouseEvent):void{
if( myNameTextInput.text  && myNameTextInput.text.length>0 &&
myMessageTextArea.text  &&  myMessageTextArea.text.length>0){
var messageVO:MessageVO = new MessageVO;
messageVO.name = myNameTextInput.text.toString();
messageVO.message = myMessageTextArea.text.toString();
amf.saveMessage.send( messageVO );

}else{
Alert.show("Name or Messege is Empty","Message");
}
}
private function cancelHandler(event:MouseEvent):void{
myNameTextInput.text  = "";
myMessageTextArea.text = "";
} 
private function getAllMessageResultHandler(event:ResultEvent):void{
myArray = event.result as Array;
}
private function getAllMessageFaultHandler(event:FaultEvent):void{
Alert.show("Data Base Off Line - Refresh The Application", "Message");
}
private function seveMessageResultHandler(event:ResultEvent):void{
if(event.result == true){
myNameTextInput.text  = "";
myMessageTextArea.text = "";
amf.getAllMessages.send();
}else{
Alert.show("Data Base Can't Insert - Please Try Again", "Message");
}
}
private function seveMessageFaultHandler(event:FaultEvent):void{
Alert.show("Data Base Off Line - Refresh The Application", "Message");
}

/*----- END EVENT FLEX ------*/

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*------------------------- END EVENT FUNCTIONS ------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
]]>
</mx:Script>
<mx:RemoteObject id="amf" source="DataGridService" destination="amfphp">
<mx:method  name="getAllMessages"
result="getAllMessageResultHandler(event);"
fault="getAllMessageFaultHandler(event);"/>
<mx:method  name="saveMessage"
result="seveMessageResultHandler(event);"
fault="seveMessageFaultHandler(event);"/>
</mx:RemoteObject>
<mx:DataGrid  id="myDataGrid" width="100%" height="360"
dataProvider="{myArray}" rowHeight="65">
<mx:columns>
<mx:DataGridColumn  dataField="name" headerText="Name"
width="150" wordWrap="true"/>
<mx:DataGridColumn dataField="message" headerText="Message"
wordWrap="true"/>
</mx:columns>
</mx:DataGrid>
<mx:Form width="100%" height="183">
<mx:FormItem label="Name:" >
<mx:TextInput  id="myNameTextInput" width="330" restrict="a-z A-Z"
maxChars="30" />
<mx:Label text="Restrict: a-Z.    Max Chars: 30" color="red" />
</mx:FormItem>
<mx:FormItem label="Message:" >
<mx:TextArea  id="myMessageTextArea" width="330" height="75"
maxChars="200" />
<mx:Label text="Max Chars: 300" color="red" />
</mx:FormItem>
</mx:Form>
<mx:HBox width="300" horizontalAlign="right" >
<mx:Button label="Accept" click="acceptHandler(event);" />
<mx:Button label="Cancel" click="cancelHandler(event);" />
</mx:HBox>
</mx:Application>

Creamos el VO del Lado del Cliente también para poder recibir y enviar los mismos datos:

package com.dyd.tutorial.vo
{
[Bindable]
[RemoteClass(alias="com.dyd.tutorial.vo.MessageVO")]
public class MessageVO
{
public var id:String;
public var name:String;
public var message:String;
}
}

Y el XML que se encarga de llamar al servicio:

<?xml version="1.0" encoding="UTF-8"?>
<services-config>
<services>
<service id="amfphp-flashremoting-service"
class="flex.messaging.services.RemotingService"
messageTypes="flex.messaging.messages.RemotingMessage">

<destination id="amfphp">
<channels>
<channel ref="my-amfphp"/>
</channels>
<properties>
<source>*</source>
</properties>
</destination>
</service>
</services>
<channels>
<channel-definition id="my-amfphp" class="mx.messaging.channels.AMFChannel">
<endpoint uri="/amfphp/gateway.php" class="flex.messaging.endpoints.AMFEndpoint"/>
</channel-definition>
</channels>
</services-config>

Y aquí les dejo dos imágenes en las cuales vemos como son las rutas de los archivos tanto del lado del cliente como del lado del Servidor:

Ejemplo:

In this Example we want a data grid that fills from a MySQL Database and also we want to save all the messages and name from a form so anybody can leave a message.

So for this we are going to use amfphp to connect to MySQL and flex to display everything.

The first thing we have to do is Database Logic for MySQL and a co worker and also a good friend “Joel Moya” gave me the script to create select and insert in the Database:

CREATE TABLE ‘DataGridMessageTutorial’ (
‘id’ int(11) NOT NULL auto_increment,
‘name’ varchar(30) default NULL,
‘message’ varchar(300) default NULL,
PRIMARY KEY  (‘id’)
) AUTO_INCREMENT=1 ;

SELECT * From DataGridMessageTutorial ORDER BY id DESC;

INSERT INTO DataGridMessageTutorial (
id,
name,
message
)
VALUES (
NULL , 'VARIABLE 1', 'VARIABLE 2'
);"

Know with the database ready we can create the remote function in php, we are going to create 2 function one to consult and one to Insert in the database:

<?php
Header('Cache-Control: no-cache');
Header('Pragma: no-cache');
class DataGridService
{
var $link;
function DataGridService(){ 
$this->link = mysql_connect("localhost", "verlasco_dydUser", "mypassword") or die ("No conecta con SQLSERVER");
mysql_select_db("verlasco_dyd", $this->link);
}
function getAllMessages(){
include_once("vo/com/dyd/tutorial/vo/MessageVO.php");
$Result = mysql_query("SELECT * From DataGridMessageTutorial ORDER BY id DESC;", $this->link );
while ($row = mysql_fetch_array($Result, MYSQL_ASSOC))
{
$my_user = new MessageVO();
$my_user->id = $row['id'];
$my_user->name = $row['name'];
$my_user->message = $row['message'];

$list_of_users[] = $my_user;
}
return $list_of_users;
}
function saveMessage($obj){
$sql = "INSERT INTO DataGridMessageTutorial (
id,
name,
message
)
VALUES (
NULL , '$obj->name', '$obj->message'
);";
return mysql_query(sprintf($sql));
}
}
?>

Notice that in the line 16 the is an new MessageVO() and in the line 32 I can access to properties from a object, that is because we made an VO or Value Object this value Object lets us pass Object in the functions and send it back to the client:

<?php
class MessageVO {
var $_explicitType = "com.dyd.tutorial.vo.MessageVO";
var $id;
var $name;
var $message;
}
?>

Know we have the remote side complete we need the client side.

So we are going to paint a Datagrid and a little form that contains a name and a message:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
width="600" height="630" backgroundColor="0xFFFFFF" borderStyle="solid"
borderThickness="2" borderColor="0x000000" cornerRadius="8" right="2"
left="2" top="2" bottom="2"
creationComplete="creationCompleteHandler(event)"
preloader="com.dyd.tutorial.utils.PathfinderCustomPreloader">
<mx:Script>
<![CDATA[
import com.dyd.tutorial.vo.MessageVO;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------- START VARIABLES -------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

[Bindable]private var myArray:Array = []

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------- END VARIABLES --------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/******************************************************************************/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*-------------------------- START INIT FUNCTIONS ----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

private function creationCompleteHandler(event:FlexEvent):void{
amf.getAllMessages.send();
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------- END INIT FUNCTIONS -----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/******************************************************************************/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*------------------------- START EVENT FUNCTIONS ----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*-- START EVENT CAIRNGORM --*/



/*--- END EVENT CAIRNGORM ---*/

/***************************/

/*---- START EVENT FLEX -----*/

private function acceptHandler(event:MouseEvent):void{
if( myNameTextInput.text  && myNameTextInput.text.length>0 &&
myMessageTextArea.text  &&  myMessageTextArea.text.length>0){
var messageVO:MessageVO = new MessageVO;
messageVO.name = myNameTextInput.text.toString();
messageVO.message = myMessageTextArea.text.toString();
amf.saveMessage.send( messageVO );

}else{
Alert.show("Name or Messege is Empty","Message");
}
}
private function cancelHandler(event:MouseEvent):void{
myNameTextInput.text  = "";
myMessageTextArea.text = "";
} 
private function getAllMessageResultHandler(event:ResultEvent):void{
myArray = event.result as Array;
}
private function getAllMessageFaultHandler(event:FaultEvent):void{
Alert.show("Data Base Off Line - Refresh The Application", "Message");
}
private function seveMessageResultHandler(event:ResultEvent):void{
if(event.result == true){
myNameTextInput.text  = "";
myMessageTextArea.text = "";
amf.getAllMessages.send();
}else{
Alert.show("Data Base Can't Insert - Please Try Again", "Message");
}
}
private function seveMessageFaultHandler(event:FaultEvent):void{
Alert.show("Data Base Off Line - Refresh The Application", "Message");
}

/*----- END EVENT FLEX ------*/

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*------------------------- END EVENT FUNCTIONS ------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
]]>
</mx:Script>
<mx:RemoteObject id="amf" source="DataGridService" destination="amfphp">
<mx:method  name="getAllMessages"
result="getAllMessageResultHandler(event);"
fault="getAllMessageFaultHandler(event);"/>
<mx:method  name="saveMessage"
result="seveMessageResultHandler(event);"
fault="seveMessageFaultHandler(event);"/>
</mx:RemoteObject>
<mx:DataGrid  id="myDataGrid" width="100%" height="360"
dataProvider="{myArray}" rowHeight="65">
<mx:columns>
<mx:DataGridColumn  dataField="name" headerText="Name"
width="150" wordWrap="true"/>
<mx:DataGridColumn dataField="message" headerText="Message"
wordWrap="true"/>
</mx:columns>
</mx:DataGrid>
<mx:Form width="100%" height="183">
<mx:FormItem label="Name:" >
<mx:TextInput  id="myNameTextInput" width="330" restrict="a-z A-Z"
maxChars="30" />
<mx:Label text="Restrict: a-Z.    Max Chars: 30" color="red" />
</mx:FormItem>
<mx:FormItem label="Message:" >
<mx:TextArea  id="myMessageTextArea" width="330" height="75"
maxChars="200" />
<mx:Label text="Max Chars: 300" color="red" />
</mx:FormItem>
</mx:Form>
<mx:HBox width="300" horizontalAlign="right" >
<mx:Button label="Accept" click="acceptHandler(event);" />
<mx:Button label="Cancel" click="cancelHandler(event);" />
</mx:HBox>
</mx:Application>

The VO we are sending we have to have it to in the client side so let’s made it:

package com.dyd.tutorial.vo
{
[Bindable]
[RemoteClass(alias="com.dyd.tutorial.vo.MessageVO")]
public class MessageVO
{
public var id:String;
public var name:String;
public var message:String;
}
}

And the XML that refers to the service:

<?xml version="1.0" encoding="UTF-8"?>
<services-config>
<services>
<service id="amfphp-flashremoting-service"
class="flex.messaging.services.RemotingService"
messageTypes="flex.messaging.messages.RemotingMessage">

<destination id="amfphp">
<channels>
<channel ref="my-amfphp"/>
</channels>
<properties>
<source>*</source>
</properties>
</destination>
</service>
</services>
<channels>
<channel-definition id="my-amfphp" class="mx.messaging.channels.AMFChannel">
<endpoint uri="/amfphp/gateway.php" class="flex.messaging.endpoints.AMFEndpoint"/>
</channel-definition>
</channels>
</services-config>

Here are two image of the directory of the file from the server side and the client side:

Example:

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

Cairngorm - Universal Mind Extension

2009-06-02T10:53:00.012-04:30

Translation:

En este post se explicara paso por paso, como se lleva a cabo la ejecución de un ciclo completo de Cairngorm UM Extension. Universal Mind le agregaron una extensión al Cairngorm donde el diagrama cambia un poco.

Si queremos Ver el Cairngorm en su esquema básico podemos verlo en este interesante post en la pagina expuesta a continuación: http://internetdeveloping.blogspot.com/2009/05/ejemplo-cairngorm-agregar-contacto.html

El esquema de Universal Mind, se puede resumir en el siguiente diagrama:

This post will explain step by step, as performed by the execution of a complete cycle of UM Cairngorm Extension. Universal Mind Cairngorm Added an extension to a diagram and it change a bit from the original Cairngorm.

If we want to view the Cairngorm in its basic outline, we can visit this post that explains the bacis cicle: http://internetdeveloping.blogspot.com/2009/05/ejemplo-cairngorm-agregar-contacto.html

The scheme of Universal Mind, can be summarized in the following diagram:

Flash vs Flex

2009-05-10T10:12:00.009-04:30

Translation:

Flash:

Es una aplicación actualmente escrita y distribuida por Adobe para la producción de contenido interactivo y animaciones, trabaja con fotogramas y el lugar de trabajo es muy parecido a cualquier programa básico de diseño.

Es capas de manejar Graficos Vectoriales, Sonido, flujos de video y se puede programar bajo Action Script en cualquiera de sus versiones, actualmente esta en la versión 3.0.

Flex:

Es una tecnología que engloba toda las practicidad de Flash, pero es orientado al desarrollo de aplicaciones dentro de un Browser. Fue iniciado originalmente como una aplicación de J2EE. Actualmente pertenece a Adobe y sus lenguajes son MXML con Action Script.

Flex Actualmente va por su versión 3.3 y recientemente salio el SDK Flex 4 y al parecer Flex Builder pasa a llamarse Flash Builder.

Flex Vs Flash

Flash es orientado más al diseño mientras que flex es orientado más a el manejo de datos.

Flex puede desarrollarse en su propio programa o se puede desarrollar en un plugin de Eclipse llamado Flex Builder, Flash tiene su aplicación, su más reciente versión es Flash CS4.

Flash se puede comunicar con otros lenguajes y puede enviarse y recibir información en cambio flex es orientado a servicios de datos según sea lo necesario, se puede conectar a Servicios HTTP de forma rápida y sin complicaciones.

Flash puede crear interpolaciones movimientos de Figuras, letras, escenarios, en flex es un poco más complicado, si queremos hacer alguna animación avanzada se tiene a usar clases que son para animaciones o simplemente se importan librerías generadas en Flash con los objetos ya animados.

Flash:

It is currently an application written and distributed by Adobe for the production of interactive content and animation, working with frames and the workplace is very similar to any basic program design.

Layer is to manage Vector Graphics, Sound, video streams and can be programmed in Action Script in any of its versions, currently in version 3.0.

Flex:

Is a technology that encompasses all the convenience of Flash, but is aimed at developing applications within a browser. It was originally started as a J2EE application. Now belongs to Adobe and their languages are MXML with Action Script.

Flex Builder currently is on version 3.3 the last release is Flex 4 and the Builder change´s the name to Flash Builder.

Flex Vs Flash

Flash is more geared to the design while flex is geared more to data management.

Flex can develop their own program or you can develop a plugin for Eclipse called Flex Builder, Flash has its application, its most recent version is Flash CS4.

Flash and Flex can communicate with other languages and can send and receive information exchange is designed to flex data services as necessary, you can connect to HTTP services quickly and without complications.

Flash can create interpolations movements of figures, letters, scripts, in flex is a bit more complicated if we want to do any animation is to use advanced classes are for entertainment or just import libraries created with Flash and animated objects.

Develop your Dream

2009-05-10T09:40:00.012-04:30

Develop Your Dream, esta creada como pagina de referencia para los programadores. Esta página tendrá un contenido variado para el desarrollo de software, bajo varios lenguajes del mercado , sobre saltando mas los lenguajes de Action Script, tanto en Flash con las versiones AS 2.0 y AS 3.0 como en Flex con MXML y AS 3.0 programando en Eclipse 3.3.2 y el plug-in Flex Builder 3

Veremos ejemplos de conexiones básicas con Bases de Datos y la interacción del lenguaje Action Script con otros lenguajes como PHP, JAVA, ASP entre otros.

Veremos cómo crear hojas CSS y qué ventajas tiene tanto para el manejo de datos como para el diseño de un programa.

Nota: Dejen sus comentarios en cuanto a temas que quieran que publiquemos o investiguemos.

Tesis - Modelo de Base de Datos en MySQL - Software Educativo - Φsik Software

2009-04-28T08:33:00.008-04:30

Fecha: Lunes 20 de Abril de 2009 y Miercoles 22 de Abril de 2009

Buenos, Básicamente lo que hicimos fue sentarnos a desglosar el proyecto en pequeños pedazos, lo más básicos y ver como se podrían modelar en una Base de Datos cada uno de esos pedacitos.

Tenemos dos tipos de usuarios:

Estudiantes
Profesores

Un Profesor puede:

Crear, modificar o eliminar una teoría.
Crear, modificar o eliminar Proyectos.
Crear, modificar o eliminar una Periodo Académico.
Crear, modificar o eliminar Secciones.
Consultar Alumnos.
Otorgar Privilegios de Proyectos a los Estudiantes.
Consultar Records.
Crear, Modificar o Eliminar su Perfil.

Un Estudiante puede:

Crear, Modificar o Eliminar su perfil.
Consultar la Teoría.
Consultar los Proyecto bajo los que tenga permiso.
Consultar Estadísticas Globales.
Consultar Estadísticas o record Personales .

Este fue el primer enfoque, en el cual creamos las tablas para ver como quedaría mas o menos la Base de Datos.

Luego de tener el primer modelo, nos sentamos a ver donde estamos redundando y cuáles son los posibles caminos de consulta y salió el segundo modelo de Base de Datos el cual está sujeto a más cambios en los próximos días.

El modelo va a crecer mucho mas pero este es una base de cómo se vería, esta prestado a crecer más por el lado de crear proyectos ya que no hemos puesto todas las posibles tablas que va asociadas a proyecto ya que no se ha planteado los componentes que van asociados a él y los posibles problemas de los mismos. Pero se estiman 10 tablas mas asociadas a proyecto.

Flex Google Maps - Tags y Menu Personalizado - Custom Tags and Menu - Flex 3

2009-04-27T00:43:00.029-04:30

Translation:

Lo primero que debemos hacer para poder programar con los mapas de Google es bajarnos el api, el cual lo podemos encontrar en la siguiente dirección SDK Google Maps, luego necesitaremos una clave para poder usar el mapa de Google el cual podemos encontrarlo en esta página Google Maps Key, con estos dos requisitos estamos listos para jugar un poco con los mapas de Google, su página de ayuda tiene muchos ejemplos y cosas que podemos hacer sobre el mapa de ellos, esta ayuda la podemos encontrar en esta pagina Google Maps Doc.

The first thing we have to do to be able to develop with Google Maps is to download the API, this API we can find it in this link SDK Google Maps. The next thing we have to do to be able to use Google Map is go to a Google maps page and agree with some terms so we can get an Map Key we can get this Key in this link Google Maps Key. With these two things we are now ready to play a little with Google maps. Google Maps has a lot and very good info and doc’s and even better they have examples that can guide us through Google Map, this link is Google Maps Doc’s.

Como muchas veces no queremos lo que unos ofrece un API sino queremos jugar con varias cosas a la vez, con esto me refiero a que queremos botones más vivos tags que sean animados y aplicar nuestro propio toque a nuestras aplicaciones, Google nos ofreció algo maravilloso llamado OVERLAY un overlay traducido es una capa que se le coloca encima a algo. Los tags y las figuras básicas que ofrece Google son overlay pero Google dentro de esto nos ofrece el CUSTOM OVERLAY, ahí es donde entra nuestra imaginación. Esto lo podemos leer en la sección de ayuda de Google Maps en esta página Google Maps Custom Overlay.

Often we like to do something more complex than the API can provide, so we have to use other language to do so, with this am talking about nice buttons o tag over the map that we can animate easily or even breather, put own on touch in to the development in that we are best.
Google Offers us an tool inside the API called OVERLAY, the OVERLAY in nothing more than a layer that we can just put over the map and do most anything with it, so we can develop over custom and complex tags.

Google offers overlays so you can use their tag and some basic geometric figures, but our custom develops , you are going to use CUSTOM OVERLAY, all of Custom Overlays we can read it in this page Google Maps Custom Overlay.

En una página de adobe Daniel Terraza, un compañero de trabajo y quien me ayudo a programar este componente de prueba, vio unos tags en flex y se nos predio la luz de combinar estos tags con el Google Maps. Estos Tags los pueden conseguir en la página de Adobe como un componente simple, jajajaa cosa que para muchos principiantes en Flex no se les hará tan simple pero ellos dicen que es simple, les dejo la pagina (http://www.adobe.com/devnet/flex/samples/fig_callout/) . En tutoriales futuros hablaremos de Efectos y Transiciones, que fue como se logro este componente, hecho por Adobe, no vi el autor por ningún lado así que no lo menciono.

In a page of adobe Daniel Terrace, a fellow worker and who help me to program this map component, he saw these tags in flex and we thought that way not we out booth together, the tags with Google Maps. We can obtain this Tags in the page of Adobe like a simple component, Hear is the page (http://www.adobe.com/devnet/flex/samples/fig_callout/). In future tutorials we will speak of Effects and Transitions.

Los botones fueron Diseñados Melisa Correia, una compañera de trabajo, estos botones fueron creados usando AI y FL los cuales fueron importados como Skins usando las herramientas que brinda Adobe.

Los dos canvas con color degradado fue sacado de Gradient Canvas y su autor es Arnaud FOUCAL.

The buttons were designed Melisa Correia, a fellow worker, these buttons were created using AI and FL which were imported into flex like Skins having used the tools that Adobe offers.

The canvas with degraded color was found from Gradient Canvas and his author is Arnaud FOUCAL excellent Job me I say.

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

Reloj Binario en Flex - Binary Clock in Flex - Flex 3

2009-04-14T13:06:00.010-04:30

Translation:

Ejemplo:

Example:

Este ejemplo se construyo para aquellas personas apasionadas por los relojes Binarios. Y si eres programado puedas construir tu propio reloj binario y colocarle un estilo personal al mismo.

El Reloj se construyo usando Flex 3, colocando de forma ordenada varios Check Box, los cuales se le creó un Skin en Flash CS3 y se importo el CSS a Flex para tener estos Check Box Verdes como se ven en el ejemplo.

Descargar Archivo:

Archivos - Descargar.

This example was built for people passionate about watches binaries. And if you are scheduled you can build your own binary clock and place a personal style to it.

The clock was built using Flex 3, placing more orderly Check Box, which he created a skin in Flash CS3 and Flex CSS matter to have these Green Check Box as seen in the example.

Download Files:

Download Source.

Prueba Ape Physics - Flex 3

2009-04-12T15:14:00.017-04:30

Nota: Haz Click sobre el ejemplo, dentro de la zona gris claro.

Esto es una prueba de la librería APE Physis, les posteo el código el cual fue tomado en principio por un ejemplo posteado y fue modificado por nosotros para ver el desempeño de la librería.

Codigo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="#444444"
creationComplete="initApp()" verticalAlign="top" horizontalAlign="left"  >

<mx:Script>
<![CDATA[
import flash.sampler.DeleteObjectSample;
import org.cove.ape.AbstractCollection;
import org.cove.ape.WheelParticle;
import org.cove.ape.RectangleParticle;
import org.cove.ape.AbstractParticle;
import org.cove.ape.Group;
import org.cove.ape.CircleParticle;
import org.cove.ape.Vector;
import org.cove.ape.APEngine;
[Embed(source='/assets/testApeLogo.swf', symbol='renito')]
[Bindable]
public var imgCls:Class;


private var contentHolder:Sprite=new Sprite();

private var defaultGroup:Group=new Group();

private var mousePosition:Point;
private var myTimer:Timer;

private function deleteObjects(e:TimerEvent):void
{
trace("TICK");
var len:int = defaultGroup.getAll().length-1;
var part:AbstractParticle;
for(var i:int =len; i>=0;i--){
trace((alto+100 < AbstractParticle(defaultGroup.getAll()[i]).position.y) + " "+(alto+100) +"<"+AbstractParticle(defaultGroup.getAll()[i]).position.y);
if(alto+100 < AbstractParticle(defaultGroup.getAll()[i]).position.y)
{
part = defaultGroup.getAll()[i];
defaultGroup.removeParticle(part);
delete(part as Object);

}

}
}
private function refreshTimer(e:TimerEvent):void
{
trace("NEW TIMER");
myTimer.removeEventListener(TimerEvent.TIMER,deleteObjects)
myTimer.removeEventListener(TimerEvent.TIMER_COMPLETE,refreshTimer);
myTimer.stop();
myTimer = null;
myTimer = new Timer(10*1000,Number.MAX_VALUE);
myTimer.addEventListener(TimerEvent.TIMER,deleteObjects);
myTimer.addEventListener(TimerEvent.TIMER_COMPLETE,refreshTimer);
myTimer.start();
}

private function initApp():void{

myTimer = new Timer(10*1000,Number.MAX_VALUE);
myTimer.addEventListener(TimerEvent.TIMER,deleteObjects);
myTimer.addEventListener(TimerEvent.TIMER_COMPLETE,refreshTimer);
myTimer.start();
spriteWrapper.addChild(contentHolder);
addEventListener(Event.ENTER_FRAME,run);
APEngine.init(1/3);
APEngine.container=contentHolder;
APEngine.addMasslessForce(new Vector(0,9.8));


defaultGroup.collideInternal=true;


ground=new RectangleParticle(viewScreen.width/2,viewScreen.height-40,viewScreen.width-50,40,0,true);
ground.setFill(0xCCCCCC);

defaultGroup.addParticle(ground);
APEngine.addGroup(defaultGroup);
viewScreen.addEventListener(MouseEvent.MOUSE_DOWN,onMouseDown);
ancho = viewScreen.width;
alto= viewScreen.height;
}
private var ground:RectangleParticle;
private var ancho:Number = 0;
private var alto:Number = 0 ;
private var hijos:int =0;
private function run(e:Event):void{
APEngine.step();
APEngine.paint();

if(hijos != defaultGroup.getAll().length){
hijos = defaultGroup.getAll().length;
trace(defaultGroup.getAll().length);
}
if(ancho != viewScreen.width || alto != viewScreen.height){
defaultGroup.removeParticle(ground);
ground=new RectangleParticle(viewScreen.width/2,viewScreen.height-40,viewScreen.width-50,40,0,true);
ground.setFill(0xCCCCCC);
defaultGroup.addParticle(ground);


}

}
private function addSelectedParticle():void{
var createdParticle:AbstractParticle;
if(radiobutton1.selected)
createdParticle=createCircle();
if(radiobutton2.selected)
createdParticle=createRectangle();
if(radiobutton3.selected)
createdParticle=createWheel();

createdParticle.setFill(itemColor.selectedColor);
defaultGroup.addParticle(createdParticle);

}

private function createCircle():AbstractParticle{
var circle:CircleParticle=new CircleParticle(mousePosition.x,mousePosition.y,circleRadius.value,isFixed.selected,myMasa.value,elastico.value,roce.value);
return circle;

}
private function createRectangle():AbstractParticle{
var rectangle:RectangleParticle = new RectangleParticle(mousePosition.x,mousePosition.y,circleRadius.value*2,circleRadius.value*2,0,isFixed.selected,myMasa.value,elastico.value,roce.value);
return rectangle;
}
private function createWheel():AbstractParticle{
var wheel:WheelParticle = new WheelParticle(mousePosition.x,mousePosition.y,circleRadius.value,isFixed.selected,myMasa.value,elastico.value,roce.value,1);
return wheel;
}
private function onMouseDown(e:MouseEvent):void
{
mousePosition=new Point(e.localX,e.localY);
addSelectedParticle();
}

]]>
</mx:Script>


<mx:HBox width="100%" height="100%" >
<mx:VBox   backgroundColor="0xEEEEEE" cornerRadius="5" borderStyle="solid" borderThickness="1">
<mx:Form>
<mx:FormItem label="Forma del Objeto">
<mx:RadioButtonGroup id="particleGroup"/>
<mx:RadioButton label="Circulo" id="radiobutton1"  groupName="particleGroup" selected="true"/>
<mx:RadioButton label="Cuadrado" id="radiobutton2" groupName="particleGroup" />
<mx:RadioButton label="Rueda" id="radiobutton3" groupName="particleGroup"/>
</mx:FormItem>
<mx:FormItem label="Masa">
<mx:NumericStepper minimum="1" maximum="100000" stepSize="1000" id="myMasa" value="1"/>       
</mx:FormItem>
<mx:FormItem label="Radio/Ancho y Alto">
<mx:NumericStepper minimum="1" maximum="100" stepSize="5" id="circleRadius" value="20"/>
</mx:FormItem>
<mx:FormItem label="Constante de Elasticidad">
<mx:NumericStepper minimum="0" maximum="1" stepSize="0.01" id="elastico" value="0.3"/>
</mx:FormItem>
<mx:FormItem label="Constante de Roce">
<mx:NumericStepper minimum="0" maximum="1" stepSize="0.01" id="roce" value="0.01"/>
</mx:FormItem>
<mx:FormItem label="Color del Relleno">
<mx:ColorPicker id="itemColor" selectedColor="0xFF0000"/>
</mx:FormItem>
<mx:FormItem label="Afectado por la Fuerzas">
<mx:CheckBox id="isFixed" fontStyle="normal" fontWeight="bold" fontSize="14"/>
</mx:FormItem>
</mx:Form>
</mx:VBox>
<mx:Canvas id="viewScreen"  width="100%" height="100%"  backgroundColor="#FFFFFF" backgroundAlpha=".3" borderStyle="solid" borderThickness="1" cornerRadius="5" verticalScrollPolicy="off" horizontalScrollPolicy="off">

<mx:Image rotation="-45" alpha="1" x="{viewScreen.width/2}" y="{viewScreen.height/2}" source="{imgCls}" horizontalAlign="center" verticalAlign="middle" />

<mx:UIComponent id="spriteWrapper" width="100%" height="100%"/>

</mx:Canvas>
</mx:HBox>

</mx:Application>

Descargar Archivos:

Archivos - Descarga.

Librerias de Fisica para Flex

2009-04-12T13:20:00.004-04:30

Fecha - 08 de Abril de 2009

Existen varias librerías que ayudan a elaborar simulaciones físicas en el lenguaje de programación ActionScript 3.0 de los cuales vamos a probar los más atractivo, abrir los ejemplos que nos brindan y modificar el código un poco para hacer algunas cosas más de lo que hace el ejemplo que brindan las paginas para así tomar una decisión rápida sobre que librería nos conviene usar para el desarrollo.

Estas librerías básicamente usan algoritmos matemáticos que ayudan a disminuir los cálculos matemáticos o en su defecto mejorar la rapidez de los mismos para aumentar el performance y disminuir el retardo ocasionado por los cálculos matemáticos.

Librerías de Física para probar para el proyecto a desarrollar:

Ape - http://www.cove.org/ape/
Motor2 - http://lab.polygonal.de/motor_physics/
The Fisix Engine - http://www.fisixengine.com/engine.asp
FOAM - http://blog.generalrelativity.org/
Flint - http://www.flintparticles.org/

Tesis - Logo y Titulo del Proyecto - Software Educativo - Φsik Software

2009-04-12T12:08:00.007-04:30

Fecha - 01 de Abril de 2009

Titulo del Proyecto: Φsik - Tracuccion "Fisíca".

El titulo salió después de una larga discusión en la cual nunca llegábamos a nada y nuetra solución fue tomar la palabra FISICA y pasarla por un traductor en los cuales colocamos las traducciones en Alemán y Griego y le dejamos una parte en español que es nuestro idioma y el nombre para el desarrollo se distribuyo en:

Φ = letra Griega, la cual fonéticamente se pronuncia Fi.
Si = decidimos dejar el sí del castellano
K = y la letra k la sacamos al traducir física al alemán es la ultima letra que sale en la traducción.

Logo: Con el logo no está listo aun esto es un borrador, los colores que usaremos son azul y naranja debido a que:

Azul:
Naranja:

Este Borrador no tiene los colores exactos ya que es un borrador y fue como un pre diseño usando cualquier color para luego colocar bien los colores que son y la letra del título del proyecto no son los expuestos aun estamos viendo tipos de letras las cuales sea lo más acorde a nuestro deseo y sea representativo con lo que queremos presentar y resaltar a primera vista .

Investigacion en la Ucab sobre la Tesis

2009-04-12T10:05:00.002-04:30

Fecha - 25 de Marzo de 2009

En la mañana hablamos con Olga en la mañana para darle nuestra prupuesta y nos recomendara con alguien.

Ella se quedo con la propuesta y dijo que para no perder tiempo podíamos pasar por Modulo 6 piso 3 y por modulo 4 piso 4 los cuales nos podrían brindar un buen aporte a nuestra investigación y apoyo en el mismo.

Fuimos a Modulo 6 piso 3, hablamos con Mariela Adrian en la cual luego de una clase muy corta pero muy enriquecida de las formas de aprendizaje y estaba orientado a el aprendizaje por medios de información de tecnología como lo es un computador.

Luego nos recomendó leer un libro:

Titulo: Diseños y programas educativos. Pautas pedagogicas para la elaboracion de software.
Autor: Begoña Gros
Editorial: Ariel.

Y también nos brindo su correo para cualquier duda durante nuestro desarrollo.

Correo Ucab: madrian@ucab.edu.ve.

Luego Fuimos a Modulo 4 piso 4. Nos recomendaron a una profesora a la cual intentamos estar en contacto con la misma mediante una carta, ya que no estaba en las instalaciones para ese día que fuimos.

Luego discutimos un poco en el trascurso de la tarde en como íbamos a repartirnos el tiempo para empezar con el diseño de el proyecto.

Desarrollo de un Software educativo para estimular, apoyar y reforzar el aprendizaje de Física General I en estudiantes del ciclo básico de la escuela

2009-04-11T19:48:00.007-04:30

UNIVERSIDAD CATÓLICA ANDRÉS BELLO
Facultad de Ingeniería
Escuela de Ingeniería Informática
Caracas – Montalbán.

PROPUESTA PARA EL TRABAJO ESPECIAL DE GRADO

“Desarrollo de un Software educativo para estimular, apoyar y reforzar el aprendizaje de Física General I en estudiantes del ciclo básico de la escuela de Ingeniería Informática”.

Tutor

José Manuel Marino

Tesistas

René R. Ramírez Szabó - Exp. 116334

Yaridelis M. Romero Marín - Exp. 110949

Planteamiento del Problema

Para lograr una evolución en la sociedad y en el sistema de enseñanza de la actualidad es necesario iniciar procesos de mejora en el sistema educativo que conduzcan a una enseñanza de calidad que sea accesible y de fácil manejo. Estos procesos involucran la comprensión y aprendizaje de los conceptos básicos de la materia incorporando elementos dinámicos que permitan asimilar el contenido sin que esto se convierta en una tarea aburrida y en ocasiones muy complicada, ya que estas condiciones generan deficiencias en el aprendizaje provocando que el estudiante pierda el interés por aprender y se dedique sólo a estudiar por aprobar la materia.

Se plantea entonces la posibilidad de la utilización de las Tecnologías de Información en el proceso de enseñanza-aprendizaje de la cátedra de Física General I mediante recursos didácticos y dinámicos que promuevan procesos de aprendizaje, en los que se asuma que no todos los individuos aprenden de la misma manera, con el mismo ritmo e interés, al mismo tiempo que generan cambios en la enseñanza por parte del docente y la orientan hacia otros campos de interés estimulando la investigación hacia otras áreas.

Actualmente existen varias universidades a nivel nacional que están incorporando el sistema de educación a distancia y clases semi-presenciales, que permiten realizar un uso eficiente de los recursos tanto físicos como económicos de la institución al incluir software que permite simular el contenido de algunas materias.

Con el fin de desarrollar habilidades de aprendizaje de la cátedra de Física General I, se propone incorporar un software educativo (SE) que permita comprender, asimilar y aprender los contenidos dictados dentro de la materia por parte del alumnado y mejorar los procesos de enseñanza por parte de los profesores. De esta manera, la incorporación paulatina de dicho SE permitirá expandir el campo de competitividad con otras universidades en el área de la educación a distancia y clases semi-presenciales, ofreciendo mayores posibilidades y alternativas educativas.

Objetivos

General:
• Desarrollar un software educativo para apoyar el aprendizaje de la Cátedra de Física General I en estudiantes del ciclo básico de la escuela de Ingeniería Informática.

Específicos:
• Analizar el contenido programático de la Cátedra de Física General I ofrecida por la Escuela de Ingeniería Informática para identificar los requerimientos necesarios para la elaboración del software.
• Evaluar y seleccionar las técnicas más adecuadas para el desarrollo en las que se basa la elaboración de software educativo así como sus principios básicos.
• Diseñar, desarrollar e implementar un software educativo para apoyar el proceso de enseñanza-aprendizaje de la cátedra.
• Diseñar, desarrollar e implementar un módulo de administración de contenidos para hacer posible la incorporación de nuevo material al software.
• Evaluar el impacto de la incorporación y utilización de dicho software sobre los alumnos y profesores.

Justificación

La creciente utilización de las tecnologías de información en casi todos los aspectos de la vida diaria y la necesidad de hacer el proceso de enseñanza más ágil e interactivo, fundamentan las bases del desarrollo de software educativo (SE). Un SE es un componente cuyas características estructurales y funcionales sirven de apoyo al proceso de enseñar y aprender.

Para el desarrollo de un SE, es necesario considerar la motivación e interés, evitando que el proceso sea largo y complicado tanto para los alumnos como para los profesores. En la actualidad, la idea de utilizar recursos adicionales a los dados en clase que permitan reforzar y colaborar con el aprendizaje, son positivamente recibidos por todas las partes. Con esto es factible pensar que si se presenta al alumnado un recurso que les permita comprender, asimilar y aprender el contenido de la cátedra de Física General I, así como a los profesores un recurso que los ayude en el proceso de enseñanza, se estimulará el uso de este SE y se extenderán sus aplicaciones y campos de acción.

Es así como en este trabajo de grado se trabajará en el uso de las aplicaciones informáticas para desarrollar un SE, vinculado con el contenido programático de la cátedra de Física General I, que estimule, apoye y refuerce el estudio y aprendizaje de la cátedra, además de proponer una estrategia educativa incorporando un módulo de administración que permita al profesor incorporar nuevos contenidos y de esta manera el SE pueda actualizarse y se convierta en una herramienta dinámica.

Alcance

• El alcance de este proyecto se extiende hasta el desarrollo de un software educativo que permita modificar y simular ejercicios de la Cátedra de Física General I, de manera específica en Física/Mecánica Newtoniana, en el área de Cinemática (en una y dos dimensiones), que permita la auto evaluación por parte del alumno y la comprensión del contenido.
• Se realizará la evaluación del SE para estimar el grado el cumplimiento de los objetivos planteados.

Limitaciones

• Inicialmente, el módulo de administración de contenidos diseñado para profesores, sólo podrá alterar los ejercicios básicos, modificando valores estándar de la Cátedra de Física I (como masa, velocidad, gravedad, roce, etc).
• El SE estará desarrollado sólo para ambientes Web, basado en los tipos de aplicaciones RIA (Rich Internet Application), permitiendo así su utilización a distancia.
• Los requerimientos del SE, serán orientados por el departamento de Física de la Facultad de Ingeniería.
• El espacio muestral se limita a un grupo significativo de estudiantes en condición de repitientes de donde se selecciona una muestra de estudio, con la cual se obtendrán los resultados aplicando instrumentos de evaluación, evaluando el impacto de la incorporación del SE, pudiendo ser comparado con los resultados obtenidos anteriormente, salvando posibles correlaciones con otros aspectos influyentes en el rendimiento del estudiante.