Está en la página 1de 6

Prcticas de

Desarrollo Centrado en el Usuario


Documentacin Auxiliar

El entorno Eclipse y el paquete


Xampp

Introduccin a Herramientas
Objetivos
Familiarizarnos con los entornos que se utilizarn durante el
cuatrimestre: Eclipse y Xampp

ndice
1. El entorno de Desarrollo Eclipse
1.1 Inicio de Eclipse
1.2 El Workbench de Eclipse
1.3 Ejemplo
2. Xampp
2.1 Administracin
2.2 Ejemplo

!2

1. El Entorno de Desarrollo Eclipse


La plataforma Eclipse (http://www.eclipse.org/) es un Entorno de Desarrollo Integrado
(IDE) libre, de cdigo abierto, multiplataforma (win, linux, mac) y extensible. Eclipse
surgi como un proyecto de IBM que comenz con 40 desarrolladores a tiempo
completo, y posteriormente evolucion a un proyecto de cdigo abierto, donando IBM
el cdigo base de Eclipse.
Es posible descargar Eclipse desde su web http://www.eclipse.org/.
Para su
instalacin slo es necesario descomprimir eclipse-SDK-XXX.zip en la ruta escogida.
Requiere tener instalado JRE versin 1.4.2 o superior.

En las prcticas de DCU se utilizar Eclipse IDE for Java Developers


(VersinINDIGO).

1.1. Inicio de Eclipse


La figura 1 muestra la primera ventana que aparece cuando lanzamos Eclipse. En ella
se escoge la carpeta de trabajo o workspace donde se guardarn los proyectos
desarrollados.

Figura 1. Ventana para la seleccin de Workspace

Puede marcarse como carpeta por defecto.

Al pulsar OK aparecer una ventana de bienvenida.

Pulse en el icono Workbench para entrar en el entorno de trabajo.

La figura 2 muestra el workbench de Eclipse que se abre y donde se desarrollarn los


proyectos.

!3

Figura 2. Workbench de Eclipse

1.2. El Workbench de Eclipse


El Workbench es el aspecto de interfaz de usuario (UI) de la plataforma Eclipse. El UI
est basado en Editores, Vistas y Perspectivas.
Editores
Los editores aparecen en el rea de editores del workbench y proporcionan acciones
al men y a las barras de herramientas. Los editores abiertos estn apilados. Por
ejemplo el editor Java. La plataforma Eclipse tambin incluye el editor de texto simple.
Vistas
Las vistas proporcionan informacin sobre proyectos. Aumentan las funcionalidades
de editores. Por ejemplo: La vista esquema muestra estructura del contenido del
editor.
Las Vistas disponibles en el Workbench de Eclipse son:

Navigator: vista jerrquica de los recursos (ficheros, carpetas y proyectos).

Help: acceso a la ayuda.

Tasks: definicin de tareas pendientes.

Problems: mensajes de error y avisos.

Outline: lista de los elementos del fichero activo (clases, atributos, mtodos,
)

Properties: propiedades del elemento activo.

Search: bsqueda de cadenas de texto y ficheros.

!4

Console: consola de ejecucin.

Es posible abrir la vista deseada por el usuario con la opcin de men Window | Show
View.

Perspectivas
Las perspectivas son disposiciones de vistas y editores. Diferentes para cada uso de
un usuario. Los usuarios pueden cambiar de perspectiva. Orientacin a la tarea, oculta
vistas. Permite escalar a una gran cantidad de utilidades instaladas. Control de
perspectivas (Visibilidad de vistas y Disposicin de vistas y editores). La plataforma
eclipse incluye perspectivas estndares Resource, Debug, Java
Es posible seleccionar la perspectiva deseada por el usuario con la opcin de men
Window | Open Perspective.

1.3 Ejemplo
Van a utilizar JQuery con Eclipseeeee?

2.Xampp
Xampp (http://www.apachefriends.org/en/xampp.html) es un paquete formado por el
servidor web Apache, una base de datos MySQL y los intrpretes para los lenguajes
de script PHP y Perl. El nombre proviene del acrnimo X (para cualquiera de los
diferentes sistemas operativos), Apache, MySQL, PHP y Perl.
Una de las ventajas de XAMPP es que de una forma muy sencilla y rpida te puedes
montar en tu mquina un entorno de desarrollo de cualquier aplicacin web que use
PHP y base de datos.
La instalacin de XAMPP solo requiere bajar el paquete de la pgina oficial, extraer e
instalar.

2.1 Administracin
Una vez instalado correctamente XAMPP se puede configurar y administrar la
herramienta y sus mdulos desde el panel de control de XAMPP.

!5

!
Figura 3. Panel de Control de Xampp

En este panel de control se pueden ver todos los mdulos instalados. Para cada
mdulo es posible parar su servicio (Stop), arrancarlo (Start), ver su estado (Stop /
Running), marcarlo como servicio (checkbox Svc) y entrar en su panel de
administracin (Admin).
Para probar que la instalacin de XAMPP fue exitosa basta con poner en el navegador
"http://localhost"o "http://127.0.0.1"y aparecer la aplicacin de administracin web.
En ella hay un seccin de administracin web de XAMPP, una seccin de
insteresantes demos y otra con herramientas incluidas en el paquete
como phpMyAdmin, FileZilla FTP, Webalizer, etc.

2.2 Ejemplo
Probemos con un sencillo ejemplo. Este ejemplo est realizado en PHP, se conecta a
una base de datos de prueba y recupera datos de una determinada tabla.
En primer lugar se debe crear una tabla de prueba utilizando phpMyAdmin. La tabla
se crear en la base de datos de prueba Test que Xampp define por defecto. Para
ello en el panel de control de Xampp se selecciona el botn admin de MySQL. Con
phpMyAdmin se debe crear una tabla de prueba llamada dcu.
Una vez creada la tabla se construye un fichero php que accede a la tabla y muestra
las filas. Pero, dnde tenemos que dejar nuestras aplicaciones web (en este caso
fichero .php) para poder ejecutarlas con xampp? Hay que dejarlas dentro de la carpeta
"htdocs" situada en la carpeta principal de la instalacin de XAMPP. Para nuestro
ejemplo se puede crear una nueva carpeta llamada "tutorial" y colocar ah el fichero
php.
Para poder ver las aplicaciones creadas basta con introducir en la barra de direcciones
del navegador el path relativo a partir de la carpeta "htdocs" justo despes de "http://
localhost" (en el ejemplo nuestro "http://localhost/tutorial").

!6