Symfony2 desde cero (uno)

29/04/2011

Qué buena noticia: ¡Liberacion de Symfony2 Beta1!

Manos a la obra para actualizar mi PR12

Por prueba y error esto me funcionó:

Paso 1: Remover el parameters.ini donde ya está configurada la base de datos. Incidentalmente la diferencia entre app/config/config.yml y app/config/parameters.ini es que en este último están los datos confidenciales, contraseñas, datos de conexión con la base de datos, etc.

git rm app/config/parameters.ini

Paso 2: Actualizar el esqueleto estándar

git pull

Paso 3: Actualizar a Symfony2 Beta1! y la alegre compañía de los vendors

bin/vendors.sh
Symfony2 PR12 to Beta1 método casero

Symfony2 PR12 to Beta1 método casero

¡Listo! ya estamos en la Beta1 de Symfony2

Symfony PR12 to Beta1 Demo

Symfony PR12 to Beta1 Demo

Ya no hay excusas para comenzar con la base de datos y los formularios.


Symfony 2 desde cero

21/04/2011

Hoy en la lista de Symfony Fabien reconoció:

The logos are indeed pretty similar, but this is really just a coincidence.

Fabien

Dojo - Symfony pretty similar

Dojo - Symfony pretty similar

Anécdota aparte volví sobre mis pasos para encontrar el caminito cierto en el arranque de un nuevo proyecto Symfony2 PR12.

Aprendí que la distribución standard es como un esqueleto, no es Symfony todavía; es el esqueleto de una aplicación estándar. Entonces, utilizando el syntax highlighting de WordPress: paso 1:

git clone https://github.com/symfony/symfony-standard Alice
cd Alice/

Nada de Symfony2 por aquí y nada de Symfony2 por allá. Ahora la magia: paso2:

bin/vendors.sh 

Ahora hay cinco directorios: apareció /vendor dentro del cual morará Symfony entre otros gigantes como Doctrine, SwifMailer, Twing.

SF2-Standard tree

SF2-Standard tree

Paso 3: habilitar la escritura de la cache y logs:

find app/cache/ -type d -exec chmod 777 {} \;
find app/cache/ -type f -exec chmod 666 {} \;

find app/logs/ -type d -exec chmod 777 {} \;
find app/logs/ -type f -exec chmod 666 {} \;

Y Bingo! En el navegador la pantalla de bienvenida en /app_dev.php

SF2 Bienvenidos y bienvenidas!!!

SF2 Bienvenidos y bienvenidas!!!

Paso 4: Configurar la base de datos on-line en Configure.

Si no tiene permisos de escritura se puede hacer un copy/paste en

app/config/parameters.ini

Esto no crea ninguna tabla en la base de datos.


Symfony2 – Tras los pasos de Dustin

04/04/2011

Hoy 4/4/11 todavia Symfony2 es un bebé PR9 y además de hacer un cambio radical con su hermano menor Symfony 1, la documentación, al tiempo de su nacimiento, fué poca comparándola con la versión anterior. Pero la comunidad y los desarrolladores están produciendo documentación con frenesí.

Para mi iniciación en Symfony2 me está resultando de mucha utilidad el tutorial  Smfony2Project de Dustin Dobervich.

Symfony2 Project

Symfony2 Hola Mundo!

Llegando a la parte IV del tutorial

Esta parte es muy interesante para mi porque introduce el tema de Doctrine2 ORM por defecto de Symfony2 y el repositorio de entidades con el potente DQL.

Doctrine 2 DQL 2 SQL

Doctrine 2 DQL 2 SQL

Las consultas en Doctrine Query Language (DQL) son usadas para el acceso a los datos. DQL es parecido a SQL, pero a diferencia de SQL, DQL actúa sobre las entidades y no sobre las tablas de la base de datos.

La consulta anterior de DQL del tutorial, genera esta consulta SQL:

Symfony2 Dcotrine2 DQL 2 SQL

Symfony2 Dcotrine2 DQL 2 SQL

Y parece que la tendencia es hacia usar anotaciones (comentarios) para la configuración de las entidades.


TIDSL103: Semana 3 – El desierto de los Tártaros

14/04/2010

Mi papá me recomendó la semana pasada ver la película El desierto de los tártaros y es realmente una película para pensar.

Decidí usar alguna imagen de esta peli para las actividades de atravesamiento de la semana 3 del TIDSL103.

Preparándose


1) Abrí la película con el vcl y busqué alguna toma simple que me gustara. Para esto use los controladores de velocidad que estan a los costados de la barra de progreso. Utilicé 8.00x para avanzar y 0.50x para elegir las tomas y capturarlas con «fn» + «Imp Pant» del teclado de mi HP530 con Ubuntu 9.04

2) Recorté la imagen con el Gimp seleccionando, Ctrl + i para invertir la selección y Ctrl + x para borrar. Luego Imagen/Autorrecortar (hay una manera más fácil de hacer todo esto pero yo me acostumbre así)

3) En el Gimp Colores/Umbral para

a blanco y negro con umbral

Silueta obtenida con el Gimp

4) Abrí Inkscape y Archivo / Importar

5) Heredé un «lapicito»(tableta Wacom) que tiene unos 7 u 8 años

Ahora veamos…

6) abrí «The Daily» del TIDSL103 para ver qué es lo que hay que hacer!!

7) Dejé el dibujo abajo y agregué una Capa «Jinete»

8) Le cambié el color al trazo para poder verlo mejor porque soy medio «chicato». Luego Preferencias con Shift + Ctrl + P y en «Pluma» puse «Crear objetos nuevos con: ültimo estilo utilizado».

9) Dibujé el contorno del jinete con la herramienta Bézier y luego con la herramienta «Editar Nodos», la segunda a la izquierda, los fuí moviendo y ajustando a la imagen de fondo. Haciendo Ctrl + Click me aparecen los tiradores del nodo para un ajustre mas fino. je je!!!

Dibujé en otro color con Bézier

Dibujando el jinete


10) Seleccioné el dibujo del jinete e hice varias veces Ctrl + L que es Trazo/Simplificar y quedó bastante suavesiño… Jugue un poco a cambiarle los colores haciendo click en la barra de colores para cambiar el color de relleno y Shift + Click para el color del trazo.

11) Para guardar la imagen de fondo en el svg de Inkscape utilicé Efectos/Imágenes/Incrustar todas las imágenes

Coloreando el jinete

Experimentando cambiar el color

Poco más de dos horas me llevo este «atravesamiento» de la semana 3 del taller de Imagen Digital con Software Libre TIDSL103.

Hacer, descubrir y realizar me dió mucha satisfacción. Vaya, yo también puedo dibujar y expresarme mediante imágenes es para mi una competencia muy valiosa.

Y creo que esto es mejor a dejar pasar el tiempo esperando no sé que.

Una vida esperando a los tártaros

cito de + 35mm

… La eterna dicotomía entre la preparación y el perfeccionamiento para los futuros escenarios, que quizás nunca vendrán, como la larga espera de una araña para que algún insecto caiga en sus redes, versus el riesgo de romper los esquemas, apresurarse y encarar cuando el olfato ve más que la visión, con los riesgos que ello implica, que al igual que aquella araña que muere seca en la espera, puede traer el fracaso.


TIDSL103: de Bézier a los engranajes

09/04/2010

La actividades propuestas en estas dos primeras semanas del taller de Imagen Digital con Software Libre TIDSL103 fueron la exploración de la interfaz de Inkscape y es así que hoy me propuese «atravesar» estas actividades y ver si podía plasmar en poco tiempo, digamos un par de horas, una imagen que ilustre lo maravillosamente caótico que es el conectivismo, además de registrar mis descubrimientos en esta neurona-blog.

el conectivismo en TIDSL103

Nodos y conexiones

Utilicé la herramienta de crear estrellas y polígonos que esta a la izquierda en la barra de herramientas.

Elegí presionando F1 la herramienta de seleccionar y cambie algunos colores de las figuras cliqueando en la barra de colores abajo. Para cambiar el color del trazo hice Shift+Click

Use la lupita de arriba «Ajustar la página a la ventana» para tener lo que más me gusta una visión global de las cosas.

Luego la lupa «Acercar o alejar» F3 y para mover el lienzo, algo que me parece los artistas de Adobe Illustrator hacen con la barra espaciadora, me gustó la ruedita del mouse para ir hacia arriba o hacia abajo. Y con Shift + Ruedita para la izquierda o derecha. Y manteniendo apretada la ruedita o botón del medio puedo mover el lienzo para todos lados ¡qué bueno! Y con Ctrl + Ruedita acerco o alejo el lienzo, ¡¡¡Bravo para los programadores de Inkscape!!!

Ahora para completar mi obra elijo la herramienta «dibujar curvas Bézier y líneas rectas» Shift + F6

Todo esto estaba en mi memoria, la memoria mundial o colectiva [1,2] tuve que pensar unos pocos segundos (léase googlear)

Ahora quise utilizar la opción «Spiro Spline» que utilizó Camila pero mi versión 0.46 no la tiene, mas descubrí en Trazo/Efectos de trayecto/Engranajes un efecto maravilloso que me sirvió para tratar de plasmar mediante una imagen lo que sucede con el conectivismo: cosas que se unen, que funcionan; pero tambien que se conectan, se superponen, se arman en un caos ecológico. Invertí aproximadamente una hora en esta experimentación, empecé con Bézier y me deslicé agradablemente hacia los engranajes.

[2] http://www.angelfire.com/mi/kevincharles/inkscape/pa-illustrator.html
[2] http://inkscape.org/doc/keys046.html


HA903: Finalizando…

29/09/2009

El HA903 fué un interesante curso abierto on-line sobre herramientas de autor libres. Dos de los ejes centrales fueron Gimp e Inkscape, pero también alcanzamos a tocar el interesante tema de la composición de la imagen.

En el curso convergieron más de 320 participantes de 15 diferentes paises, muchos de ellos docentes de experiencia y tuvo seis meses de duración. Y fué un intento de poner en acto las teorías conectivistas de Stephen Downes y George Siemens en el pasado CCK08.

¿Cuáles han sido las impresiones de Nina, la principal conexionadora y responsable de esta experiencia conectiva? ella nos lo cuenta en el siguiente vídeo:

«Mis impresiones del curso»

Todas las imágenes de fondo de este vídeo fueron producidas por los participantes; muchas otras se encuentran en la blogósfera y en distintos lugares de la red.

Usar las TIC para converger, explorar, crecer y compartir es un uso muy humano de estas tecnologías. Y mientras seguimos aprendiendo, seguramente el conectivismo seguirá afianzándose como modelo de educación.


¿Sabes la diferencia entre Apple y Windows?

09/06/2009

Tratando de ponerme al día con el correo, especialmente con las listas de correo, me encontré con este interesante vídeo de la Linux Foundation, algo cruento, es verdad, pero que trata sobre un caso de la vida real. Y me pareció interesante incluirlo en el blog ya que hacia el final contesta la pregunta «¿Sabes cuál es la diferencia entre Apple y Windows?»

Un caso real

http://atix.opentelematics.org/

También el correo me recordó la publicación del número 10 de la imperdible revista del software libre Atix

Y no me quiero olvidar de uno de los links sobre Bash: BASH Cures Cancer, porque no me puedo despegar de la línea de comandos


HA903: El monigote animado

30/05/2009

Una de las actividades de atravesamiento propuestas en el curso HA903 es hacer un monigote animado.

Para esta actividad elegí hacer una representación gráfica animada de los procesos de aprendizaje conectivos. Mi intención era generar un gif animado lo mas liviano posible para ilustrar la relación entre los nodos, las tuberías y las redes. La meta era resolverlo pronto, digamos en no mas de una hora o dos. Y creo que logré lo que quería: sencillo, rápido y liviano(42KB).

Relación entre nodos y tuberías

Relación entre nodos y tuberías

El paso a paso para hacer mi gif animado

Comencé en la montaña (Inkscape) dibujando los nodos en tres capas distintas, luego las tuberías también en distintas capas y los textos. Utilicé los ojitos de las capas para activar capa a capa y exportarlas individualmente como imagen png.

Luego fuí al lobo (Gimp). Abrí los png y los fuí pegando en distintas capas (ahora creo que hay una opción para hacer esto), bueno pero yo lo hice manualmente.

A partir de ahí comencé a modificar los milisegundos haciendo click en el nombre de las capas y agregando los milisegundos entre paréntesis p.e.(1500ms) y jugando con las dos ociones de combinar o reemplazar p.e. (1500ms)(combine) o (1500ms)(replace). Subí y bajé las capas hasta lograr el efecto que quería.

De la montaña al lobo y luego a la Web

De la montaña al lobo y luego a la Web

El monigote se fué a la Web

Finalmente lo publiqué en mi blog de educación 2.0, en un post de rememoración sobre los factores que según Siemens intervienen en un aprendizaje significativo.

Creo que esta actividad me sirvió para solucionar de manera rápida un problema y fortalece mi confianza en la creación de imágenes para comunicar ideas, es decir lograr plasmar ideas. Resumiendo: de la mente a la montaña, al lobo y a la Web!


HA903: Color – paletas al natural

03/04/2009

La actividad de esta semana es paletas de colores; ¡yo que para los colores soy un queso!

Bueno, dejando a un lado la daltonía busqué primero una foto del mar, la saqué yo, je je y me encanta y la importé. Luego tuve que reagrupar las capas porque antes lo había hecho mal.

Las capas hijas en Inkscape heredan de sus padres

Las capas hijas en Inkscape heredan de sus padres

Ahora con este agrupamiento puedo cambiar las propiedades de varias capas seleccionando la capa «madre», luego Ctrl+A para seleccionar todo, y ahí puedo cambiar colores, la transparencia, el color y tamaño del trazo, etc.

Paleta mar

Me gusta el mar y quise tomar el verde azulado del mar. Creo que transmite calma y reflexión.

El remordimiento - paleta mar

El remordimiento - paleta mar

Luego conseguí una foto de explosión en www.infobae.com y quise darle dramatismo a la imagen. Acá creo que no lo logré. No puede tomar los colores amarillos rojizos de la explosión. Quería hacer algo como que el rostro se viera iluminado por la explosión. Pero bueno: son mis primeros pinitos.

Remordimiento - paleta explosión

Remordimiento - paleta explosión

En resúmen, creo que lo que me quedó de la experiencia es lo de buscar paletas en imágenes naturales y el trabajar en capas.


HA903: La imagen vector – Actividad 1

29/03/2009

Como parte de la primer actividad de atravesamiento en el curso HA903, comencé a trabajar sobre una fotografía de Alberto Einstein tratando de dibujar arriba utilizando el excelente programa de dibujo vectorial Inkscape, del Software Libre.

Había hecho ya dificultosamente algunas pruebas, mis primeros intentos con el dibujo vectorial y no me gustaron, así que tiré todo y empecé de nuevo.

Esta es la imagen original fotografiada de un períodico

El remordimiento de Einstein

Esta vez achiqué la imagen de fondo a 640 píxeles porque la anterior era de 2400 px. y se me hacía muy pesado y lento el inkscape. Ahora fué bien.

No usé desenfoque, si usé 50 % de opacidad y traté de trabajar sobre las manchas de color. (en realidad en el Gimp utilicé Colores/Niveles para lograr un mayor contraste en la foto de fondo y así me perdí mucho menos al dibujar arriba).

Bueno, estoy mas satisfecho ¡y me está gustando esto de los vectores!

El remordimiento - dibujo vectorial hecho en Inkscape

El remordimiento - dibujo vectorial hecho en Inkscape