You are on page 1of 9

Eleccion de un tipo de Proyecto

Aptana Studio ofrece una gran variedad de tipos de proyecto para elegir. Sin embargo,
en lugar de seleccionar el Proyecto obvio PHP, sugerira seleccionando "Proyecto Web"
en su lugar, ya que le permite acceder fcilmente a algunas plantillas y archivos de gran
utilidad dentro del excelente marco repetitivo HTML5:

Click Next> and enter "NewsletterSubscription" para el nombre del proyecto.
Desmarque Use default location ("Usar ubicacin predeterminada" )con el fin de entrar
en la web raz de nuestro servidor web.
Utilice el botn Examinar para buscar la raz de documentos de su servidor web. Para
xampp es la carpeta "xampp/htdocs".
Despus de hacer clic en el botn Finalizar, aparecer su nuevo proyecto en el panel
Explorador de proyectos. Si expande el proyecto haciendo clic en el signo ms [+] a la
izquierda del nombre del proyecto que ver la carpeta repetitivo HTML5 directamente
debajo de l, de la que vamos a estar pidiendo prestado algunos archivos para nuestro
proyecto:

Creacin de la Pagina subscribe.html
The sign up page is called subscribe.html. We could go through the File=>New menu
items to create an empty HTML page from a template, but there's no need, since the
boilerplate framework already contains a perfectly usable index.html page.
La pgina de inscribirse se llama subscribe.html. Podramos ir a travs del Archivo =>
Nuevos elementos de men para crear una pgina HTML vaca desde una plantilla, pero
no hay necesidad, ya que el marco repetitivo ya contiene una pgina index.html
perfectamente utilizable.

In the Project Explorer pane, drag the index.html file to the root of your project folder
and rename it to subscribe.html by right-clicking the file and selecting Rename from the
context menu. You'll also need to drag the CSS and JS folders to the root as they are
referenced by the index.html file. I performed some cleanup of the latter by moving the
jquery-1.5.1.min.js file up a level and deleting everything else in the js folder.
Double-click the renamed subscribe.html file to open it in the editor.
Definir las propiedades del editor
Una cosa que destaca de inmediato al abrir un archivo en el panel del editor es que los
colores. En lugar de la tpica de texto negro sobre un fondo blanco, los colores se
invierten. Algunas personas no le pueden gustar estas combinaciones de colores, para
ello Windows-> Preferencias y desde el men principal ir a Aptana Studio->Themes


Hay un par de otras caractersticas que me gusta poner en mi editor, incluyendo
"Insertar espacios para las fichas" "Insert spaces for tabs"y "Mostrar nmeros de lnea".
Ambos de estos se pueden encontrar en la pantalla "Editores de Textos". Es accesible a
travs General=>Editors=>Text Editors

Tenga en cuenta que hay algunos colores definibles en "Appearance color options"
lista de la parte inferior. Aquellos slo afectan el aspecto general y la sensacin de los
propios editores y no la del cdigo.
Using Your Server for Previews
As mentioned earlier, we need to preview our subscribe.html page on a server that
supports PHP. Here's how to do that.
Right-click the NewsletterSubscription project in the Project Explorer pane and select
Properties at the bottom of the context menu. That will bring up the a dialog for setting
properties that apply to that specific project.
Select "Preview Settings" from the left-hand tree and choose the "Use specific server"
radio button. Of course, there are no servers in the list as we haven't defined any yet.
Click the "New" button on the right to do that.
On the "Choose server type" dialog, select "Simple Web Server" (the only item in the
list), and click "OK".
The "Edit External Web Server Configuration" dialog is where we can enter the
particulars about our web server. It has three fields that should be filled in as follows:
Name: This is the name that will appear in the lists of external web servers, so
give it any name that will help you to differentiate it from any other server that
you might want to use, e.g., one for Perl, or Java. I called mine "WampServer".
Base URL: The Web path to the server's document root. This is very important
as Aptana will append the project folder(s) and page name to this path. Yours
may require an IP or domain name as well as a port number, such as
"http://127.0.0.1:8080". When in doubt, stick with localhost as in
"http://localhost".
Document Root: The absolute path to the server's document root. Use the
Browse button to locate it on the hard drive. In Windows, it would look
something like "C:Program Fileswampwww", although the exact path depends
on what server you use and where you installed it:


CMO DEPURAR PHP EN APTANA STUDIO
Una vez que descargamos e instalamos Aptana, podemos seguir los pasos mencionados
a continuacin para crear un proyecto php y depurarlo usando XDebug. Para iniciar la
depuracin de PHP usando Aptana Studio, inicie el IDE y seleccione una ubicacin del
espacio de trabajo.
Paso 1: Para crear un proyecto de Aptana, haga clic en Archivo -> Nuevo -> Proyecto PHP
como se muestra en la imagen de abajo mencionadas.

Paso 2: Introduzca el nombre del proyecto como TestDebugger o cualquier otro nombre
de su eleccin en el asistente de creacin del proyecto.
Paso 3: Crear un nuevo archivo php para nuestra TestDebugger proyecto. Para crear un
archivo PHP, haga clic derecho en el rea de explorador del proyecto y seleccione Nuevo
-> Nuevo desde plantilla -> PHP -> Plantilla de PHP.

Paso 4: Se muestra el asistente de creacin del archivo. Introduzca el nombre de
archivo como hello_aptana.php y asegrese de que est seleccionada la carpeta principal
como TestDebugger. Por defecto, el archivo de plantilla PHP consisten en cdigo pre-
escrito dentro de las etiquetas de cdigo php, como se muestra a continuacin:
phpinfo ();
Paso 5: Ahora vamos a eliminar el cdigo de la plantilla por defecto y escribir cdigo
para imprimir hola mundo 5 veces en la consola utilizando para bucle. Vamos a depurar
el bucle usando XDebug.
for ($ i = 0; $ i <5, $ i + +) {
echo "Hola Aptana Studio";
}
Paso 6: Ahora agregue un punto de depuracin para detener el depurador. Para aadir
un punto de depuracin, podemos hacer doble clic en el espacio antes de que el nmero
de lnea donde queremos aadir nuestro punto de depuracin. Tambin se le llama como
la adicin de punto de interrupcin de lnea. Se muestra en la imagen de abajo
mencionadas:

Paso 7: Ahora vamos a configurar Aptana Studio for ejecutable PHP y XDebug. Ir a la
de Windows -> Preferencias -> Aptana Studio -> Editores -> PHP -> PHP Intrpretes y
haga clic en el botn Agregar y rellena el formulario para PHP Interpreter como se
muestra below.The asistente para PHP intrprete pida la ubicacin donde se ha instalado
PHP para php.exe y archivos php.ini. Asegrese de que ha seleccionado XDebug como
depurador predeterminado.

Paso 8: Haga clic en Finalizar y que de nuevo haga clic en el botn Aceptar.
Paso 9: Para ejecutar el archivo php, haga clic derecho sobre el archivo
hello_aptana.php y seleccione Ejecutar como -> Script PHP. Este paso, simplemente
ejecute el archivo php sin parar en nuestro salto de lnea que hemos insertado en los
pasos anteriores.
Paso 10: Para depurar el archivo php, haga clic derecho sobre el archivo y seleccione
hello_aptana.php Debug As -> Script PHP. Si la perspectiva de depuracin no est
habilitado, el Aptana Studio le pedir que cambie la perspectiva Web actual de depurar
perspectiva como se muestra a continuacin:

Ahora haga clic en el botn s. Se puede ver que el depurador se detiene en el comienzo
del bucle, como se muestra a continuacin:

Paso 11: Para ejecutar el cdigo lnea por lnea, podemos pulsar F5 o Paso a paso. El
mismo est disponible en la barra superior de depuracin perspectiva como se muestra a
continuacin. Si seguimos presionando F5 ejecutar el bucle para cada iteracin e
imprimir el mensaje de eco de uno en uno en la ventana Consola. As es como podemos
depurar lnea por lnea en Aptana Studio.


Paso 12: Para ver todas las variables inicializadas y su valor, podemos comprobar las
variables de ver como se muestra a continuacin:

Al igual que en el paso hacia, podemos realizar varias acciones de depuracin. Podemos
presionar F8 o Reanudar para omitir un punto de interrupcin de lnea en particular. Nos
llevar hasta el siguiente punto de interrupcin de lnea o ejecutar nuestro programa si
no hay ms punto de interrupcin.
PARA QUITAR PUNTO DE INTERRUPCIN DE LNEA, podemos volver a
hacer doble clic en el punto de interrupcin.
PARA DETENER EL DEPURADOR, podemos pulsar el botn rojo (Terminar o Cntrl
+ F2).
As es como podemos depurar un programa php usando Aptana Studio y XDebug
depurador.