Dreamweaver CS4 viene con soporte de serie para Subversion, y reconozco que no consigo configurarlo como Dios manda para que funcione. El caso es que hay otra alternativa – creo que más sencilla – que además de afectar al DWCS4, nos permite disfrutar de Subversion en versiones anteriores (probado al menos hasta la versión 8 )

Cuales son los requisitos necesarios ?

Tener instalado un repositorio de Subversion en el servidor y un servidor Linux.

Y que Software necesitamos?

• Dreamweaver versiones 8 a CS4
• WinSCP
• SVN4Dw (Extensión para dreamweaver)
• TortoriseSVN
• Putty

Instalamos todo el software ya mencionado y extraemos el contenido de “putty.zip” en una carpeta (archivos de programa/putty)

Ejecutamos “putty“. Introducimos el host o la IP del servidor y un nombre para poder guardar la sesión, tratando de que sea distinto del host (p.ej SVN_Session). Guardamos la sesión y la volvemos a abrir.

Mediante la línea de comandos, nos logueamos en nuestra cuenta del servidor con el nombre y usuario (en caso de no disponer de una cuenta, habría que ponerse en contacto con el administrador de sistemas) y escribimos los siguientes comandos.

[~]$ ssh-keygen -t rsa

– Presionamos la tecla enter en cada prompt –

[~]$ chmod 700 .ssh
[~]$ cd .ssh
[~]$ cp id_rsa.pub authorized_keys
[~]$ chmod 600 authorized_keys
[~]$ chmod 711 ~
[~]$ exit

Abrimos ahora el WinSCP y añadimos el host o IP del servidor, nombre de usuario, contraseña y seleccionamos “SCP” como protocolo. Hacemos click en Login.
Ahora, en la carpeta “.ssh“, hay un archivo llamado “id_rsa“. Descarga este archivo a la carpeta “keys” de la carpeta en la que hayas descomprimido el “putty“. En caso de no existir esta carpeta, la creamos.

Dentro de la carpeta de Putty, ejecutamos “puttygen.exe“, y en el menú “conversions“, hacemos click en “import key“. Seleccionamos entonces la clave “id_rsa” que anteriormente descargamos con el WinSCP. Hacemos click en “open” y nos aseguramos de que “SSH-2 RSA” está seleccionado. Hacemos click en “Save private key”, y nuevamente hacemos click en “Yes” cuando nos pregunte si deseamos guardar sin contraseña. Guardamos el archivo con el mismo nombre de la sesión (SVN_Session)

Ejecutamos nuevamente putty.exe, seleccionamos la sesión guardada y hacemos click en “load > Connection > SSH > Auth“, clickamos en “Browse/Examinar” y seleccionado el archivo .ppk creado anteriormente. Hacemos scroll hacia arriba y seleccionamos la sesión. La guardamos y la abrimos. Escribimos el nombre de usuario cuando se nos solicite y debería aparecer un mensaje de la forma “Authenticating with public key…”. Si hay algún mensaje de error, comprueba que has seguido los pasos correctamente.

Estamos llegando al final. Nos vamos ahora a “Mi PC” y nos ubicamos en una unidad de disco (por ejemplo C:\). Hacemos click con el botón derecho del ratón y seleccionamos “SVN Checkout“. La Url del repositorio debería ser similar a “svn+ssh://nombredeusuario+SVN_Session/home/ruta al repositorio de tu servidor“.

Seleccionamos ahora un directorio donde ubicar el “Site” en Dreamweaver, hacemos click en “OK” y esperamos a que todos los archivos sean descargados.

Ahora abrimos Dreamweaver y creamos un nuevo Sitio web. Para la ruta local, seleccionamos el directorio que hemos seleccionado para descargar del repositorio.

Cada vez que modifiquemos un archivo, utilizamos el menú creado por la extensión antes instalada “SVN4Dw“, llamado “SVN“. Utilizamos los comandos “Commit” para añadir un archivo al repositorio (archivos modificados por nosotros) y “Update” para descargar los nuevos archivos (actualizados por otros usuarios).

Ya esta todo listo para poder utilizar el “SVN” desde Dreamveaver.

Por cierto, para simplificar estos pasos, es posible crear atajos de teclado desde el menú “Edición > Métodos abreviados de teclado” desde el propio Dreamaweaver.

Tags: svn, dreamweaver, subversion

Desgraciadamente solo para los usuarios que posean una máquina con una manzanita.

El SDK del IPHONE trae un simulador que emula a la perfección al Iphone original. Al margen de instalarse como aplicación, también lo hace como navegador.

EN primer lugar hay que descargar e instalar el SDK IPHONE desde el centro de desarrollo. No es necesario pagar para ser parte del programa de desarrolladores de aplicaciones, solo es necesario tener una cuenta gratuita de desarrollador en el sitio web de Apple.

Una vez descargado e instalado abrimos Dreamweaver

1.- Ir a “Edición/Preferencias/Vista previa en el navegador”.
2.- Hacemos click en el botón “+” para añadir un nuevo navegador a la lista.
3.- Vamos a “Developer\Plataformas\IphoneSimulator.platform\Developer\Aplicaciones”
4.- Seleccinar el IPHONE Simulator.app
5.- Hacemos click en aceptar y a continuación, cerramos las preferencias.
6.- Ahora el Iphone Simulator está en la lista de navegadores.

Solo un pero. Y es que el Iphone Simulator debe estar ejecutándose para poder utilizarlo desde Dreamweaver.

[ Vía StringFoo ] [ IPHONE dev center ]

Tags: software, dreamweaver, apple

Ya están aquí. Ya llegaron.

Adobe presentaba esta mañana (la del 23) su nueva suite, la CS4. Algunos de estos nuevos programas ya los conocíamos por medio de sus Betas (Dreamweaver, FireWorks y SoundBoth), aunque como siempre, estas betas sufren algunos cambios de última hora que deparan en ocasiones más de una sorpresa y una amplia sonrisa.

Quizá (y después de algunos comentarios en la red) uno de los más esperados era Flash. Los vídeos colgados en su web dejarán a más de uno boquiabierto (y yo el primero). Desde que conozco flash (desde la versión 1) probablemente sea una de las versiones que más me haya sorprendido por lo espectacular del resultado, bien sea por su nueva forma de animar, su cinemática inversa, el pincel rotador o el editor de movimientos.

Dreamweaver por su parte cada vez es más serio, y cada vez son más lo que lo toman en serio. Esta nueva versión lo convierten en un verdadero IDE de desarrollo, ganando a otros en algunos aspectos como por ejemplo por su previsualización en tiempo real gracias al motor de WebKit (verdad, Andrés ?), el navegador de código o la posibilidad de ver en tiempo real los procesos generados por una llamada Ajax, e incluso el sistema de autocompletar para frameworks conocidos como JQuery, Prototype y como no Spry. Damos la bienvenida como no, y ya era hora a su integración con Subversión.

Con Photoshop siempre es bueno tener un sombrero a mano. Por lo menos para ponerselo y así poder sacárselo. Han mejorado las herramientas ya existentes (opciones de fusión, zoom, alineación, escalados, …) y otras herramientas que desde luego haran las delicias de muchos. La gestión de objetos 3D y la posibilidad de pintar encima de ellos, la herramienta de profundidad de campo, el rescalado basado en el contenido, y algunas cosas más que iremos viendo con el tiempo.

E illustrator, que aunque no lo he usado mucho (todavía duele lo de Freehand) , por fin trae soporte multipágina, aunque lo llamen “mesas de trabajo”. La transparencia en los degradados, el pincel de manchas, la previsualización de separaciones, y la edición directa en el panel apariencia, son algunas de las nuevas herramientas que nos vamos a poder encontrar en esta nueva versión.

Son desde luego muchas novedades las que nos trae el CS4. Ahora solo queda el poder probarlas “de verdad”.

[ Dreamweaver ] [ Flash ] [ Photoshop ] [ Illustrator ] [ Adobe ]

Tags: diseño, dreamweaver, flash, photoshop, adobe

En esta ocasión, son tres los vídeos en los que nos explica como crear páginas maestro/detalle partiendo de datos estáticos, como mostrar estos datos en caso de tener javascript deshabilitado y como externalizar todo el javascript con el fin de tener un documento limpio.

[ Spry y Hijax ]

Tags: javascript, dreamweaver

[ videotutorial ]

Tags: dreamweaver

Se ha generado bastante polémica en cuanto a si vale la pena el actualizarse a cada versión  que sale. La verdad, en esta versión, Adobe ha dado un paso de gigante y ha introducido una serie de novedades (al margen del cambio de interface) que hacen que la inversión valga la pena. No obstante, el programa guarda aún algunas sorpresas.

[ videotutorial ]

Tags: javascript, software, dreamweaver

[ Ver videotutorial ]

Tags: css, javascript, dreamweaver

[ Andrés Cayón ] [ DWUG ] [ Primer capítulo ]

Tags: dreamweaver, software