You are on page 1of 28

PROYECTO DESARROLLO DE SOFTWARE I

Ing. Wilman Vásquez Gutiérrez

Consultor en Tecnologías y Sistemas de Información


Mes- Enero
""En la mayoría de las asignaturas tendrás que estudiar, memorizar los
contenidos de las lecciones. No intentes aprenderte algo que no
entiendes; por eso es tan importante lo que dije en el inicio “ --
Semana 2

JSP
 Presentación de los contenidos de la semana
 Crear Servlets.
 Casos Prácticos.
 Duda del Contenido : Proyecto

El Proyecto , está orientado a proporcionar al estudiante los conocimientos


básicos de investigación en la especialidad y aplicar las diferentes
metodologías técnicas y herramientas para la elaboración e implementación
del Sistema de tecnología en empresas medianas (referente productivo).

CAPACIDAD TERMINAL
Elaborar un proyecto de Tecnología en la especialidad, con el propósito de
resolver un problema concreto, utilizando metodologías y técnicas modernas
para brindar soluciones reales en el campo de la Ingeniería de Software, TI,
Help desk.
Proyecto

1.0 CONCEPTO: Un Proyecto es un conjunto de actividades


interrelacionadas, con un inicio y un fin bien definidos, que
utiliza recursos limitados para lograr un objetivo propuesto.

ACTIVIDADES: Son tareas que deben ejecutarse, tienen


Secuencia Lógica: Se debe establecer método, tiempo y
costo (US$, S/, Euros).
PROYECTOS TIPOS INFORMÁTICOS:

1.1 Desarrollo de Aplicaciones, Sistemas Integrados, ERP, Factory


Software, CASE TOOLS( Computer Aided Software Engineer)
1.2 Diseño e Implementación de REDES, e_bank, e_business,
e_commerce, aplicaciones móviles (Android).
1.3 De Educación: e_educacion
FASES DEL CICLO DE VIDA DE UN PROYECTO
INFORMATICOS

1.0 ANALISIS (ESTUDIO DE LA PROBLEMÁTICA)


2.0 DISEÑO (SOLUCION)
3.0 IMPLEMENTACION
4.0 PRUEBAS(ITIL LIBRARY INFRAESTRUCTURE INFORMATION
TECHNOLOGY)
COBIT(CONTROL OBJETIVE INFORMATION TECHNOLOGY)
5.0 DOCUMENTACION Y ARTEFACTOS
6.0 MANTENIMIENTO (FEEDBACK, ESCALABILIDAD)
JSP
• Es Una tecnología que permite combinar código
HTML estático con código generado dinámicamente
en un mismo fichero.
• Ventajas:
• Separación de datos estáticos/dinámicos.
• Independencia de formato/plataforma.
• Sencillez (sabiendo servlets)
Los JSP nos permiten separar la parte dinámica de nuestras páginas Web del HTML estático.
Simplemente escribimos el HTML regular de la forma normal y encerramos el código de las partes
dinámicas en unas etiquetas especiales, la mayoría de las cuales empiezan con "<%" y terminan con
"%>".
JSP
• Módulos que amplían a los servidores orientados a
petición/respuesta.
• La respuesta en el lenguaje Java a los CGIs (Common
Gateway Interface) para construir páginas “en el
momento”.
• Poder basarse en datos del usuario.
• La información varía en el tiempo.
• Usar información de una BD.
Elementos JSP Básicos
(scriptlets y etiquetas estándar)
 Existen tres tipos de elementos JSP que podemos insertar en
una página web:
1.- Código: tipos (declaraciones de variables y/o métodos, expresiones,
sentencias).

2.-Directivas: controlan parámetros del servlet resultante de la


traducción automática del JSP.

3.-Acciones: alteran el flujo normal de ejecución de la página.


Inserción de código en páginas JSP
Hay tres formas de insertar código Java en una página JSP:
1.- Expresiones
Es imprimiéndola en out (mediante una sentencia out.write(expresion))

2.- Scriptlets
Permiten ejecutar código arbitrario ,uso común de los scriptlets
partes de código HTML aparezcan o no en función de una
condición.
3.-Declaraciones
 Permiten definir variables o métodos que se insertarán
dentro del cuerpo del servlet JSP
EJEMPLO:
 Ingresar a Netbeans IDE
 Ingresar New Project/Seleccione Java Web/Web Application
 Ingresar Browse/Seleccione una carpeta- ruta/
 Seleccione Java EE7 Web/Next
 No seleccione Ninguno/ Finish
 Debe presentar así/ Eliminar el index.html
 Creamos un Html / Clic derecho Webapplication
/ new/JSP
La Presentación se mostrara así;
Creación de un Login
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<center>
<IMG SRC="IMG/SEGURIDAD.jpg" width="150" height="200">

<body bgcolor="gray">

<h1><FONT COLOR="PURPLE">ACCESO USUARIO</h1></FONT>


<form action="recibir.jsp" method="POST">

<table BGCOLOR="PINK" border="1" >


<thead>
<tr>
<th colspan="2" > ACCESO</th>

</tr>
</thead>
<tbody>
<tr>
<td>Usuario</td>
<td><input type="text" name="txt_usu" value="" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="txt_password" value="" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Enviar" /> </td>
</tr>
</tbody>
</table>
<input type="checkbox" name="recibir informacion">Deseo recibir información sobre el
sistema
<marquee><font face="candara" size="3"><b>--Ing. Wilman Vásquez Gutiérrez--
</b></font></marquee>
</center>
</body>
</form>
 Codificar - Ejemplo;
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CGT - IDAT SEMANA 2</title>
</head>
<body bgcolor="green" >
<h1><font face="arial black" color="white" size=40>BIENVENIDO A MI PRIMERA PAGINA
WEB</h1></font>
<marquee behavior="alternate"><h1><font face="monotype corsiva" color="blue" size=30>INSTITUTO
SUPERIOR TECNOLOGICO IDAT</h1></font>
</marquee>
<hr size =4 color="purple">
<center></center>
<br>
<font face= "forte" color="red" size=16>DESARROLLO DE SISTEMAS DE INFORMACION</font>
<table>
<tr>
<td><font face="calibri" size=5>Codigo Alumno</font></td>
</tr>
<br>
<tr>
<td><input type ="Text" name="CODALUMNO"></td></tr>
<br>
<tr>
<td><font face="calibri" size=5>Nombre Alumno</font></td>
</tr>
<br>
<tr>
<td><input type ="Text" name="NOMBALUMNO"></td>
</tr>
<br>
<tr>
<td><font face="calibri" size=5>Apellidos Alumno</font></td>
</tr>
<br>
<tr>
<td><input type ="Text" name="APELLALUMNO"></td>
</tr>
<br>
<tr>
<td><font face="calibri" size=5>Dirección del
Alumno</font></td>
</tr>
<br>
<td><input type ="Text" name="DIRECCALUMNO"></td>
<br>
<tr>
<td><input type ="submit" name="Buscar"></td>
</tr>
<br>

</body>
</html>
 Presentación Final;
¿Preguntas?