1. DESARROLLO WEB PHP 2012
INSTITUTO SUPERIOR TECNOLOGICO UNITEK - IDAT
CARRERA PROFESIONAL DE
COMPUTACIÓN E INFORMÁTICA
DESARROLLO WEB PHP
Profesor : Ing. Pablo Cesar Ttito
Alumno : Anthony Saravia Carrillo
AREQUIPA – PERÚ
2012
1
2. DESARROLLO WEB PHP 2012
INDEX
<html>
<head><title>logueo</title>
</head>
<body>
<div id = contenedor>
<div id=cabecera><img src=banner.jpg width=700 height=105></div>
<div id=navegador>
<a href="index.php" class="enlacenav">inicio</a>////
<a href="#" class="enlacenav">quienes somos</a>////
<a href="#" class="enlacenav">catalogo de libros</a>////
<a href="#" class="enlacenav">libro de visitas</a>////
<a href="#" class="enlacenav">suscripción</a>////
<a href="#" class="enlacenav">contacto</a>
</div>
<div id=cuerpo><h2>institución educativa cpb</h2><hr>
<form name="frmloguin" method="post" action="menu.php">
<p align="justify">existen miles de aplicaciones gratuitas para descargar desde
portalprogramas. Sin embargo, hay unos pocos programas que son imprescindibles en
cualquier ordenador y que son los que la mayoría de la gente baja:</p>
<p align="justify">el cpb es una institución privada, inspirada en los
valores y tradiciones de la educaciónbritánica. Estamos comprometidos con el
desarrollo de un innovador proyecto educacional, que junto con un excelente programa
del dominio del idioma ingles, provee a nuestros alumnos del crecimiento y las
habilidades sociales necesarias para enfrentar los retos del futuro. </p></li>
<p align="justify">en su desarrollo y dinámica hemos aplicado
permanentemente innovaciones educativas, lo que nos ha permitido convertirnos en
una institución educativa de excelencia académica, con moderna infraestructura y
tecnologíainformática de avanzada.</p></li>
<p align="justify">la educación personalizada es nuestra mayor
fortaleza, porque promovemos el desarrollo integral de la persona, las actitudes de
aceptación del otro, la confianza, la libertad, la responsabilidad personal y social, la
solidaridad y la autenticidad. formamos a nuestros alumnos para formular y desarrollar
su proyecto personal de vida.</p></li>
<p align="justify">nuestro objetivo academico primordial es la
enseñanza-aprendizaje del idioma ingles, para desarrollar capacidades y
competencias en su uso como instrumento de comunicacion. en base a una
metodologia de enfoque comunicativo se logra que nuestros alumnos adquieran una
serie de destrezas que les permitan comunicarse en las situaciones de la vida
cotidiana.</p></li><br>
2
4. DESARROLLO WEB PHP 2012
</div>
</form>
</body>
</html>
Esta página te permite logearte para así poder administrar los datos de los alumnos de
la institución educativa CPB
4
5. DESARROLLO WEB PHP 2012
MENU
<?php
session_start();
include("conexion.php");
if(isset($_post['txtusser']) && !empty($_post['txtusser']) && isset($_post['txtpass']) &&
!empty($_post['txtpass']))
{
$con = mysql_connect($host, $user, $password) or die("problemas con server");
mysql_select_db($db, $con) or die("ploblemas con bd");
$seleccion = mysql_query("select usuario, clave from registros where usuario =
'$_post[txtusser]'", $con);
$sesion = mysql_fetch_array($seleccion);
if($_post['txtpass'] == $sesion['clave'])
{
?>
<html>
<head><title>bienvenido</title></head>
<body>
<div id = contenedor>
<div id=cabecera><img src=banner.jpg width=700 height=105></div>
<div id=navegador>
<a href="#" class="enlacenav">inicio</a>////
<a href="#" class="enlacenav">quienes somos</a>////
<a href="#" class="enlacenav">catalogo de libros</a>////
<a href="#" class="enlacenav">libro de visitas</a>////
<a href="#" class="enlacenav">suscripcion</a>////
<a href="#" class="enlacenav">contacto</a>
</div>
<div id=cuerpo><h2>registro de datos:</h2><hr>
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="2"
bgcolor="white">
<form id="form1" name="form1" method="post" action="insertar.php">
<p align="right"><b>bienvenido: </b><?php echo
$_post['txtusser']; ?></b> | <a href="index.php?action=logout">cerrar
sesion</a></p><hr><br>
<center>
<p>
<tr>
<td align="center"><a href="listado.php"><img
src=reparar.ico><h2>administrar</h2></a></td>
5
6. DESARROLLO WEB PHP 2012
<td align="center"><a href="ver.php"><img
src=buscar.ico><h2>consultar</h2></a></td>
</tr>
</table>
<?php
include("conexion.php");
$conexion = mysql_connect($host, $user, $password) or die("problemas con
server");
mysql_select_db($db, $conexion) or die("ploblemas con base de datos");
$tabla = mysql_query("select * from matriculas");
?>
<table width="50%" border="1" align="center" cellpadding="3" cellspacing="2"
bgcolor="white">
<?php
while ($registro = mysql_fetch_array($tabla))
{
?>
<tr>
<td>dni</td><td><?php echo $registro['dni'];?></td>
<td>apelllidos</td><td><?php echo $registro['apellidos'];?></td>
<td>nombres</td><td><?php echo $registro['nombres'];?></td>
<td>especialidad </td><td><?php echo $registro['especialidad'];?></td>
<td>turno</td><td><?php echo $registro['turno'];?></td>
<td>semestre</td><td><?php echo $registro['semestre'];?></td>
</tr>
<?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
<br>
</table></p>
</center>
</table>
</form>
<br>
<div id=pie align="center">
<a href="#">volver</a>/
<a href="#">portada</a>/
<a href="#">mapa de sitio</a>/
<a href="#">inicio</a>/
</div>
6
7. DESARROLLO WEB PHP 2012
<br>
</div>
<div id=lateral>
<h2 class=titlat>buscar</h2>
<div id=buscar class=cuerpolateral>
<form>
<div id="campotexto"><input type=text name=criterio></div><br>
<div id=botonbuscar><input type=image src=go.gif width=25
height=15></div><br>
<div><input type=radio name=op value=1>en la web de la pagina</div>
<div><input type=radio name=op value=2>en toda la web</div>
</form>
</div>
<h2 class=titlat>otras informaciones</h2>
<div id=otros class=cuerpolateral>
<ul>
<li><a href="#">quienes somos</a>
<li><a href="#">mision</a>
<li><a href="#">vision</a>
</ul>
</div>
</div>
</div>
</body>
</html>
<?php
}else{
?>
<script type="text/javascript">window.alert("error..!!! usuario o clave
incorrecta")</script>
<?php
header("location : index.php");
}
}else{
?>
<?php
header("location : index.php");
}
?>
7
8. DESARROLLO WEB PHP 2012
En esta página se pueden administrar o buscar los datos de los alumnos.
- en administrar se pueden modificar, insertar o eliminar los datos de los
alumnos matriculados.
- en consultar puedes hacer una búsqueda de los datos a través del DNI de los
alumnos.
8
9. DESARROLLO WEB PHP 2012
ELIMINAR
<?php
include("conexion.php");
if(isset($_post['chkregistro']))
{
$valor=$_post['chkregistro'];
$conexion = mysql_connect($host, $user, $password) or die("problemas
con server");
mysql_select_db($db, $conexion) or die("ploblemas con la base de
datos");
mysql_query("delete from matriculas where id =$valor");
header ("location: listado.php");
}else{
?>
<script type="text/javascript">window.alert("seleccione un registro")</script>
<?php
header("refresh:0; url = listado.php");
}
?>
En esta página se eliminan los datos de los alumnos que están matriculados
9
10. DESARROLLO WEB PHP 2012
LISTADO
<?php
include("conexion.php");
$conexion = mysql_connect($host, $user, $password) or die("problemas con
server");
mysql_select_db($db, $conexion) or die("ploblemas con bd");
$tabla = mysql_query("select * from matriculas");
?>
<html>
<head><title>consultas</title>
</head>
<body>
<div id = contenedor>
<div id=cabecera><img src=banner.jpg width=700 height=105></div>
<div id=navegador>
<a href="index.php" class="enlacenav">inicio</a>////
<a href="menu.php" class="enlacenav">menu</a>////
<a href="#" class="enlacenav">catalogo de libros</a>////
<a href="#" class="enlacenav">libro de visitas</a>////
<a href="#" class="enlacenav">suscripcion</a>////
<a href="#" class="enlacenav">contacto</a>
</div>
<h2> consultas de datos:</h2><hr><br>
<form id="myform" name="myform" method="post" action="">
<table align="center" border="1" width="90%" cellspacing="0" cellpadding="2"
bgcolor="white">
<?php
while ($registro = mysql_fetch_array($tabla))
{
?>
<tr>
<td>
<?php
$id=$registro['id'];
echo "<input type='checkbox' id='chkregistro' name='chkregistro'
value='$id'>";
echo $registro['id'];
?>
</td>
<td>id</td><td><?php echo $registro['dni'];?></td>
10
12. DESARROLLO WEB PHP 2012
en esta página podemos ver los datos que están grabados en la base de datos y
también podemos eliminar, editar e insertar alumnos
12
13. DESARROLLO WEB PHP 2012
CONSULTA
<?php
if(isset($_post['chkregistro']))
{
include("conexion.php");
$conexion = mysql_connect($host, $user, $password) or die("problemas con
server");
mysql_select_db($db, $conexion) or die("ploblemas con bd");// selecciona la
base de datos
$id=$_post['chkregistro'];
$sql=mysql_query("select * from matriculas where id=$id");
$registro = mysql_fetch_array($sql);
?>
<html>
<head><title>modificacion de registro</title>
</head>
<body>
<div id = contenedor>
<div id=cabecera><img src=banner.jpg width=700 height=105></div>
<div id=navegador>
<a href="index.php" class="enlacenav">inicio</a>////
<a href="listado.php" class="enlacenav">volver</a>////
<a href="#" class="enlacenav">catalogo de libros</a>////
<a href="#" class="enlacenav">libro de visitas</a>////
<a href="#" class="enlacenav">suscripcion</a>////
<a href="#" class="enlacenav">contacto</a>
</div>
<div id=cuerpo><h2>modificacion de datos:</h2><hr><br>
<table width="90%" border="0" align="center" cellpadding="3" cellspacing="2" bgcolor="ccffff">
<form id="form1" name="form1" method="post" action="actualizar.php">
<tr><td colspan="2"><div align="center"><b>modificacion de datos del
alumno</b></div></td></tr>
<tr><?php echo "<input name='txtid' type='hidden' value='$registro[0]'>";?></tr>
<tr>
<td align="right">dni</td>
<td><?php echo "<input name='txtdni' type='text' size='30'
value='$registro[1]'>";?></td>
</tr>
<tr>
<td align="right">apellidos</td>
<td><?php echo "<input name='txtapellidos' type='text' size='30' value='$registro[2]'>";?></td>
</tr>
<tr>
<td align="right">nombres</td>
<td><?php echo "<input name='txtnombres' type='text' size='30' value='$registro[3]'>";?></td>
</tr>
<tr>
<td align="right">email</td>
<td><?php echo "<input name='txtemail' type='text' size='30' value='$registro[4]'>";?></td>
</tr>
13
15. DESARROLLO WEB PHP 2012
<script type="text/javascript">
window.alert("debe seleccionar un registro")
</script>
<?php
header("refresh:0; url = listado.php");
}
?>
En esta página editamos los datos de los alumnos que deseamos modificar
15
18. DESARROLLO WEB PHP 2012
<form>
<div id="campotexto"><input type=text name=criterio></div><br>
<div id=botonbuscar><input type=image src=go.gif width=25
height=15></div><br>
<div><input type=radio name=op value=1>en la web de la pagina</div>
<div><input type=radio name=op value=2>en toda la web</div>
</form>
</div>
<h2 class=titlat>otras informaciones</h2>
<div id=otros class=cuerpolateral>
<ul>
<li><a href="#">quienes somos</a>
<li><a href="#">mision</a>
<li><a href="#">vision</a>
</ul>
</div>
</div>
</div>
</body>
</html>
INSERTAR
<?php
include("conexion.php");
$strdni=$_post['txtdni'];
$strapellidos=$_post['txtapellidos'];
$strnombres=$_post['txtnombres'];
$stremail=$_post['txtemail'];
$strespecialidad=$_post['cboespecialidad'];
$strturno=$_post['cboturno'];
$strsemestre=$_post['cbosemestre'];
$conexion = mysql_connect($host, $user, $password) or die("problemas con
server");
mysql_select_db($db, $conexion) or die("ploblemas con bd");// selecciona la
base de datos
if(isset($strdni) && !empty($strdni) && isset($strapellidos) &&
!empty($strapellidos) && isset($strnombres) && !empty($strnombres) &&
isset($stremail) && !empty($stremail) && isset($strespecialidad) &&
!empty($strespecialidad) && isset($strturno) && !empty($strturno) &&
isset($strsemestre) && !empty($strsemestre))
{
$sql="insert into matriculas (id, dni, apellidos, nombres, email,
especialidad, turno, semestre)"." values (null, '$strdni', '$strapellidos', '$strnombres',
'$stremail', '$strespecialidad', '$strturno', '$strsemestre')";
mysql_query($sql);
18
19. DESARROLLO WEB PHP 2012
header ("location: listado.php");
}else{
?>
<script type="text/javascript">window.alert("es necesario que llene todos los
campos")</script>
<?php
header("refresh:0; url = mostrar.php");
}
?>
en esta página insertamos los datos de los alumnos que deseen matricularse
19
21. DESARROLLO WEB PHP 2012
<div id=buscar class=cuerpolateral>
<form>
<div id="campotexto"><input type=text name=criterio></div><br>
<div id=botonbuscar><input type=image src=go.gif width=25
height=15></div><br>
<div><input type=radio name=op value=1>en la web de la pagina</div>
<div><input type=radio name=op value=2>en toda la web</div>
</form>
</div>
<h2 class=titlat>otras informaciones</h2>
<div id=otros class=cuerpolateral>
<ul>
<li><a href="#">quienes somos</a>
<li><a href="#">mision</a>
<li><a href="#">vision</a>
</ul>
</div>
</div>
</div>
</body>
</html>
en esta página es donde se hace una búsqueda del alumno a través del dni
21
22. DESARROLLO WEB PHP 2012
BUSCAR
<?php
include("conexion.php");
$conexion = mysql_connect($host, $user, $password) or die("problemas con el
servidor");
mysql_select_db($db, $conexion) or die("ploblemas con la base de datos");
$especialidad = $_post["cboespecialidad"];
$turno = $_post['cboturno'];
$semestre = $_post['cbosemestre'];
$dni = $_post['txtdni'];
if($dni=="")
{
?>
<script type="text/javascript">window.alert("debe ingresar un dni para proceder con la
busqueda")</script>
<?php
header ("refresh:0; url=ver.php");
}
else
{
if($dni!="" && ($especialidad=="seleccione especialidad" &&
$semestre=="seleccione semestre" && $turno=="seleccione turno" ) ||
($especialidad!="seleccione especialidad" || $semestre!="seleccione semestre" ||
$turno!="seleccione turno" ))
{$query = "select * from matriculas where dni='$dni'";}
$result = mysql_query($query) or die("error...");
$numero = 0;
?>
<html>
<head><title>busqueda</title>
</head>
<body>
<div id = contenedor>
<div id=cabecera><img src=banner.jpg width=700 height=105></div>
<div id=navegador>
<a href="index.php" class="enlacenav">inicio</a>////
<a href="listado.php" class="enlacenav">volver</a>////
<a href="#" class="enlacenav">catalogo de libros</a>////
<a href="#" class="enlacenav">libro de visitas</a>////
<a href="registrar.php" class="enlacenav">suscripcion</a>////
<a href="formulariomail.php" class="enlacenav">contacto</a>
22
24. DESARROLLO WEB PHP 2012
</div><br>
</div>
</div>
</body>
</html>
<?php
}
?>
Esta página te muestra los datos que se encontraron a través del DNI que se ingreso
anteriormente.
24
25. DESARROLLO WEB PHP 2012
ACTUALIZAR
<?php
include("conexion.php");
$id=$_post['txtid'];
$strdni=$_post['txtdni'];
$strapellidos=$_post['txtapellidos'];
$strnombres=$_post['txtnombres'];
$stremail=$_post['txtemail'];
$strespecialidad=$_post['txtespecialidad'];
$strturno=$_post['txtturno'];
$strsemestre=$_post['txtsemestre'];
$conexion = mysql_connect($host, $user, $password) or die("problemas con
server");
mysql_select_db($db, $conexion) or die("ploblemas en la base de datos");
if(isset($strdni) && !empty($strdni) && isset($strapellidos) &&
!empty($strapellidos) && isset($strnombres) && !empty($strnombres) &&
isset($stremail) && !empty($stremail) && isset($strespecialidad) &&
!empty($strespecialidad) && isset($strturno) && !empty($strturno) && isset($strturno)
&& !empty($strturno))
{
$sql="update matriculas set dni='$strdni',
apellidos='$strapellidos',
nombres='$strnombres',
email='$stremail',
especialidad='$strespecialidad',
turno='$strturno',
semestre='$strsemestre'
where id='$id'";
mysql_query($sql);
header ("location: listado.php");
}else{
echo "debe llenar todos los campos";
}
?>
Este código actualiza los datos cada vez que hagamos una modificación consulta etc.
25
26. DESARROLLO WEB PHP 2012
CONEXIÓN
<?php
$host = "mysql2.000webhost.com";
$user = "a7787034_anthony";
$password = "";
$db = "a7787034_colegio";
?>
Esta conexión esta abierta para todo el código php que se usa en el proyecto
26
29. DESARROLLO WEB PHP 2012
#otros ul {
margin:5px 10px 0px 0px;
padding:0px 0px 0px 4px;
list-style:none;
}
#otros li {
padding-left:14px;
background:transparent url(bala.gif) 0 2px no-repeat;
margin-bottom:10px;
}
</style>
Estos son los estilos que yo declare para poder dar forma a mí pagina web
29
30. DESARROLLO WEB PHP 2012
BASE DE DATOS
Base de Datos = a7787034_colegio
Como vemos aquí esta creada nuestra base de datos
Tabla = Matriculas
En esta tabla como vemos declaramos los campos que va a tener nuestra tabla
30
31. DESARROLLO WEB PHP 2012
Campos llenados de la tabla Matriculas
En esta tabla como vemos solo ingresamos 2 campos y podemos ingresar mas al
ejecutar la pagina
Tabla = Registros
En esta tabla ingresamos los campos que se va a usar para el administrador para que
pueda logearse
31
32. DESARROLLO WEB PHP 2012
Campos de la tabla Registros
Como vemos ingrese un campo que es mi nombre de usuario y contraseña que
declaro para iniciar mi página
32