45 M

MANUAL DE
PRCTICAS
PROGRAMACIN WEB
AEB-1055
PLAN ISIC-2004296
INGENIERA EN SISTEMAS
COMPUTACIONALES
ndice
INTRODUCCIN-----------------------------------------------------------------------------------------------------------------1
PRCTICA 1
Configurar un servidor de base de datos y un servidor web con servicios html y ftp.--------------------------2
PRCTICA 2
Configurar y Administrar sitios web.-----------------------------------------------------------------------------------------6
PRCTICA 3
Verificar compatibilidad del cdigo y Comprobar cumplimiento de los estndares internacionales de las
aplicaciones web.-----------------------------------------------------------------------------------------------------------------13
PRCTICA 4
Realizar programas en lenguaje html sin utilizar hojas de estilo.----------------------------------------------------16
PRCTICA 5
Realizar programas utilizando controles de formulario.----------------------------------------------------------------21
PRCTICA 6
Realizar programas del lado del cliente y prototipos de proyectos web completos.----------------------------31
PRCTICA 7
Realizar programas en donde se implementen mecanismos de seguridad para el acceso de informacin
-----------------------------------------------------------------------------------------------------------------------------------------43
LISTA DE MATERIAL, EQUIPO O REACTIVO A UTILIZAR---------------------------------------------------------51
LISTA DE BIBLIOGRAFA REQUERIDA----------------------------------------------------------------------------------51
CONTROL DE CAMBIOS DEL MANUAL DE PRCTICAS
52
Programacin Web [AEB-1055]
INTRODUCCIN
La importancia de la materia se centra en conocer y desarrollar cada una de las
etapas de la programacin para la solucin de problemas en un lenguaje de
programacin en ambiente web, por lo que en el siguiente manual se desarrollan las
prcticas que el alumno debe realizar.
Fecha de Actualizacin 30/08/2013
Pgina 1
Prctica
CONFIGURAR UN SERVIDOR DE BASE DE

DATOS Y UN SERVIDOR WEB CON
SERVICIOS HTML Y FTP.
Observaciones: Esta prctica incluye a la Prctica #1 del temario de
Programacin Web, que dice Instalar y configurar base de datos, servidores
web y lenguajes de programacin del lado del servidor.
1.- OBJETIVO
El alumno configurara un servidor de base de datos y un servidor web con servicios html y ftp, que le
permitir realizar aplicaciones web las cuales se conecten al servidor de base de datos.
2.- MARCO TERICO
Un servidor web es un programa que se ejecuta continuamente en un ordenador mantenindose a la
espera de peticiones por parte de un cliente y que responde a estas peticiones adecuadamente,
mediante una pgina web que se exhibir en el navegador o mostrando el respectivo mensaje.
Un servidor web portable: es un servidor web portable, que puede ser instalado y utilizado desde
dispositivos como pueden ser tarjetas de memoria, USB, CD o DVD y hasta un e un disco duro. Por lo
tanto es ms fcil y cmoda su utilizacin.
Server 2go es un servidor web portable completamente funcional y transportable, que se puede
ejecutar desde un Cd o USB ya que se carga en memoria, por lo tanto puede ser llevado a cualquier
sitio y ejecutado desde all.
Las caractersticas que ofrece son:
Gratuito
Servidor basado en WAMP software combo (Windows, Apache, MySQL, PHP y Perl)
PHP 5 con muchas extensiones instaladas.
SQLite
MySQL 5
Perl 5.8
Funciona mediante la apertura del puerto 4001 del equipo local (http://127.0.0.1:4001.)
3.- MATERIAL, EQUIPO, REACTIVO o SOTFWARE A UTILIZAR
Computadora.
Servidor Server2go.
Memoria usb (porque se trabaja con software portable).
4.- COMPETENCIAS ESPECFICAS

Pgina 2

Para poder correr alguna aplicacin web necesitaremos antes instalar y configurar nuestro servidor web
portable en este caso usaremos el Server2go.
Procedimiento la instalacin y la configuracin del sever2go.
1. Antes de la instalacin
Primero es necesario tener en cuenta algunas consideraciones de instalacin, si quieres instalar el
Server2go en tu memoria tienes que tener memoria liberada de por lo menos 260 MB.
Despus ejecuta el programa para que se instale en tu memoria y puedas trabajar en tu computadora
con el Server2go.
Para instalar:
Entrar a la pgina www.server2go-web.de
Entrar al apartado de Downloads.
Escoger la opcin PHP 5.2.10, SQLITE, MYSQL 5.0.41 APACHE 2.0.63
Presionar el enlace de descarga
Descargarlo y guardarlo en tu memoria USB
Ya descargado hay que descomprimirlo en la USB en la carpeta con el nombre Server2GO
Dentro de esta carpeta hay un block de notas llamado pms_config en este hay que configurar
las siguientes lneas de cdigo:
;--- default temp directory is used
MirrorFolder=c:\MyS2GApp\Data\
Los cambios deben verse as:
;--- default temp directory is used
MirrorFolder=F:\MyS2GApp\Data\
memoria USB)
(dnde F es la unidad que reconoce la computadora para la
En la lnea:
;--- Commandline parameters (i.e. skip-innodb)
MySQLCmd=--skip-innodb
Los cambios son:
;--- Commandline parameters (i.e. skip-innodb)
;MySQLCmd=--skip-innodb
Y por ltimo en las lneas
;--- The port that should be used for MySQL. If empty the default mysql port is used
MySQLPort=7188
Y debe verse as:
;--- The port that should be used for MySQL. If empty the default mysql port is used
MySQLPort=
Guardar los cambios hechos en dicho bloc de notas y cerrar.

Cargar el servidor portable, es decir hacer clic en el icono con la siguiente figura:
Una vez cargado aparecer una pgina en el Internet Explorer con el nombre Server2Go
Selfconfigurating WAMP Stack, revise la pgina completa para cerciorarse que no hay ningn
problema con la carga del servidor.
Pgina 3
Abra el smbolo del sistema.
Cambie la unidad a la de USB.
Entre al directorio Server2Go.
Entre al subdirectorio con el mismo nombre.
Entre al directorio Server.
Cambi al directorio MySQL.
Cambie al directorio Bin.
Una vez en este directorio escriba mysql u root p y presione enter.
Cree la base de datos con sus tablas correspondientes.
Toda esta informacin ser guardada en su USB.
Ten mucho cuidado cuando instales server2go en una computadora que tenga instalado mysql
pues tu base de datos podra guardarse en la memoria de la computadora no en tu USB.
5. RESULTADOS
Instalacin y configuracin adecuada del servidor de base de datos y el servidor web.
Pgina 4
Pgina 5

6. CONCLUSIONES
El alumno aprender a instalar el servidor de base de datos y a configurarlo de forma adecuada, as
como tambin instala y configura un servidor web, para posteriormente probar sus programas.
7.- BIBLIOGRAFA
Michael Bowers.Pro CSS and HTML Design Patterns. Editorial Apress
Domine HTML Y DHTML 2 edicin. Jos Lpez Quijado. Editorial Alfaomega.
PHP 6 AND MYSQL 5. LARRY ULLMAN. Editorial Peachpit Press.
http://sentidoweb.com/2007/10/03/server2go-servidor-wamp-portable.php
http://www.visualbeta.es/7068/aplicaciones-web/server2go-un-servidor-webportable/
http://www.server2go-web.de/index.html
Pgina 6
Prctica
CONFIGURAR
WEB.
ADMINISTRAR
SITIOS
Observaciones: Esta prctica incluye a la Prctica #2 Y #3 del temario de

Programacin Web, que dice Instalar y configurar: editores de web para la
construccin, edicin de sitios y aplicaciones web. y Configurar y
administrar sitios web.
1.- OBJETIVO
El alumno aprender a configurar y administrar un Sitio Web Local utilizando el programa
DreamWeaver.
2.- MARCO TERICO
Un sitio web es un conjunto de archivos y carpetas, relacionados entre s, con un diseo similar o un
objetivo comn. Es necesario disear y planificar el sitio web antes de crear las pginas que va a
contener.
La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los documentos
HTML normalmente se crean dentro de dicha carpeta, mientras que para contener las imgenes, las
animaciones, archivos de tipos especfico, etc., se deben crear nuevas carpetas dentro de sta, con el
objetivo de tener una mejor organizacin de los archivos a la hora de trabajar. Esto es lo que se conoce
como sitio local.
Despus se podrn copiar los archivos en un servidor web, en el denominado sitio remoto, lo que
equivale a publicar el sitio, de modo que la gente podr verlo en Internet.
Por tanto, el sitio local y el sitio remoto tienen la misma estructura. El sitio local es la copia del sitio con
la que trabajaremos, y los cambios los actualizaremos en el sitio remoto.
La organizacin de los archivos en un sitio permite administrar y compartir archivos, mantener los
vnculos de forma automtica, utilizar FTP para cargar el sitio local en el servidor, etc.
La pgina inicial de nuestro sitio debe de tener el nombre index.htm o index.html, ya que cuando se
intenta acceder a una URL genrica, el servidor devuelve la pgina con ese nombre.
Computadora.
Editor de Pginas Web, Adobe DreamWeaver CS5.
Pgina 7

1.- Abra Dreamweaver CS5. De click en el botn Site y posteriormente seleccione New Site.
2.- Capture el nombre del sitio en Site Name y la ruta donde residen los archivos del mismo en Local
Site Folder.
Pgina 8
3.- De clic sobre la pestaa Servers del lado izquierdo y enseguida en el smbolo de ms +.
Pgina 9
4.- Capture los datos que se solicitan, considere:

Server Name: El nombre que desee ponerle
FTP Adress: El nombre de su dominio
Username: Su nombre de usuario
Password: Su contrasea
Root Directory (para servidores con Parallels Plesk): /httpdocs/
Root Directory (para servidores con cPanel): /public_html/
5.- De clic en la seccin More Options.
Pgina 10

6.- Seleccione los siguientes puntos:
Use Passive FTP: SI
Use FTP performance optimization: SI
7.- De clic en el botn Save.
8.- DreamWeaver mostrar un mensaje de que la conexin ha sido a exitosa.
Pgina 11

5. RESULTADOS
Configurar exitosamente el Sitio Web, para poder realizar las pruebas posteriormente.
6. CONCLUSIONES
El alumno aprender a preparar y configurar el Sitio Web de forma local utilizando DreamWeaver.
7.- BIBLIOGRAFA
Michael Bowers. Pro CSS and HTML Design Patterns. Editorial Apress
Olivier HEURTEL. PHP 5.3 Desarrollar un Sitio Web dinmico e interactivo. Editorial ENI.
Pgina 12
Prctica
VERIFICAR
COMPATIBILIDAD
DEL
CDIGO Y COMPROBAR CUMPLIMIENTO
DE LOS ESTNDARES INTERNACIONALES
DE LAS APLICACIONES WEB.
Observaciones: Esta prctica incluye a la Prctica #4 y #5 del temario de
Programacin Web, que dice Ejecutar los programas realizados en clase en
diferentes navegadores para verificar la compatibilidad del cdigo y
Comprobar el cumplimiento de los estndares internacionales de las
aplicaciones web.
1.- OBJETIVO
El alumno aprender a comprobar la compatibilidad de cdigo y cumplimientos de los estndares
internacionales de todas sus pginas web realizadas.
2.- MARCO TERICO
Qu es la compatibilidad web?
Que una web sea compatible con todos los navegadores significa que se vea igual (o muy similar) en
todos ellos. Esto es bastante complicado, podremos estar satisfechos si conseguimos que se vea igual
de bien en los ms importantes navegadores, como Explorer, Firefox, Chrome, Opera, Safari y Mozilla.
El problema radica en que no todos los navegadores interpretan en cdigo HTML y CSS de la misma
manera, entre ellos existen pequeas variaciones que son las que hacen que el resultado no sea el
mismo de unos a otros. Algunas de esas diferencias son tan importantes que pueden hacer que partes
de tu web no funcionen o no se vean, y como el propsito de hacer una web es que la vea el mayor
nmero de personas (y que stas la vean correctamente), es muy importante que la web funcione en el
mayor nmero de navegadores posibles.
Por tanto, a la hora de hacer una pgina web no es suficiente centrarse en la audiencia adecuada,
registrar un nombre de dominio o tener un diseo agradable al usuario. Todo esto puede verse
ensombrecido si un usuario no ve la pgina correctamente al entrar con un navegador que no has
tenido en cuenta al crearla.
Mejorar la compatibilidad con navegadores
Validar el cdigo de tu web en base a los estndares del W3C es un buen hbito que conviene
practicar. Bsicamente consiste en escanear t web en busca de errores de programacin para una vez
detectados poder corregirlos. Adems, aparte de detectar errores de codificacin te proporciona una
breve explicacin del error, por lo que aprenders cosas nuevas validando tu web. Tener una pgina sin
errores es importante porque maximiza la compatibilidad entre navegadores al mismo tiempo que te
asegura que tu cdigo siga valiendo para futuras revisiones de HTML, CSS, etc.
Pgina 13
Tmate tu tiempo para validar el cdigo CSS de tu web. Eso har que te sea ms fcil conseguir que tu
sitio se vea igual en los distintos navegadores ya que har que tengas un cdigo ms limpio y sobre
todo sin errores.
Para validar tu CSS lo mejor es usar las herramientas disponibles, ya que si te propones hacerlo
manualmente la tarea ser difcil y larga. Adems, es muy sencillo que se te pasen errores, mientras
que usando herramientas online no ocurrir. El validador de CSS del W3C es la mejor opcin para ello,
ya que esta entidad es la que se encarga de crear los estndares de la web.
Computadora.
Internet indispensable.
Introducir en a la barra de direcciones de un navegador web el siguiente link:
http://validator.w3.org/
Aparecer la siguiente pgina:
Introducir en la barra de direcciones la URL de tu pgina que deseas validar.
Dar clic sobre el botn comprobar.
5. RESULTADOS
Los resultados esperados son la validacin de las pginas web, para garantizar la compatibilidad con
los navegadores ms utilizados.
Pgina 14

6. CONCLUSIONES
El alumno aprender utilizar los programas en lnea para comprobar la compatibilidad de las pginas
web creadas con los navegadores ms populares.
7.- BIBLIOGRAFA
Pgina 15
Prctica
REALIZAR PROGRAMAS EN LENGUAJE

HTML SIN UTILIZAR HOJAS DE ESTILO.
Observaciones: Esta prctica incluye la Prctica #6 y #7 del temario de
Programacin Web, que dice Realizar programas donde no se haga el uso de
archivos CSS Y Modificar los programas elaborados y aadirle hojas de
estilos externas.
1.- OBJETIVO
Comprender la diferencia entre utilizar hojas de estilo y no utilizarlas en un programa realizado en
lenguaje HTML.
2.- MARCO TERICO
Lenguaje HTML
Las pginas HTML se dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye informacin
sobre la propia pgina, como por ejemplo su ttulo y su idioma. El cuerpo de la pgina incluye todos sus
contenidos, como prrafos de texto e imgenes.
El cuerpo (llamado body en ingls) contiene todo lo que el usuario ve en su pantalla y la cabecera
(llamada head en ingls) contiene todo lo que no se ve (con la nica excepcin del ttulo de la pgina,
que los navegadores muestran como ttulo de sus ventanas).
A continuacin se muestra el cdigo HTML de una pgina web muy sencilla:<html>
<head>
<title>El primer documento HTML</title>
</head>
<body>
<p>El lenguaje HTML es <strong>tan sencillo</strong> que prcticamente se entiende sin estudiar el
significado de sus etiquetas principales.</p>
</body>
</html>
Pgina 16

El lenguaje HTML est limitado a la hora de aplicarle forma a un documento. Esto es as porque fue
concebido para otros usos (cientficos sobre todo), distinto a los actuales, mucho ms amplios.
Para solucionar estos problemas los diseadores han utilizado tcnicas tales como la utilizacin de
tablas imgenes transparentes para ajustarlas, utilizacin de etiquetas que no son estndares del
HTML y otras. Estas "trampas" han causado a menudo problemas en las pginas a la hora de su
visualizacin en distintas plataformas.
Adems, los diseadores se han visto frustrados por la dificultad con la que, aun utilizando estos trucos,
se encontraban a la hora de maquetar las pginas, ya que muchos de ellos venan maquetando
pginas sobre el papel, donde el control sobre la forma del documento es absoluto.
Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnologa consiste en que
las pginas web tienen mezclado en su cdigo HTML el contenido del documento con las etiquetas
necesarias para darle forma. Esto tiene sus inconvenientes ya que la lectura del cdigo HTML se hace
pesada y difcil a la hora de buscar errores o depurar las pginas. Aunque, desde el punto de vista de la
riqueza de la informacin y la utilidad de las pginas a la hora de almacenar su contenido, es un gran
problema que estos textos estn mezclados con etiquetas incrustadas para dar forma a estos: se
degrada su utilidad.
El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis especial, la forma de
presentacin que le aplicaremos a:
Un web entero, de modo que se puede definir la forma de todo el web de una sola vez.
Un documento HTML o pgina, se puede definir la forma, en un pequeo trozo de cdigo en la

cabecera, a toda la pgina.
Una porcin del documento, aplicando estilos visibles en un trozo de la pgina.
Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes para una
sola etiqueta. Esto es muy importante ya que ofrece potencia en nuestra programacin.
Podemos definir, por ejemplo, varios tipos de prrafos: en rojo, en azul, con mrgenes, sin
ellos...
La potencia de la tecnologa salta a la vista. Pero no solo se queda aqu, ya que adems esta sintaxis
CSS permite aplicar al documento formato de modo mucho ms exacto. Si antes el HTML se nos
quedaba corto para maquetar las pginas y tenamos que utilizar trucos para conseguir nuestros
efectos, ahora tenemos muchas ms herramientas que nos permiten definir esta forma:
Podemos definir la distancia entre lneas del documento.
Se puede aplicar identado a las primeras lneas del prrafo.
Podemos colocar elementos en la pgina con mayor precisin, y sin lugar a errores.
Y mucho ms, como definir la visibilidad de los elementos, mrgenes, subrayados, tachados...
Navegadores que lo soportan

Esta tecnologa es bastante nueva, por lo que no todos los navegadores la soportan. En concreto, slo
los navegadores de Netscape versiones de la 4 en adelante y de Microsoft a partir de la versin 3 son
capaces de comprender los estilos en sintaxis CSS. Adems cabe destacar que no todos los
navegadores implementan las mismas funciones de hojas de estilos, por ejemplo, Microsoft Internet
Explorer 3 no soporta todo lo relativo a capas.
Pgina 17

Esto quiere decir que debemos de usar esta tecnologa con cuidado, ya que muchos usuarios no
podrn ver los formatos que apliquemos a las pginas con CSS. As pues, utilizad las hojas de estilos
cuando estas no vayan a suponer un problema.
Vamos ahora a describir los diferentes usos de las CSS introducidos en el anterior captulo. Vamos por
orden, describiendo los puntos segn su dificultad e importancia.
Existen dos opciones para incluir CSS en un documento HTML.
1. Incluir CSS en el mismo documento HTML
Los estilos se definen en una zona especfica del propio documento HTML. Se emplea la etiqueta
<style> de HTML y solamente se pueden incluir en la cabecera del documento (slo dentro de la
seccin <head>).
Ejemplo:
<html>
<head>
<title>Ejemplo de estilos CSS en el propio documento</title>
<style type="text/css">
p { color: red; font-family: Verdana; }
</style>
</head>
<body>
<p>Un prrafo de texto.</p>
</body>
</html>
Este mtodo se emplea cuando se define un nmero pequeo de estilos o cuando se quieren incluir
estilos especficos en una determinada pgina HTML que completen los estilos que se incluyen por
defecto en todas las pginas del sitio web.
2. Definir CSS en un archivo externo

En este caso, todos los estilos CSS se incluyen en un archivo de tipo CSS que las pginas HTML
enlazan mediante la etiqueta <link>. Un archivo de tipo CSS no es ms que un archivo simple de texto
cuya extensin es .css.
Pgina 18
Normalmente, la etiqueta <link> incluye cuatro atributos.
rel: indica el tipo de relacin que tiene el recurso enlazado (en este caso, el archivo CSS) y la
pgina HTML. Para los archivos CSS, siempre se utiliza el valor stylesheet.
type: indica el tipo de recurso enlazado. Sus valores estn estandarizados y para los archivos
CSS su valor siempre es text/css.
href: indica la URL del archivo CSS que contiene los estilos.
media: indica el medio en el que se van a aplicar los estilos del archivo CSS.
Ejemplo:
<html >
<head>
<title>Ejemplo de estilos CSS en un archivo externo</title>
<link href="estilos.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<p>Un prrafo de texto.</p>
</body>
</html>
Podemos definir, en la cabecera del documento, estilos para que sean aplicados a toda la pgina. Es
una manera muy cmoda de darle forma al documento y muy potente, ya que estos estilos sern
seguidos en toda la pgina y nos ahorraremos as muchas etiquetas HTML que apliquen forma al
documento. Adems, si deseamos cambiar los estilos de la pgina lo haremos de una sola vez.
CSS define una serie de trminos que permiten describir cada una de las partes que componen los
estilos CSS. El siguiente esquema muestra las partes que forman un estilo CSS muy bsico:
Regla: cada uno de los estilos que componen una hoja de estilos CSS. Cada regla est compuesta de
una parte de "selectores", un smbolo de "llave de apertura" ({), otra parte denominada "declaracin" y
por ltimo, un smbolo de "llave de cierre" (}).
Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS.
Declaracin: especifica los estilos que se aplican a los elementos. Est compuesta por una o ms
propiedades CSS.
Propiedad: permite modificar el aspecto de una caracterstica del elemento.
Valor: indica el nuevo valor de la caracterstica modificada en el elemento.
Computadora.
Editor de Pginas Web, Adobe DreamWeaver CS5.
Pgina 19
Realizar los programas en lenguaje html solicitados por el profesor, los cuales no incluirn hojas
de estilo.
Realizar los programas en lenguajes html que incluyan archivo externo con hojas de estilo.
5. RESULTADOS
Programas realizados en lenguaje html, sin utilizar hojas de estilo y posteriormente utilizando hojas de
estilo para comprender la diferencia.
6. CONCLUSIONES
El alumno aprender a realizar programas en el lenguaje html sin incluir hojas de estilo en el
documento, adems de que aprender como incluir un archivo externo con hojas es estilo.
7.- BIBLIOGRAFA
Michael Bowers. Pro CSS and HTML Design Patterns. Editorial Apress
Herrera, Emmanuel. Arrancar con HTML 5. Editorial Alfaomega.
http://librosweb.es/libros/
Pgina 20
Prctica
REALIZAR
PROGRAMAS
UTILIZANDO
CONTROLES DE FORMULARIO.
Observaciones: Esta prctica incluye a la Prctica #1 del temario de
Programacin Web, que dice Realizar programas en donde se haga el uso de
los controles y modifiquen sus propiedades. y Realizar programas en
donde se haga el uso de paso de parmetros entre pginas web. Y Realizar
programas en donde se le aplique estilos a los diferentes controles de los
formularios.
1.- OBJETIVO
El alumno realizara ejemplos prcticos, que le permitan realizar aplicaciones del lado del servidor.
2.- MARCO TERICO
Un servidor web es un programa que se ejecuta continuamente en un ordenador mantenindose a la
espera de peticiones por parte de un cliente y que responde a estas peticiones adecuadamente,
mediante una pgina web que se exhibir en el navegador o mostrando el respectivo mensaje.
Un servidor web portable: es un servidor web portable, que puede ser instalado y utilizado desde
dispositivos como pueden ser tarjetas de memoria, USB, CD o DVD y hasta un e un disco duro. Por lo
tanto es ms fcil y cmoda su utilizacin.
Server 2go es un servidor web portable completamente funcional y transportable, que se puede
ejecutar desde un Cd o USB ya que se carga en memoria, por lo tanto puede ser llevado a cualquier
sitio y ejecutado desde all.
Las caractersticas que ofrece son:
Gratuito
Servidor basado en WAMP software combo (Windows, Apache, MySQL, PHP y Perl)
PHP 5 con muchas extensiones instaladas.
SQLite
MySQL 5
Perl 5.8
Funciona mediante la apertura del puerto 4001 del equipo local (http://127.0.0.1:4001.)

Computadora.
Editor Adobre DreamWeaver CS5.
Pgina 21

El alumno capturara los siguientes programas:
<?php
/* foreach ejemplo 1: slo valor*/
$a = array(1, 2, 3, 17);
foreach($a as $v) {
print "Valor actual de \$a: $v.\n";
}
/* foreach ejemplo 2: valor (con clave impresa para ilustrar) */
$a = array(1, 2, 3, 17);
$i = 0; /* slo para propsitos demostrativos */
foreach($a as $v) {
print "\$a[$i] => $k.\n";
}
/* foreach ejemplo 3: clave y valor */
$a = array(
"uno" => 1,
"dos" => 2,
"tres" => 3,
"diecisiete" => 17
);
foreach($a as $k => $v) {print "\$a[$k] => $v.\n";}
?>
Pgina 22

<?php
$opc=4;
switch($opc)
{
case 1:
echo "Elegiste la opcin 1";
break;
case 2:
break;
case 3:
break;
case 4:
break;
case 5:
break;
default:
echo "Opcin no valida y es por eso que me imprim";
}
?>
<?php
Pgina 23

function suma($a,$b,$c)
{
$c=$a+$b;
}
$valor1=33;
$valor2=21;
$res=0;
suma($valor1,$valor2,$res);
echo "La suma es ".$res
?>
<?php
function AgregarTexto(&$string)
{
$string .= " y algo ms";
}
$str = "Esto es una cadena, ";
AgregarTexto ($str);
echo $str;
?>
Pgina 24
<?php
function AgregarTexto ($bar)
{
$bar .= " y algo ms.";
}
$str = "Esto es una cadena, ";
foo ($str);
echo $str;
foo (&$str);
echo $str;
?>
<?php
function makecoffee ($type = "cappucino")
{
return "Hacer una taza de $type.\n";
}
echo makecoffee ();
echo makecoffee ("espresso");
?>
<?php
function makeyogurt ($type = "acidophilus", $flavour)
{
return "Haciendo un bol de $type $flavour.\n";
}
echo makeyogurt ("mora"); // No funcionar de la manera esperada
?>
Pgina 25
<?php
function Opcionales ($flavour, $type = "del tio Lee")
{
return "Cuarto cafesito ".$type. " ".$flavour. "<br>";
}
echo Opcionales ("en la segunda estacion");
echo Opcionales ("en la segunda estacion","de la tia Agata");
?>
Pgina 26
<html>
<head>
<title>Documento sin título</title>
</head>
<body>
<form name="form1" method="post" action="">
Nombre: <input type="text" name="textfield"> <br>
Apellido Paterno <input type="text" name="textfield2"> <br>
Apellido Materno <input type="text" name="textfield3"> <br>
<br>
Edad
<select name="select">
<option value="19">19</option>
</select>
Pgina 27

<br>
Color Favorito <br>
<input name="radiobutton" type="radio" value="radiobutton"> Negro<br>
<input name="radiobutton" type="radio" value="radiobutton"> Blanco<br>
<input name="radiobutton" type="radio" value="radiobutton">Azul<br>
<input name="radiobutton" type="radio" value="radiobutton">Verde<br>
<input name="radiobutton" type="radio" value="radiobutton">Amarillo<br>
<input name="radiobutton" type="radio" value="radiobutton">Rosa<br>
<input name="radiobutton" type="radio" value="radiobutton">Rojo<br>
<input name="radiobutton" type="radio" value="radiobutton">Gris
</form>
</body>
</html>
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!-.Estilo1 {color: #000000}
-->
</style>
</head>
<body>
<form name="form1" method="post" action="datos.php">
<p>nombre
<input name="nombre" type="text" id="nombre">
</p>
<p>Apellido Paterno
<input name="ap" type="text" id="ap">
</p>
<p>Apellido Materno
<input name="am" type="text" id="am">
Pgina 28

</p>
<p>Edad
<select name="edad" id="edad">
</select>
</p>
<p>Sexo: F
<input name="sexo" type="radio" value="F">
M
<input name="sexo" type="radio" value="M">
</p>
<p>Color Favorito:</p>
<p class="Estilo1">
<input name="color" type="radio" value="#FF0000">
Rojo <br>
<input name="color" type="radio" value="#FFFF00">
Amarillo <br>
<input name="color" type="radio" value="#0066FF">
Azul <br>
<input name="color" type="radio" value="#996633">
Cafe <br>
<input name="color" type="radio" value="#99FF66">
Verde <br>
<input name="color" type="radio" value="#FF99FF">
Rosa <br>
<input name="color" type="radio" value="#000000">
Negro <br>
<input name="color" type="radio" value="#FFFFFF">
Blanco</p>
<p>Carrera de Interes </p>
<p>
<input name="carrera[]" type="checkbox" id="carrera[]" value="isc">
Ing. en Sistemas Computacionales <br>
<input name="carrera[]" type="checkbox" id="carrera[]" value="ie">
Ing. Electromecánica
<br>
<input name="carrera[]" type="checkbox" id="carrera[]" value="ii">
Ing. Industrial
<br>
<input name="carrera[]" type="checkbox" id="carrera[]" value="lc">
Lic. en Contadiría <br>
</p>
<p>
Pgina 29

<input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html>
5. RESULTADOS
Programas con diferentes elementos de un formulario web.
6. CONCLUSIONES
El alumno aprender a trabajar con elementos de un formulario web.
7.- BIBLIOGRAFA
Pablo N. Guillermo SOM. ASP.NET con C#. Editorial ENI.
Pgina 30
Prctica
REALIZAR PROGRAMAS DEL LADO DEL

CLIENTE y PROTOTIPOS DE PROYECTOS
WEB COMPLETOS.
Observaciones: Esta prctica incluye la Prctica #11, #12, #13 y #14 del temario
de Programacin Web, que dice Realizar programas en donde se haga el uso
de cuadros de lista dependientes, como por ejemplo: pases y estados.
Realizar programas donde se manipulen los controles a travs del lenguaje
de programacin del lado cliente. Realizar prototipos de proyectos web
completos. Realizar programas en donde se lleve a cabo la validacin de
entrada de datos desde el lado del cliente y el lado servidor.
1.- OBJETIVO
Implementar una aplicacin que procese formularios cuyos datos sean validados del lado del cliente y
realice modificaciones a la base de datos.
2.- MARCO TERICO
Microsoft Visual Studio es un entorno de desarrollo integrado (IDE, por sus siglas en ingls) para
sistemas operativos Windows. Soporta varios lenguajes de programacin tales como Visual C++, Visual
C#, Visual J#, ASP.NET y Visual Basic .NET, aunque actualmente se han desarrollado las extensiones
necesarias para muchos otros.
Visual Studio permite a los desarrolladores crear aplicaciones, sitios y aplicaciones web, as como
servicios web en cualquier entorno que soporte la plataforma .NET (a partir de la versin net 2002). As
se pueden crear aplicaciones que se intercomuniquen entre estaciones de trabajo, pginas web y
dispositivos mviles.
Computadora.
Visual Studio 2008.
El alumno realizara los formularios que se requieran para su proyecto final.
Pgina 31
En esta pgina de cargaran las paginas siguientes las que se ocuparan en todo el sistema
Pgina de altas de contrato de tomas
Esta imagen muestra cmo se guardaron correctamente los datos en la tabla contrato_toma
Pgina 32
Esta imagen muestra una consulta general de la tabla contrato_toma
Pgina 33
Esta imagen es de bajas de contrato_tomas
Imagen de la interfaz de modificaciones contrato_toma
Pgina 34
Esta imagen muestra la interfaz de la altas de usuarios
Cdigo fuente
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
namespace comision1
{
public partial class Identificacion : Form
{
public Identificacion()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)

{
Pgina 35
}
private void button1_Click(object sender, EventArgs e)
{
frmMenu obj = new frmMenu();
obj.Show();
}
{
this.Close();
}
}
}
using System;
using System.Data;
using System.Text;
namespace comision1
{
public partial class frmMenu : Form
{
public frmMenu()
{
}
frmAltasToma obj;
frmConsultaToma obj1;
frmBajacontra obj2;
frmModificaToma obj3;
frmAltaUsuario obj4;
private void altasToolStripMenuItem_Click(object sender, EventArgs e)
{
obj = new frmAltasToma();
obj.MdiParent = this;
obj.Show();
}
{
}
Pgina 36
private void bajasToolStripMenuItem_Click(object sender, EventArgs e)

{
obj2 = new frmBajacontra();
obj2.MdiParent = this;
obj2.Show();
}
private void consultasToolStripMenuItem_Click(object sender,EventArgs e)
{
obj1=new frmConsultaToma();
obj1.Show();
}
private void modificacionesToolStripMenuItem_Click(object sender, EventArgs e)
{
obj3 = new frmModificaToma();
obj3.Show();
}
private void altasToolStripMenuItem1_Click(object sender, EventArgs e)
{
obj4 = new frmAltaUsuario();
obj4.Show();
}
}
}
using System;
using System.Data;
using System.Text;
using System.Data.SqlClient;
namespace comision1
{
public partial class frmAltasToma : Form
{
public frmAltasToma()
{
Pgina 37
}
string cad = "Data Source=COLOSSUS; Initial Catalog=Comision; Data Source=(local);Integrated
Security=SSPI";
SqlConnection conexion;
private void frmAltasToma_Load(object sender, EventArgs e)

{
try
{
conexion = new SqlConnection(cad);
conexion.Open();
}
catch (Exception ex)
{
MessageBox.Show("Error en la conexin");
}
}
private void btnGuardar_Click(object sender, EventArgs e)

{
int max = 0;
bool continua;
try
{
string sql1 = "select max(No_toma) from Contrato_toma";
SqlCommand comando = new SqlCommand(sql1, conexion);
max = Convert.ToInt32(comando.ExecuteScalar());
continua = true;
comando = null;
}
{
MessageBox.Show("Error en el incremento: " + ex.Message);
continua = false;
}
if (continua == true)
{
try
Pgina 38
{
max++;
string SQL2 = "Insert into
Contrato_toma(No_toma,Nom_titular,Ap_p,AP_m,Calle,No_casa,Fecha,Costo) values (" + max + "," +
"'" + txtNomTitular.Text + "' ," +
"'" + txtApP.Text + "' ," +
"'" + txtApM.Text + "' ," +
"'" + txtCalle.Text + "' ," +
" " + txtNo.Text + " ," +
" '" + dtpFecha.Text + "' ," +
" "+ txtCosto.Text+")";
SqlCommand comando = new SqlCommand(SQL2, conexion);
comando.ExecuteNonQuery();
comando = null;
MessageBox.Show("Datos ingresados exitosamente");
}
{
MessageBox.Show("Error en la insercin: " + ex.Message);
}
}
}
private void frmAltasToma_FormClosed(object sender, FormClosedEventArgs e)
{
conexion.Close();
}
}
}
using System;
using System;
using System.Data;
using System.Text;
namespace comision1
{
public partial class frmAltaUsuario : Form
{
Pgina 39

public frmAltaUsuario()
{
}
Security=SSPI";
private void btnGuardar_Click(object sender, EventArgs e)
{
}
private void btnConectar_Click(object sender, EventArgs e)
{
try
{
conexion.Open();
MessageBox.Show("Conexin Abierta");
}
{
}
}
using System;
using System.Data;
using System.Text;
namespace comision1
{
public partial class frmConsultaToma : Form
{
public frmConsultaToma()
{
}
Security=SSPI";
Pgina 40
private void btnConectar_Click(object sender, EventArgs e)

{
try
{
conexion.Open();
MessageBox.Show("Conexin Abierta");
}
{
}
}
private void frmConsultaToma_Load(object sender, EventArgs e)
{
}
private void btnDesconectar_Click(object sender, EventArgs e)
{
try
{
conexion.Close();
conexion = null;
}
{
}
}
SqlDataAdapter adaptador;
DataSet ds;
private void btnMostrar_Click(object sender, EventArgs e)
{
try
{
string sql = "select * from Contrato_toma";
adaptador = new SqlDataAdapter(sql, conexion);
ds = new DataSet();
SqlCommandBuilder builder = new SqlCommandBuilder(adaptador);
adaptador.DeleteCommand = builder.GetDeleteCommand();
adaptador.UpdateCommand = builder.GetUpdateCommand();
adaptador.InsertCommand = builder.GetInsertCommand();
Pgina 41

//SqlDataAdapter adaptador2=new SqlDataAdapter
adaptador.Fill(ds, "tabla1");
//adaptador2.Fill(ds,"tabla2");
dgLista.DataSource = ds.Tables[0]; // un data grid es un contenedor de tablas
}
{
MessageBox.Show("Error en la consulta");
}
}
private void dgLista_CellContentClick(object sender, DataGridViewCellEventArgs e)
{
}
}
}
5. RESULTADOS
Programas donde se manipulan los controles a travs del lenguaje de programacin del lado cliente.
6. CONCLUSIONES
El alumno realizara las interfaces de su sitio web completo.
7.- BIBLIOGRAFA
Jesse Liberty & Dan Hurwitz. Programming ASP.NET. Editorial Oreily
Jos Manuel Alarcn Agun. Programacin Web con Visual Studio y ASP.NET 2.0. Editorial
Krasis Press.
Pgina 42
Prctica
REALIZAR PROGRAMAS EN DONDE SE

IMPLEMENTEN
MECANISMOS
DE
SEGURIDAD PARA EL ACCESO DE
INFORMACIN.
Observaciones: Esta prctica incluye la Prctica #15, #16 y #17 del temario de
Programacin Web, que dice Realizar programas en donde se implementen
mecanismos de seguridad para el acceso de informacin.
Realizar programas en donde se elabore una agenda con conexin a base de
datos y archivos de texto. Y Realizar el programa anterior en otro lenguaje de
programacin web para su evaluacin.
1.- OBJETIVO
Post procesar XML usando un lenguaje Script del lado del cliente
2.- MARCO TERICO
C (pronunciado si sharp en ingls) es un lenguaje de programacin orientado a objetos desarrollado y
estandarizado por Microsoft como parte de su plataforma .NET, que despus fue aprobado como un
estndar por la ECMA e ISO.
Su sintaxis bsica deriva de C/C++ y utiliza el modelo de objetos de la plataforma.NET el cual es similar
al de Java aunque incluye mejoras derivadas de otros lenguajes (entre ellos Delphi).
La creacin del nombre del lenguaje, C, proviene de dibujar dos signos positivos encima de los dos
signos positivos de "C++", queriendo dar una imagen de salto evolutivo del mismo modo que ocurri
con el paso de C a C++.
Microsoft SQL Server 7.0 constituye un lanzamiento determinante para los productos de bases de datos
de Microsoft, continuando con la base slida establecida por SQL Server 6.5. Como la mejor base de
datos para Windows NT, SQL Server es el RDBMS de eleccin para una amplia gama de clientes
corporativos y Proveedores Independientes de Software (ISVs) que construyen aplicaciones de
negocios. Las necesidades y requerimientos de los clientes han llevado a la creacin de innovaciones
de producto significativas para facilitar la utilizacin, escalabilidad, confiabilidad y almacenamiento de
datos.
Computadora.
Visual Studio 2008.
Pgina 43

Utilizamos esta parte del cdigo para seleccionar la base de datos a la que queremos conectarnos con
una lista desplegable con la siguiente sentencia.
private void btnConectar_Click(object sender, EventArgs e) {
sCnn = "Server=" + cboInstancias.Text + "; " + "database=" + cboBases.Text + "; integrated
security=yes";
SqlConnection cnn = new SqlConnection(sCnn);
if( existeTabla(cnn, "libro") == false ){
if( MessageBox.Show("NO existe la tabla Prueba, que es la usada para este ejemplo.\n" +
"Quieres crearla?", "No existe la tabla", MessageBoxButtons.YesNo) == DialogResult.Yes )

{
if( crearTablaPrueba() == false ){
return;
}
}
else{
return;
}
}
En esta parte del cdigo nos muestra los datos que insertamos en la base de datos y tenemos las
opciones de actualizar, eliminar e insertar un nuevo libro.
Pgina 44
using System;
Pgina 45

usingSystem.Collections.Generic;
using System.Data;
using System.Linq;
using System.Text;
namespace BibliotecaJoseSSerna
{
public partial class Form1 : Form
{
//SqlConnection cnn;
public Form1()
{
}
string sCnn;
{
if (this.usuario.Text == "")
{
MessageBox.Show("No inserto el Nombre de Usuario", "Datos en blanco",
MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
this.usuario.Focus();
}
if (this.contrasena.Text == "")
{
MessageBox.Show("No inserto la Contrasea", "Datos en blanco",
this.contrasena.Focus();
}
if (usuario.Text == "biblioteca" && contrasena.Text == "josesserna")
{
sCnn = "data source=192.168.1.1; initial catalog=biblioteca; user id=irma;
password=mariana";
SqlConnection cnn = new SqlConnection(sCnn);
MessageBox.Show("Conexin al Servidor Exitosa", "Conexin",
MessageBoxButtons.OK, MessageBoxIcon.Asterisk);
Form2 formulariosig = new Form2();
this.Hide();
Pgina 46
formulariosig.ShowDialog(this);
}
else
{
MessageBox.Show("El Nombre de Usuario o la Contrasea\nNo existen en
el Sistema", "Cuenta Usuario", MessageBoxButtons.OK, MessageBoxIcon.Error);
}
}
{
}
private void usuario_TextChanged(object sender, EventArgs e)
{
if (this.usuario.Text == "")
{
MessageBox.Show("No se contiene datos", "Datos en blanco",
this.usuario.Focus();
}
}
private void dateTimePicker1_ValueChanged(object sender, EventArgs e)
{
}
}
}
Pgina 47

{
try
{
string sql2 = "insert into libro values (" + "'" + isbn.Text + "'," + "'" + titulo.Text + "'," + "'" +
smd.Text + "'," + "'" + charola.Text + "'," + "'" + anden.Text + "'," + "'" + edicion.Text + "')";
SqlCommand comando2 = new SqlCommand(sql2, cnn);
comando2.ExecuteNonQuery();
MessageBox.Show("El registro fue insertado Exitosamente", "Registro",
MessageBoxButtons.OK, MessageBoxIcon.Information);
isbn.Text = ""; titulo.Text = ""; smd.Text = ""; charola.Text = ""; anden.Text = ""; edicion.Text =
"";
//btnConectar_Click(sender, e);
}
{
MessageBox.Show("Error en el registro\n " + ex.Message, "Error", MessageBoxButtons.OK,
MessageBoxIcon.Error);
}
}
Pgina 48
string query = "select *,CONVERT (INT,(DATEDIFF (dd,fecha_de_nac, GETDATE())-DATEDIFF (yy,

fecha_de_nac, GETDATE()) / 4.25) / 365) FROM beneficiario where ap_paterno='" + textBox1.Text + "'
AND ap_materno='" + textBox2.Text + "' AND nombre='" + textBox3.Text + "' OR id_beneficiario='" +
textBox4.Text + "'";
comando = new SqlCommand(query, cnn);
reader_p = comando.ExecuteReader();
while (reader_p.Read())
{
label5.Text = "Nombre: " + Convert.ToString(reader_p[1]) + " " +
Convert.ToString(reader_p[2]) + " " + Convert.ToString(reader_p[3]);
label6.Text = "Matricula: " + Convert.ToString(reader_p[0]) + " Edad: " +
Convert.ToString(reader_p[21]) + " aos Sexo: " + Convert.ToString(reader_p[4]);
label7.Text = "Telfono: " + Convert.ToString(reader_p[11]) + " Ocupacin: " +
Convert.ToString(reader_p[12]);
label9.Text = "Calle: " + Convert.ToString(reader_p[8]) + " No. Ext " +
Convert.ToString(reader_p[9])+" No. Int "+ Convert.ToString(reader_p[10]);
label10.Text = "Poblacin: " + Convert.ToString(reader_p[6]) + " Cdigo Postal: " +
Convert.ToString(reader_p[7]);
}
reader_p.Close();
Pgina 49
5. RESULTADOS
Como resultado el alumno presenta el avance de su proyecto final.
6. CONCLUSIONES
El alumno realizara las interfaces de su sitio web completo.
7.- BIBLIOGRAFA
Jos Manuel Alarcn Agun. Programacin Web con Visual Studio y ASP.NET 2.0. Editorial
Krasis Press.
http://www.desarrolloweb.com
Pgina 50

8.- LISTA DE MATERIAL, EQUIPO O REACTIVO A UTILIZAR
FOLI
O
NOMBRE DEL MATERIAL, EQUIPO O REACTIVO
Programa Visual Studio 2008.
Adobre DreamWeaver CS5
CANT.
UNIDAD
9.- LISTA DE BIBLIOGRAFA REQUERIDA

FOLI
O
BIBLIOGRAFIA
Olivier HEURTEL. PHP 5.3 Desarrollar un Sitio Web dinmico e interactivo.

Editorial ENI.
Jos Manuel Alarcn Agun. Programacin Web con Visual Studio y ASP.NET
2.0. Editorial Krasis Press.
CANT
Pgina 51
Inteligencia artificial [SCB-0416]
Estructura de Datos [SCC-0408]
10.- CONTROL DE CAMBIOS DEL MANUAL DE PRCTICAS
DATOS GENERALES
FECHA DE
ACTUALIZAC
ION
30/08/2013
ELABOR Y/O
ACTUALIZ
DESCRIPCIN DE LA ACTUALIZACIN
LIC. YESENIA PREZ REYES
Pgina 52

45 M

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

45 M

Uploaded by

Copyright:

Available Formats

MANUAL DE

Programacin Web [AEB-1055]

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

CONFIGURAR UN SERVIDOR DE BASE DE

4.- COMPETENCIAS ESPECFICAS

Programacin Web [AEB-1055]

(dnde F es la unidad que reconoce la computadora para la

Guardar los cambios hechos en dicho bloc de notas y cerrar.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Abra el smbolo del sistema.

Cambie la unidad a la de USB.

Entre al directorio Server2Go.

Entre al subdirectorio con el mismo nombre.

Entre al directorio Server.

Cambi al directorio MySQL.

Cambie al directorio Bin.

Una vez en este directorio escriba mysql u root p y presione enter.

Cree la base de datos con sus tablas correspondientes.

Toda esta informacin ser guardada en su USB.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Michael Bowers.Pro CSS and HTML Design Patterns. Editorial Apress

Domine HTML Y DHTML 2 edicin. Jos Lpez Quijado. Editorial Alfaomega.

PHP 6 AND MYSQL 5. LARRY ULLMAN. Editorial Peachpit Press.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Observaciones: Esta prctica incluye a la Prctica #2 Y #3 del temario de

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

4.- COMPETENCIAS ESPECFICAS

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

4.- Capture los datos que se solicitan, considere:

5.- De clic en la seccin More Options.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Use Passive FTP: SI

Use FTP performance optimization: SI

7.- De clic en el botn Save.

8.- DreamWeaver mostrar un mensaje de que la conexin ha sido a exitosa.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Programacin Web [AEB-1055]

Introducir en a la barra de direcciones de un navegador web el siguiente link:

Aparecer la siguiente pgina:

Introducir en la barra de direcciones la URL de tu pgina que deseas validar.

Dar clic sobre el botn comprobar.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

Michael Bowers.Pro CSS and HTML Design Patterns. Editorial Apress

Domine HTML Y DHTML 2 edicin. Jos Lpez Quijado. Editorial Alfaomega.

Fecha de Actualizacin 30/08/2013

Programacin Web [AEB-1055]

REALIZAR PROGRAMAS EN LENGUAJE

Fecha de Actualizacin 30/08/2013