1. Instalación de productos

1. Instalación de productos 1.a. Instalación de GuadaLinex V5 Esta distribución está basada en Ubuntu Hardy. 1.b. Instalar Java Runtime Enviroment Hemos de instalar JRE y JDK para que Eclipse y Aptana puedan ser instalados. Para ello instalamos 3 paquete para instalar la máquina virtual de java: sudo aptitude install sun-java5-jre sun-java5-plugin sun-java5-jdk 1.c. Instalar Eclipse PDT Que es Eclipse PDT Eclipse es un entorno de desarrollo integrado de código abierto independiente de una plataforma para desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores. Esta plataforma, típicamente ha sido usada para desarrollar entornos de desarrollo integrados (del inglés IDE), como el IDE de Java llamado Java Development Toolkit (JDT) y el compilador (ECJ) que se entrega como parte de Eclipse (y que son usados también para desarrollar el mismo Eclipse). Eclipse: para aplicaciones JAVA Eclipse CDT: Para Aplicaciones C/C++: Eclipse PDT: Para aplicaciones PHP: Aptana Studio (Eclipse JDT) como plugin de Eclipse para aplicaciones Javascript, HTML, CSS, AJAX PDT, significa PHP Development Tools, que es una serie de librerías para el desarrollo de aplicaciones PHP. Lo primero que debemos hacer es ir a la web de Zend (creadores de PHP), o a la web de Eclipse (creadores de eclipse), cuyas direcciones son: http://www.zend.com/pdt o respectivamente. PDT como plugin PDT se puede instalar como plugin en eclipse de la siguiente forma: Abrir Eclipse, ir al menu Help-> Software Updates-> Find and Install Seleccionar "Search for new features to install" y click "Next" Crear un New Remote Site : Name: PDT José Antonio Morgado Berruezo 2 Desarrollo de Aplicaciones web

URL: http://downloads.zend.com/pdt Check the PDT y click "Next" e iniciar la instalación Eclipse PDT como fichero (opción elegida) Eclipse PDT viene ya con PDT instalado en un solo fichero. http://www.eclipse.org/downloads/download.php? file=/tools/pdt/downloads/drops/s20080601-rc2/all-in-one/pdt-all-in-one-s20080601_rc2- linux-gtk.tar.gz PDT-All-In-One necesita tener instalado JRE5. Una vez descargado el fichero, lo descomprimimos en /usr/local, entramos en /home/local/eclipse y ejecutamos eclipse. Al ejecutar eclipse, le indicamos el directorio de trabajo (workspace) en /var/www (directorio de publicación de Apache) o /home/usuario/workspace (habrá que dar los permisos de escritura) 1.d. Instalar Aptana (opcional) Que es Aptana Este es un entorno de programación que tiene dos versiones, una de pago y otro de open source, que está gestionado y mejorada por la comunidad. Es un entorno de desarrollo para Javascript pero tienen soporte para otros lenguajes como pueden ser código PHP, ASP, AJAX, CSS y Ruby. Instalación como Plugin 1. En eclipse, ir al menu Help, seleccionar Software Updates > Find and Install... y pulsar en Install/Update. Pulsar en Next. 2. Pulsamos en New Remote Site y añadimos la dirección del Plugin Pulsamos en Finish y por último aceptamos las modificaciones 3. Instalamos xulrunner (firefox 2) # sudo aptitude install xulrunner José Antonio Morgado Berruezo 3 Desarrollo de Aplicaciones web

4. Desde /usr/local/eclipse crear el siguiente fichero: MOZILLA_FIVE_HOME=/usr/lib/xulrunner if [ $LD_LIBRARY_PATH ]; then LD_LIBRARY_PATH=$MOZILLA_FIVE_HOME:$LD_LIBRARY_PATH else LD_LIBRARY_PATH=$MOZILLA_FIVE_HOME fi export MOZILLA_FIVE_HOME LD_LIBRARY_PATH echo MOZILLA_FIVE_HOME es $MOZILLA_FIVE_HOME echo LD_LIBRARY_PATH es $LD_LIBRARY_PATH./eclipse 5. Y llamarlo aptana, dandolé permisos de ejecución $ sudo chmod +x aptana y ahora si lo ejecutamos, desde /usr/local/eclipse $./aptana 6. Una vez instalado Aptana, obtendremos la siguiente perspectiva al abrir eclipse José Antonio Morgado Berruezo 4 Desarrollo de Aplicaciones web

Instalar Php Esto es para permitir el autocompletado de las funciones de php Instalar Adobe AIR Esto es para permitir el autocompletado de las funciones de javascript, ajax, flash... Hasta ahora tenemos las herramientas de programación necesarias para desarrollas nuestra aplicación web basada en php. Si queremos tener mas control gráfico podríamos instalar nvu por ejemplo. O bien instalar dreamweaver CS3 sobre wine. A continuación pasamos a instalar un servidor web sobre nuestra máquina para poder ejecutar aplicaciones de servidor tipo php. Vamos a instalar apache + mysql + php5 José Antonio Morgado Berruezo 5 Desarrollo de Aplicaciones web

1.e. Instalación de Mysql Paquetes : mysql-server-5.0, mysql-client-5.0, mysql-gui-tools-common, mysql-querybrowser Instalación del servidor y del cliente mysql sudo aptitude install mysql-server-5.0 mysql-client-5.0 En la instalación os pedirá la contraseña del usuario root para acceder a las bases de datos. Instalación de un cliente gráfico sudo aptitude install mysql-gui-tools-common, mysql-query-browser 1.f. Instalación de Apache Paquetes: apache2, apache2.2-common sudo aptitude install apache2 apache2.2-common Para comprobarlo accedemos a la url: http://localhost Configuración directorio de configuración: /etc/apache2/sites-enabled/000-default directorio de publicación: será el proyecto dentro del workspace de eclipse. Para el directorio workspace podremos jugar indistintamente con: /var/www /home/usuario/workspace 1.g. Instalación de php5 paquetes: php5, php5-cli, php5-gd, php5-mysql sudo aptitude install php5 php5-cli php5-gd php5-mysql 1.h. Instalación de phpmyadmin sudo aptitude install phpmyadmin Para acceder ponemos en el navegador la url: http://localhost/phpmyadmin/ José Antonio Morgado Berruezo 6 Desarrollo de Aplicaciones web

A continuación debemos de instalar symfony. Existen varias formas de hacerlo pero usaremos la instalación a través de paquetes. 1.i. Instalación de PEAR (PHP Extension and Application Repository). Sistema de distribución y estructura para componentes PHP reusables. PEAR es un proyecto con el PEAR Group como cuerpo de gobierno. El proyecto fue fundado por Stig. S. Bakken en 1999. El código en PEAR es particionado en paquetes, cada paquete es un proyecto separado con su propio equipo de desarrollo, número de versión, ciclo de lanzamientos, documentación y relación con otros paquetes (incluso dependencias). paquetes: php-pear sudo aptitude install php-pear 1.j. Instalación de Symfony Mediante Pear En la consola de comandos de tu sistema operativo, añade el canal PEAR de Symfony con el siguiente comando: sudo pear channel-discover pear.symfony-project.com Para instalar Symfony 1.0.17, simplemente ejecuta el siguiente comando indicando el número de la versión que quieres instalar: sudo pear install symfony/symfony-1.1.0 Nota: Esta es la opción usada en Windows Mediante paquetes Edita tu archivo /etc/apt/sources.list y añade lo siguiente: deb http://www.symfony-project.org/get debian/ sudo apt-get update Instala la última versión de Symfony mediante el comando: sudo apt-get install php5-symfony Desde la línea de comandos ejecutamos: symfony -V symfony version 1.0.17 José Antonio Morgado Berruezo 7 Desarrollo de Aplicaciones web

Directorios de instalación de Symfony: /usr/share/php5/symfony /usr/share/php5/symfony/data/bin/symfony /usr/share/php5/symfony/data/skeleton/project/symfony /usr/share/php5/symfony/test/functional/fixtures/project/symfony /usr/bin/symfony 1.k. Integrar Symfony en Eclipse Integraremos Symfony en Aptana como un plugin Esto no significa que instalemos el framework de symfony sino un plugin que contiene la librería de funciones de symfony de modo que eclipse pueda reconocerlas y hacer el autocompletado así como mantener una ayuda online. Para ello creamos un New Remote Site y lo rellenamos como sigue: José Antonio Morgado Berruezo 8 Desarrollo de Aplicaciones web

Indicamos el workspace en eclipse y creamos el proyecto Le indicamos a Eclipse que el directorio de trabajo (workspace) es /var/www o /home/usuario/workspace (habrá que dar los permisos de escritura) y dentro creamos el proyecto libreria Creamos una vista con Window/Show View/Other José Antonio Morgado Berruezo 9 Desarrollo de Aplicaciones web

Vistas Resource Vista o perspectiva PHP Show View : En Window/Show view/others José Antonio Morgado Berruezo 10 Desarrollo de Aplicaciones web

Acciones, de la línea de comandos, symfony sobre el proyecto init poject init application clear cache Botón derecho sobre el proyecto Acciones, de la línea de comandos, symfony sobre una aplicación Botón derecho sobre la aplicación Interpretado y autocompletado de código José Antonio Morgado Berruezo 11 Desarrollo de Aplicaciones web