Qué no hacer con tu web. Primer capítulo

Esto es un ejemplo de qué no hacer con tu página web, además es una putada por que si te encuentras con un diseñador o maquetador hijo de puta, puede tenerte como un tonto leyendo una línea infernal... Este gran efecto se consigue sin CSS ni JavaScript, ¡¡simplemente usa las etiquetas "marquee" (marquesina) y "blink" (parpadeo, que en este caso ni funciona, pero si observas el código fuente verás que lo estoy usando) y transporta a los lectores de tu web a los años 90!!

Disclaimer:

si lo ves desde ciertos navegadores, como por ejemplo algunos navegadores de smartphones,

tendrás la suerte de no sufrir esta tortura

Solución a problema con Eclipse+Aptana+Xdebug

Como casi siempre que se comienza a trabajar con nuevas herramientas de desarrollo, surgen todo tipo de problemas relacionado con la configuración de las mismas.

Curioso ha sido el caso al que me refiero en esta entrada: durante toda esta primera semana y media de clase he tenido problemas a la hora de ejecutar archivos PHP desde Eclipse, el cual incluye los paquetes de Aptana y PDT para poder desarrollar en este lenguaje.

Tras probar a reiniciar servicio Apache, desinstalarlo y volverlo a instalar, probar con varias versiones de Eclipse, copiar los archivos de configuración de compañeros y profesores, volver a desinstalar y reinstalar, probar en equipos diferentes, y un sinfín de pruebas, me estrellaba siempre con el mismo muro: a la hora de ejecutar no conseguía obtener resultados en el navegador que tenía configurado a tal efecto (Firefox) y cuando intentaba depurar, el proceso se quedaba siempre estancado en la cifra del 57%.

Aún más curioso ha sido cuando hoy, escucho a dos de mis compañeros y editores de este blog comentar que se encontraban en la misma situación que yo... lo que no sabían es que yo ya me curtí en esta batalla y ¡encontré la solución!

Durante mis investigaciones, comprobé que la ejecución y depuración (a veces) funcionaba con el editor interno de Eclipse, y ¡sorpresa! con Internet Explorer, lo cuál me mosqueó bastante.

Desesperado, y tras reconfigurar todo lo configurable, decidí crear un nuevo acceso a navegador web desde el menú de opciones generales de Eclipse:

Herramientas -> Opciones-> General -> Web Browser.

Lo que hice fue, pinchando sobre 'Firefox', seleccionar la opción de editar, donde puedes indicar la ruta donde se encuentra el ejecutable firefox.exe... tan simple y tan tonto como esto.

¿La explicación? Sólo Iker Jimenez podría responder a esta pregunta, como a otras muchas dentro del mundo de la informática como por ejemplo: ¿por qué hoy no me funciona si ayer lo hacía y no he tocado nada? Misterios de la vida, al menos aquí tenemos una pequeña solución, espero que sea de ayuda a los pobres desgraciados que comienzan en esto, como yo, sufridor nº 1.

Instalacion y Configuración de XAMPP

Bueno lo primero que tenemos que hacer es descargar XAMPP para poder instalarlo, en nuestro caso lo descargaremos para Windows 7.

Una vez descargado, le damos doble click y nos saldrá un cuadro de diálogo en el cual elegir el idioma:

  


 Solo nos da la opcion de Ingles o Alemán (yo me pillo ingles xD) pinchamos ok, y en el siguiente cuadro de dialogo next, acto seguido nos aparecerá una ventana en la que tendremos que elegir el lugar en el qque se instalará XAMPP:

En nuestro caso crearemos una carpeta intermedia llamada web, pues dentro de ella no sólo estará la instalación de XAMPP, sino que además copiaremos eclipse y crearemos una carpeta llamada sitios virtuales.

Ahora le damos a todo siguiente(next) y finalizar. Nos saldrá una nueva ventanita en la que que nos preguntará si queremos inicial el panel de control de XAMPP(yo le he dicho que si).

Iniciamos el Panel de Control de XAMPP e iniciamos apache. Ahora podemos irnos al navegador y escribir en la barra de direcciones: localhost ó 127.0.0.1. Así comprobaremos que efectivamente funciona adecuadamente.

Ahora vamos a configurar el archivo httpd.conf que lo podemos encontrar en C:\web\xampp\apache\conf
si lo instalasteis en el mismo directorio que yo. Este archivo lo vamos a editar con un editor de texto Bloc de Notas, Notepad++, WordPad,...

en el que realizaremos el siguiente cambio, en un principio tenemos esto:

Y lo tenemos que sustituir los allow por deny y viceversa ( OJO con los espacios, o con el que se os cuele algun caracter, eso podria hace que dejara de funcionar):





 





 Ahora vamos a crear nuestro sitio virtual para ello crearemos una carpeta llamada sitios virtuales en C:\web y dentro de sitios virtuales otra carpete lamada sitiophp. Una vez echo esto, abrimos un documento de texto y escribimos en su interior lo siguiente:

 




Y lo guardamos dentro de la carpete sitiophp como Index.html. Ya solo nos falta configurar el archivo httpd-vhosts.conf que lo podremos encontrar en C:\web\xampp\apache\conf\extra. Una vez localizado el archivo lo abrimos con un editor de texto descomentamoslas lineas tal y como se ve en la imágen ponemos la ruta de nuestro sitio virtual:













Ya solo nos queda configurar el archivo host que lo encontraremos en C:\Windows\System32\drivers\etc 
lo abrimos con un editor de texto y añadimos la siguiente linea:

 


Guardamos los cambios, abrimos el Panel de Control de XAMPP y lo paramos todo, seguidamente lo volvemos a encender (CUIDADO este paso es muy importante y se olvida con frecuencia), y al escribir en la barra de direcciones sitiophp se nos habrira el documento .html que habiamos editado:

Bueno esto es todo sobre la instalación y configuración básica sobre XAMPP.

Configurar XDebug para php

  Una vez tenemos nuestro xampp totalmente en funcionamiento procedemos a la configuración del xDebug   que nos será de mucha utilidad para poder llevar a cabo la depuración de nuestras aplicaciones escritas en php.

  Lo primero que debemos hacer es ir a la ruta en la que tengamos instalado xampp y dirigirnos a la carpeta de php. Dentro de esta carpeta encontraremos el archivo php.ini. Se recomienda mostrar la extensión de los archivos de la siguiente forma.

  

  Y desmarcamos el siguiente check de la pestaña ver.

  

Seleccionamos el archivo php.ini y con el botón derecho lo editamos con el bloc de notas por defecto de Windows o con cualquier otro si lo tenemos instalado. En mi caso usare Notepad++(lo podemos encontrar en la siguiente dirección http://notepad-plus-plus.org/download/v6.1.8.html).

  
  Nos dirigimos a las líneas en las que aparece la configuración de xDebug y añadimos las líneas resaltadas con el cuadro rojo.

  

Guardamos y ya está todo listo. Para comprobar que xDebug está funcionando iniciamos apache y nos diricimos a la página de administración apartado phpinfo(). Nos debe aparacecer que xDebug funciona correctamente como se ve en la imagen.

  
  

Despliegue de aplicaciones web: obtener nuestro servidor web

     Hace escasas dos semanas hemos comenzado en el centro I.E.S. Pedro Espinosa el segundo curso del que va a ser la primera promoción del ciclo superior DAW.

     Tras un primer curso peleándonos con lenguajes informáticos como Java, SQL corriendo en el magnífico Firebird (ironía), lenguajes de marcas a mansalva y configuraciones de software "mortales" en propias palabras de nuestros profesores, comenzamos este segundo y apuesto, intenso curso con lo que realmente importa: el despliegue de las aplicaciones.

     Para ello, tenemos que hacer uso de un servidor, un servidor web en este caso, donde nuestra página, con todo el conjunto de archivos necesarios para su funcionamiento, serán alojados.

     Normalmente, estos archivos van a estar alojados en un servidor web contratado para tal efecto, pagando una cuota por hosting y al que tendremos acceso para manipular nuestra web y hacerle las modificaciones necesarias. Pero en nuestro caso, como es lógico comenzaremos desarrollando (y depurando) alojando nuestra web en un servidor que se instalará en nuestro propio equipo de trabajo.

     Sin querer entrar en mucho detalle sobre qué es un servidor web y cómo funciona la comunicación de los clientes (navegadores web de nuestros equipos) con los servidores, así como la función de cada uno de ellos (lo dejaremos para otra entrada) vamos a explicar con qué servidor trabajamos nosotros y qué opciones existen para cada una de las plataformas: Linux, Windows, y equipos Mac.

     En nuestro caso, el servidor web que usamos es Apache, uno de los servidores más usados en el mundo, y que se caracteriza por ser de código abierto y multiplataforma, además de ser fácil de conseguir y tener una gran comunidad que ofrece ayuda y soporte. Además, está formado por módulos, lo que significa que puedes añadir o quitar funcionalidades a nuestro servidor para que sea más eficiente.

     Como he mencionado, esta herramienta tiene entre sus grandes virtudes el hecho de ser multiplataforma, de forma que podemos usarlo en prácticamente cualquier sistema operativo. A continuación voy a destacar cuatro aplicaciones para desarrolladores que como nosotros, va a programar del lado del servidor en lenguaje PHP, y que incluyen además del ya mencionado servicio web, añadidos como por ejemplo soporte para MySQL:

• XAMPP acrónimo de X:multiplataforma,Apache,MySQL,PHP,Perl, es la aplicación a buen seguro más usado ya que como vemos podemos usarla para cualquier sistema operativo. Incluye, al igual que los siguientes aplicaciones, soporte para MySQL así como PHP y en algún caso también lenguajes como Perl o Python
• LAMP Linux,Apache,MySQL,PHP, dirigido a distros Linux. En este caso dirigimos hacia los pasos a seguir para instalarlo en la más popular, Ubuntu.
• WAMP Windows, Apache, MySQL,PHP para la plataforma de las ventanas
• MAMP Machintosh, Apache, MySQL, PHP para aquellos que les gusta pagar un poco más al comprarse su equipo #Respect

     Pinchando en uno de los enlaces superiores podréis acceder a la aplicación que prefiráis para vuestro S.O.. El siguiente paso es, como no instalarlo, lo cual no tiene mucha ciencia, pero atención, por que a continuación vendrá la configuración...

     En esa batalla perdimos muchos desarrolladores, por lo que dedicaremos otra entrada exclusivamente a este arte de guerra donde lucharemos con directorios, archivos xml para configurar directivas, y en el peor de los casos con el puerto :80.

     Que el Monstruo de Espagueti Volador nos coja confesados.

Hello World!

Hola amig@s, próximamente pondremos en marcha este blog que estará destinado en su mayor parte al desarrollo de aplicaciones web, pero que también albergará otros contenidos y secciones muy interesantes.

Sobre nosotros tan sólo decir que somos un grupo de estudiantes que en el afán de conseguir medio punto extra, haremos todo lo posible para que este blog sea todo un referente en la materia.

Hasta pronto :-)