SITIOS WEB BASICO EN PHP

Para poder correr un sitio web con cdigo en PHP de forma local es necesario
tener instalado un servidor para ello, entre los cuales se encuentran los
softwares XAMP y WampServer que prcticamente traen embebido un servidor
apache, un gestor de base de datos y las libreras para ejecutar PHP de lado
del servidor.
INSTALACIN DE WAMPSERVER PARA CORRER CDIGO PHP EN EL
SERVIDOR
Para este manual se explicar la instalacin de WampServer.
1.- Descargaremos el software desde este enlace www.wampserver.com/en/ .
Se tiene que descargar la versin para la plataforma que tiene tu sistema
operativo ya sea para 32 o 64 bits. Tambin es recomendable instalar las
versiones que traigan PHP 5.5 para arriba.
2.- Una vez descargado el archivo .exe procedemos a su ejecucin. Daremos
doble clic y pedir que lo ejecutemos, le damos ejecutar y si pide permisos de
administrador le diremos que si par que le programa pueda realizar bien los
cambios.

3.- En la pantalla siguiente daremos next y aceptaremos los contratos para

poder continuar.

4.- Seleccionamos la ruta donde se instalara Wamp, la dejamos por default y le

damos next, si quieres tener el icono de Wamp en tu escritorio dejaremos la
casilla marca de Create a Desktop icon y continuamos.

4.- Procedemos a instalar todos los complementos y libreras tanto de

APACHE, MySQL y PHP. Una vez terminada la instalacin daremos finalizar.

MONTAR UN SITIO EN EL SERVIDOR

1.- Antes que nada para poder montar un sitio en nuestro servidor necesitamos
como mnimo un archivo con cdigo fuente basado en el lenguaje PHP. Para
ello mostrar el cdigo para la suma de dos nmeros y su respectivo valor.
<?
$numero = 2;
$numero2 = 5;
$result = $numero + $numero2;
echo "<h2>".$result."</h2>";
?>

Creamos un archivo con el nombre de ndex y con extensin .php y pegamos

en cdigo en l.
2.- Buscaremos la carpeta donde se alojaran nuestros sitios, as que nos
ponemos en la direccin de nuestro disco local C: despus buscamos en la
carpeta wamp y dentro de ella la carpeta www y all es donde estaremos
hospedando nuestros sitios, es recomendable crear una carpeta para cada sitio
web. En este ejemplo se utilizara la carpeta pruebas que ya ha sido creada.

3.- Dentro la carpeta pruebas pondremos el archivo anteriormente creado

llamado index.php para despus correr nuestro servidor y ver nuestro sitio en
forma local.

4.- Corremos o encendemos nuestro servidor para ello nos vamos a nuestro
escritorio y buscamos el icono de WampServer

y damos clic para ejecutarlos

de igual manera nos pedir permisos de administrador para poder correr, le

damos que s. Esperamos que el icono del programa Wampsever se ponga en
verde el cual va est ubicado en nuestra barra de herramientas inferior.
Si

nuestro icono est en verde es que no tuvimos ningn

inconveniente al instalar nuestro servidor.

5.- Es hora de ver resultados, si ya tenemos nuestro servicios encendidos solo

falta comprobar que nuestro cdigo que realizamos se ejecute correctamente
en nuestro navegador de forma local, para ello abrimos cualquier de nuestros
navegadores Firefox, Chrome, Safari, etc. Podremos en la ruta de nuestro
navegador una de las siguientes URLs:
http://localhost
http://127.0.0.1
Se nos mostrara la siguiente pantalla.

6.-

Escribimos

la

siguiente

direccin

en

la

URL

del

navegador

http://localhost/pruebas para poder notar el resultado del ejemplo de la suma.

SISTIOS WEB BASICO EN ASP

ASP es prcticamente VB en script para aplicaciones web y tiene la ventaja de
programar aplicaciones utilizando bsicamente VB. Actualmente estos sitios se
realizan con el framework .Net con estructura MVC y utilizando el lenguaje C#.
Los sitios web basados en ASP o ASP.Net corren en un servidor IIS, este
servidor prcticamente o ms bien viene incluido en Sistemas Operativos
Windows, solo hace falta activarlo.
Para ello se mostraran los siguientes pasos para poder activarlo:
1.- Nos dirigimos a panel de control en nuestro de nuestro sistema y
buscamos la opcin programas y daremos clic en l. Dentro de la opcin
programas buscaremos la sub opcin activar o desactivar las caractersticas
de Windows.

2.- Daremos clic en la sub opcin antes menciona para que se nos desplegu
una ventana con las caractersticas que tenemos que activar para poder tener
nuestro servidor II habilitado.
3.- Seleccionamos la casilla de Internet Information Services y dentro de esta
nos aseguramos que la casilla de Servicios de la World Wide Web este
seleccionada. Por ultimo dentro de la carpeta Servicios de la World Wide Web
buscamos la carpeta de Caractersticas de desarrollo de aplicaciones la
seleccionamos para que nos abra la sub carpetas que contiene, para finalizar
seleccionamos las casillas de ASP y ASP.NET quedando de la siguiente
manera.

Para finalizar
solo
daremos
Aceptar
y una vez aceptado nos pedir reiniciar nuestro ordenador para aplicar bien
todos los cambios.

MONTAR UN SITIO EN NUESTRO IIS

1.- De la misma manera que en el otro apartado primero crearemos nuestro

archivo ASP para poder tener un sitio sencillo. El siguiente cdigo es el que se
ejecutara en nuestro sitio.
<html>
<head>
<title>Ejemplo de ASP</title>
</head>
<body>
<%
Dim a,b
a=8
b=3
Response.Write( "La suma de los numeros es" & a + b & "<br>")
%>
</body>
</html>

Este cdigo lo guardaremos en un archivo index.asp.

2.- Lo siguiente es poner el archivo en la carpeta donde estarn hospedadas
nuestros sitios. Para ello nos ubicamos en nuestro disco local C: , buscaremos
la carpeta inetpub accedemos y buscamos la siguiente carpeta wwwroot y
dentro de esta es donde estarn nuestras pginas

de igual manera es

necesario tener una carpeta para cada sitio, por esta ocasin se llamara de la
misma manera al anterior, es decir, pruebas.

3.- Encenderemos nuestros servicios de IIS. Para ello nos vamos en panel de
control y en el buscador escribiremos herramientas y en los resultados
seleccionamos herramientas administrativas

4.- Dentro de las herramientas administrativas seleccionamos Administrador

de Internet Information Services (IIS). Se abrir una ventanilla en la cual
nosotros encenderemos nuestro servidor y nuestros sitios de igual manera.

5.- Encendemos nuestros IIS, para ello buscamos la parte donde dice
Administrar servicios y damos encender. Aqu una gran polmica, si no
enciendes esto y encendemos nuestro sitio prcticamente les arrojara un error.

6.- Despus de ello en la carpeta sitios, buscamos nuestro sitio y tambin lo

iniciamos. En el cual se encuentra el sitio de Default y si lo iniciamos nos
arrojara un error que practicamente no es por no haber encendido los otros
servicios si no porque tenemos nuestro WampServer corriendo a la par. Para
poder quitar ese error se cambiara de puerto donde est ejecutndose nuestro
sitio.

7.- Para corregirlo buscamos en la parte de Acciones la opcin de enlaces,

es all donde modificaremos nuestro puerto. Se nos abrir una segunda
ventana, buscaremos la parte de tipo y seleccionamos la fila donde dice http
y le daremos modificar para poder cambiar ese puerto.

8.- En la siguiente ventana solo buscamos el EditText de puerto y se lo

cambiamos de 80 a 4343. Aceptamos y volvemos a iniciar nuestro sitio.

Como ven ahora nuestro sitio esta iniciado.

9.- Para comprobar que si est corriendo nuestro sitio, accedemos a nuestro
navegador

colocamos

la

siguiente

http://localhost:4343/pruebas/index.asp y les mostrara lo siguiente.

SITIO WEB BASICO CON JSP

URL

Para iniciar en la creacin de pginas o aplicaciones web basadas en JSP, es

necesario tener como mnimo un servidor que corra este tipo de aplicaciones
entre los cuales se encuentran Apache Tomcat

y GlassFish as como la

mquina virtual de java el JRE y el Kit de herramientas para desarrolladores en

Java, el JDK. En este manual se enseara como instalar el JRE y JDK de Java
al igual de como correr GlassFish desde la consola si necesidad de instalar un
IDE como Netbeans. Y Posteriormente ensear como montar un sitio en el
servidor.
1.- El primer paso es descargarse el JRE desde el siguiente enlace
http://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads2133155.html aceptamos los contratos de licencia y procedemos a descargar la
versin 8 para la plataforma de nuestro sistema operativo Windows 32 bits que
es equivalente a Windows x86, seleccionamos la forma offline para cuando
queramos instalarla en otra mquina que no tenga acceso a internet.

2.-

Descargaremos

el

JDK

desde

el

siguiente

enlace

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads2133151.html igual al anterior aceptamos los trminos de licencia y buscamos

la versin 8 del JDK de la misma manera que buscamos la versin para
nuestra plataforma Windows x86.

3.-

Instalaremos lo

programas descargados, primeramente instalamos en JRE de java no hay

mucho problema para ello, solo daremos ejecutar y aceptamos para dar
permisos de administrador automticamente, daremos instalar y despus si
pide escoger la carpeta de instalacin se deja por default.
Comprobamos que se haiga instalado correctamente escribiendo java
versin en nuestra consola de lnea de comandos, esto nos arrojara la versin
instalada en de la mquina virtual de java, ver la siguiente imagen

4.- Instalamos el JDK de la misma manera que el JRE, solo que al terminar la
instalacin se tiene que configurar dos variables de entorno una que crearemos
llamada JAVA_HOME y otra que modificaremos llamada path. Para esto no se
dar muchas explicaciones en este manual, ya que se extender y se saldr
del objetivo que es solo montar un sitio en glassfish, asi que dejaremos este
enlace donde explica como configurar las variables de entorno en Windows.
http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=389:configurar-java-en-windowsvariables-de-entorno-javahome-y-path-cu00610b&catid=68:curso-aprenderprogramacion-java-desde-cero&Itemid=188

Comprobamos que todo este configurado correctamente escribiendo en

nuestra lnea de comandos lo siguiente: javac version. Este es el resultado.

5.-

Descargaremos

ahora

el

GlassFish

desde

el

siguiente

enlace

https://glassfish.java.net/download.html
2.- Una vez descargado procedemos a descomprimirlo en la raz de nuestro
disco duro, es decir, la unidad C:

3.- Una vez descomprimido, abrimos nuestra cmd o lnea de comandos. Para
ello podemos teclear FN +

, se nos abrir la ventana de ejecutar. Dentro

de ella escribimos cmd para que se nos abra la lnea de comandos.

4.- En nuestra lnea de comandos nos ubicaremos en la carpeta que tenemos

nuestro servidor glassfish4, para ello retrocedemos a nuestro disco en la
carpeta raz escribiendo cd.../.. nos quedara de la siguiente manera
C:\Users\TITA\cd../.. daremos enter y quedaremos en nuestro disco local C:\>

Continuaremos accediendo a la carpeta glassfish4 que se encuentra en la

unidad C, entonces escribiremos cd glassfish4 y daremos enter. Nos quedara
de la siguiente manera.

5.- Para poder ejecutar nuestro servidor glassfish necesitamos acceder a la

carpeta bin, para ello escribimos cd bin

y ejecutar el siguiente comando

asadmin start-domain si todo va bien hasta el momento en los resultados

encontraremos algo como esto Command start-domain executed successfully.
La imagen muestra cmo estar todo lo que hemos hecho hasta ahora.

6.- Comprobamos que nuestro servidor este corriendo correctamente, pare ello
accedemos a nuestro navegador favorito y escribiremos en nuestra URL la
siguiente direccin http://localhost:4848 ya que este servidor automticamente
busca los puerto habilitados en este caso el 4848. Se mostrar la siguiente
interfaz si todo ha salido bien.

Como

ven

automticamente

nos

direcciona

la

siguiente

URL

http://localhost:4848/common/index.jsf

MONTAR UN SITIO JSP EN NUESTRO GLASSFISH

1.- Antes de montar nuestro sitio crearemos nuestro archivo o nuestra primera
aplicacin que correremos en el glassfih.
Para ello creamos un archivo llamado index.jsp y dentro del pondremos el
siguiente cdigo.
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>Sumar en JAVA - JSP</title>
</head>
<body>
<h2>Suma de 2 numeros en JSP</h2>
<form action="index.jsp" method="POST">
<table>
<tr>
<td>Ingrese numero 1 :</td>
<td><input type="text" name="numero1"></td>
</tr>
<tr>
<td>Ingrese numero 2 :</td>
<td><input type="text" name="numero2"></td>
</tr>

<tr>
<td>
<input type="submit" name ="enviar" value="Sumar">
</td>
</tr>
</table>
</form>
</body>
</html>
<%
if(request.getParameter("enviar") != null)
{
int num1 = Integer.parseInt(request.getParameter("numero1"));
int num2 = Integer.parseInt(request.getParameter("numero2"));
int suma = num1+num2; out.print("La suma es : " + suma );
}
%>

2.- Buscaremos el directorio donde estarn alojadas nuestras aplicaciones web

en glassfish, para ello nos metemos en el disco local C, buscamos la carpeta
glassfish4, accedemos y tambin accedemos a la carpeta glassfish,
posteriormente buscamos la carpeta domains y luego domain1 dentro de esta
carpeta encontraremos varias carpetas, donde se encontraran nuestros sitios
es

en

la

carpeta

autodeploy.

Asi

que

la

direccin

es

esta

C:\glassfish4\glassfish\domains\domain1\autodeploy
3.- Crearemos una nueva carpeta llamada pruebas como en las anteriores y
dentro de ella colocamos el archivo index.jsp

4.- Es hora de probar que nuestro sitio este montado correctamente para ello
vamos a nuestro navegador favorito como siempre y escribimos en la URL.
http://localhost:4848/
Buscamos la parte donde dice Applications, all se mostraran nuestros sitios
que se encuentran en nuestro servidor.

5.- Lanzaremos en que dice pruebas dando clic en Launch, si al correr nos
marca error solo hay que seleccionar la primera opcin que nos da para correr
de nuevo, ya que el dominio est ocupando el puerto 4848 y nuestros sitios
debern ocupar otro, as que escogemos el que tiene puerto 8080.

El resultado de nuestro sitio es el siguiente.

Realizamos una operacin para comprobar y listo terminamos.