18
BLOQUE II FASE 7 PROGRAMACIÓN DE Páginas WEB

BLOQUE II FASE 7 - Programación de Páginas WEB - …ppwjessica.weebly.com/uploads/4/5/9/1/45911241/f7.pdf · interpretado con conexión a base de datos. Fase 7. Realizar pruebas

Embed Size (px)

Citation preview

Propósito

Para el bloque II.- Desarrollar elSitio Web mediante el uso de unlenguaje de programacióninterpretado con conexión a basede datos.

Fase 7. Realizar pruebas para verificar y corregir losprogramas desarrollados.

APRENDIZAJES A LOGRAR

Depuración de programas.

Error de programación.

Tipos de pruebas en el desarrollo de aplicaciones.

IDE para depurar un programa.

Programas IDE para PHP

Depuración de programas por medio de PHP

Designer.

Utilizar las herramientas y utilidades más comunes del IDE para depurar un programa.

Documentar una estrategia de pruebas completa a una clase a partir de la documentación del diseño para asegurar su óptimo

funcionamiento.

Problemática situada

Al área de desarrollo Web en donde trabajas le solicitan un proyecto informático para dar

respuesta a la siguiente situación:

La cadena de cines "MundoMix” desea publicar su cartelera en Internet para facilitar que sus

clientes escojan una película a su gusto y asistan a la función que más les acomode en sus

tiempos. Te contratan para elaborar su página Web dinámica que debe considerar las siguientes

características:

1.-Presentar tres combos desplegables donde se pueda seleccionar la función por: estado,

complejo o película.

• Si la búsqueda es por estado presentará todas películas que se exhiben por complejo en

dicho estado.

• Si la búsqueda es por complejo mostrará las películas que se exhiben en éste.

• Si la búsqueda es por película se desplegarán todos los complejos en los que se exhiben,

ordenados por estado.

• Los criterios de búsqueda se pueden combinar, con la intención de facilitar la selección de las

películas al usuario.

2.- La información de la cartelera se debe actualizar cada viernes para publicar los estrenos.

3.- La página contará con imágenes de los estrenos más recientes que vincularán a la información

de la película.

4.- La información que se presente sobre la película es: horario, clasificación, costo y vínculo al

detalle de la película.

5.- El detalle de la película muestra nombre original, director, actores, productores, música,

fotografía, género, clasificación, duración, sinopsis y trailers.

6.- Debe permitir comentarios de los usuarios sobre las películas.

Preguntas detonantes

1. ¿Qué es depurar un programa?

2. ¿Es la única forma de revisar un programa la

depuración?

3. ¿Qué es y un error en programación?

4. ¿Qué tipos de errores existen?

5. ¿Cómo se prueba un programa funcione?

Programa Compilador Ejecutable

DEPURACION DE UN PROGRAMA

En inglés se le conoce como debugging, es

que se asemeja a la eliminación

de bichos (bugs).

Significa limpiar, cualquier programa o

aplicación que tiene un error en su código,

con lo cual es necesaria una depuración para

su correcto funcionamiento

Se dice que un programa esta depurado cuando esta libre de

errores

Error de programación.

Son un conjunto de fallos a la hora

de crear un programa.

Clasificación de errores de

programación.

Errores de programación

De compilación.

Son errores que impidenque el programa seejecute, se deben aerrores cometidos alescribir el código.

De tiempo de ejecución.

Aparecen mientras se

ejecuta su programa, cuando unprograma intenta realizar unaoperación es imposible de llevar acabo..

Ejemplo: A=3/0

Errores Lógicos

Son errores que impiden que suprograma haga lo que estabaprevisto. Su código puede compilarsey ejecutarse sin errores, pero elresultado de una operación puedegenerar un resultado no esperado.

Tecnología ide

Un entorno de desarrollo integrado, llamado

también IDE (sigla en inglés de integrated development

environment), es un programa informático compuesto

por un conjunto de herramientas de programación.

Puede dedicarse en exclusiva a un solo lenguaje de

programación o bien puede utilizarse para varios.

IDES para php:

Php Designer

Eclipse

Open Komodo Project

IDES para PHP

Zend Studio

PhpEdit

NetBeans

EjemploProblema: Realizar la suma de dos números.Zend Studio Open Komodo

Project

Eclipse. Prueba de

escritorio.

Es un editor de

texto para

páginas PHP que

proporciona un buen

número de ayudas

desde la creación y

gestión de proyectos

hasta la depuración

del código.

Requiere registro,

gratuito

Responde a las

exigencias de las

herramientas para

el desarrollo de la

tecnología de web

libre,

promoviendo la

innovación en web

y la libertad de

elección para los

desarrolladores y

usuarios finales

Es una plataforma

de software de

código abierto

independiente y

que es y ha

sido muy utilizada

para desarrollar

entornos de

desarrollo (IDE),

pero del mismo

modo se puede usar

para otros tipos de

aplicaciones

cliente.

Es un

completo entorno

de desarrollo y

programación espec

ialmente diseñado

para

desarrolladores

de PHP, aunque

también permite

trabajar con

comodidad en

otros lenguajes

de programación

como HTML,

XHTML, CSS y

SQL.

Conclusión.

Existen IDEs para todo tipo de gustos, la recomendación

es ver cuales se adaptan mejor a nuestras necesidades y

probarlos, probando algunos de esta lista seguro que

damos con el IDE que estamos buscando.

Documentación de un

programa

Para que el mantenimiento de una aplicación informática sea lo más fácil

posible, es conveniente disponer de toda su documentación, esto es, de

todos los documentos que se han ido generando en todas las etapas

anteriores: algoritmos, códigos fuentes, manuales de usuario, etc.

A este tipo de documentación se le considera externa.

Además, existe otro tipo de documentación llamada interna,

los comentarios.

PRODUCTOS A ELABORAR

LISTA DE COTEJO PARA RESUMEN

Nombre: Grupo: Turno:

Parámetros: SI CUMPLIÓ NO CUMPLIÓ

Se entrega en tiempo

Tiene coherencia la información

Se muestran los conceptos organizados.

Tiene buena presentación.

Se ilustra.

Deben realizar un resumen en el que organicen y

consoliden todo el conocimiento que adquirió durante la

sesión. Entrega Individual

Realizar la depuración de los siguientes programas

en php designer e identificar el tipo de error.

Programa 1 Programa 2 Programa 3 Programa 4.

<?PHP

$primer_nombre=“Jua

n”;

$segundo_nombre=“An

tonio”;

echo

$nombrecompleto;

?>

<?PHP

a=1;

b=2;

$suma = $a + $b;

echo “ suma =

“.$suma. “ <br>”;

?>

<?PHP

$a=1;

$b=2;

if (a<b){

echo “\$a es menor

que \$b<BR>”;

echo “El valor de \$a es

$a y el de \$b es $b”;

}

elseif (a>b){

echo “\$a es mayor que

\$b<BR>”;

echo “El valor de \$a es

$a y el de \$b es $b”;

}

else (a=b){

echo “\$a es igual que

\$b<BR>”;

echo “El valor de \$a es

$a y el de \$b es $b”;

}

?>

<?PHP

$numero1=1;

$numero2=0;

$divide = $a / $b;

echo “ Resultado =

“.$divide. “ <br>”;

?>

Producto 2En equipos de 5 integrantes

Diseñar un sitio WEB a partir de la problemática

situada que contenga los siguientes puntos:

1-.Caratula e Índice

2.Nombre de la empresa.

3.-Giro de la empresa.

4.- Logo de la empresa.

5.- Requerimientos para el diseño del sitio Web

(Externos, Usuario, sistema)

6.- Elementos multimedia.

7.- Requerimientos de software (programas,

sistema operativo, navegador).

8.- Requerimientos de Hardware (Disco duro,

microprocesador, memoria).

9.-Documentacion.

10.- Identificación de errores en el proyecto

(sintaxis, lógicos y de ejecución), utilizando PHP

Designer.

11.- Mapa de navegación.

12.- Algoritmo, Diagrama de flujo, pseudocódigo,

Código de la pagina.

13.- URL y visualización de la pagina.

Entrega por correo URL e impresas las páginas.

PROYECTO

LISTA DE COTEJO

PARAMETROS.

SI

CUMPLIÓ

NO

CUMPLIÓ

Se entrega en tiempo

Tiene diseño el sitio

WEB.

La primera opción

cumple con las

especificaciones.

La segunda opción

cumple con las

especificaciones.

La tercera opción

cumple con las

especificaciones.

La cuarta opción cumple

con las especificaciones.

El sitio se subió a un

sitio público.

Proporcionan URL

www.youtube.com/watch?r=gecta_j8Xo4

Descarga de PHP Designer

http://www.mpsoftware.dk/downloads.php

VIDEOS: