2014C1 S4A E02 20140517 Clase 2

ELECTIVA 2
PROGRAMACIN WEB PHP-MYSQL

UNIDAD # 1: INSTALACIN
M.Sc. ngela Yanza Montalvn, Ing. Mg.
Instalacin de xampp
Descargar la aplicacin (xampp-windows-1.8.1 su versin
actualizada de 125MB) de aproximadamente 99M de los
siguientes sitios sugeridos:
http://xampp.softonic.com/descargar
http://www.apachefriends.org/en/xampp-windows.html
Proceder a la ejecucin del instalador.
M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]
Instalacin de xampp
Una vez terminado el proceso de instalacin, probar en el
navegador:
http://localhost
http://127.0.0.1
Revisar los directorios y

archivos de
configuracin ms
relevantes
Instalacin de xampp
Para verificar que PHP se ha instalado correctamente,
realizamos y probamos el siguiente cdigo fuente:
Creacin de Ambiente de trabajo
Para la elaboracin
del diseo de las
pginas se utilizar
Adobe
Dreamweaver CS5,
o alguna versin
superior.
Creacin de un nuevo programa

Ejecutar las siguientes instrucciones:
Creacin de un nuevo programa

Automticamente se generar la siguiente plantilla:
Lenguaje HTML
HTML, proviene de las siglas HyperText Markup Language (Lenguaje de
Marcado de Hipertexto).
Es el lenguaje de marcado predominante para la elaboracin de pginas
web.
Es usado para describir la estructura y el contenido en forma de texto, as
como para complementar el texto con objetos tales como imgenes.
Se escribe en forma de etiquetas, rodeadas por corchetes angulares
(<,>).
Lenguaje HTML
HTML tambin puede describir la apariencia de un documento, y puede
incluir un script (por ejemplo Javascript), el cual puede afectar el
comportamiento de navegadores web y otros procesadores de HTML.
Es usado para referirse al contenido del tipo de MIME text/html.
Cdigos HTML bsicos

<html>: define el inicio del documento HTML.
<script>: incrusta un script en una web, o se llama a uno mediante src="url
del script".
<head>: define la cabecera del documento HTML; esta cabecera suele
contener informacin sobre el documento que no se muestra directamente
al usuario.
<title>: define el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de
ttulo de la ventana.
<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet"
href="/style.css" type="text/css">.
<style>: para colocar el estilo interno de la pgina; ya sea usando CSS, u otros
lenguajes similares.
Cdigos HTML bsicos

<body>: define el contenido principal o cuerpo del documento.
<table>: define una tabla.
<tr>: fila de una tabla.
<td>: celda de una tabla (debe estar dentro de una fila).
<a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de
pasada por medio del atributo href.
<div>: divisin de la pgina.
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la
imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />.
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita (Se recomienda usar la etiqueta <strong>).
<i>: texto en cursiva (Se recomienda usar la etiqueta <em>).
<s>: texto tachado (Se recomienda usar la etiqueta <del>).
<u>: texto subrayado.
Ejercicio N 1
Elaborar un ejercicio en html con manejo de tablas, formatos,
imgenes.
Nombre del archivo: EJERCICIO1.html
UNIDAD # 2
LENGUAJE DE PROGRAMACIN PHP
VARIABLES, CONSTANTES, TIPOS DE DATOS
M.Sc. ngela Yanza Montalvn, Ing. Mg.
Introduccin
Anteriormente, el lenguaje existente era nicamente HTML, y solo permita
crear las pginas y subirlas a un servidor.
El problema de esto es que modificar algn dato de una de las pginas
implicaba descargarla, modificarla, maquetarla de nuevo y subirla al
servidor.
Actualmente, existe un conjunto de lenguajes que permiten desarrollar
pginas Web dinmicas, es decir, que el contenido puede variar muy
rpidamente sin ningn esfuerzo por parte de los desarrolladores.
stos se denominan lenguajes de script de servidor, porque la ejecucin del
programa se realiza en el servidor Web donde se encuentra alojada la
pgina.
Qu es PHP?
PHP (acrnimo de "PHP: Hypertext Preprocessor") es un
lenguaje "open source" interpretado de alto nivel embebido
en pginas HTML y ejecutado en el servidor.
Tecnologas del lado del cliente

Muchas de las mejoras aadidas al lenguaje HTML pertenecen a
tecnologas del lado del cliente, es decir, que se descargan junto con la
pgina Web solicitada al servidor y se ejecutan en nuestro ordenador
local.
Tecnologas del lado del servidor

Los lenguajes del lado del servidor son invisibles para los clientes. Las
pginas que utilicen scripts de este tipo contienen el cdigo entre etiquetas
parecidas a las de HTML, pero stas desaparecen cuando el cliente recibe la
pgina.
Etiquetas de PHP
Un programa en PHP inicia con unas etiquetas determinadas.
<?php ?>
<?
?>
El archivo php.ini contiene la configuracin de PHP en ese momento.
Etiquetas de PHP
En el archivo php.ini, el mismo que contiene la configuracin de PHP puede
administrar la visualizacin de noticias.
error_reporting = E_ALL & ~E_NOTICE
Primer programa en PHP

Desarrollar un programa en PHP que permita visualizar el mensaje Hola
mundo. [EJERCICIO2.PHP]
Verificar las
etiquetas
<? ?>
Variables
PHP permite almacenar datos de distintos tipos en memoria.
Estas zonas de memoria se llaman variables.
Las variables comienzan por el smbolo de dlar ($) y no
necesitan ser declaradas antes de comenzar el programa,
como en otros lenguajes.
Variables
Variables
Variables
Asignacin de variables
La asignacin es simplemente dar un valor a la variable. Esto se hace

poniendo un smbolo = entre la variable y el dato que queremos
asignar.
Si se fija en el ejemplo, acabamos de asignar un nmero de coma

flotante a la variable $numero_pi. En este momento podemos cambiar
el valor de la variable asignando un nuevo valor, que puede ser de un
tipo diferente.
Tipos de datos
Los tipos de datos se dividen en:
Simples
Enteros
Coma flotante
Cadenas de caracteres
Boolean
NULL
Tipos de datos
Tipos de datos
Tipos de datos
Tipos de datos
Tipos de datos
Tipos de datos
Tipos de datos
Constantes
Las constantes son tipos de datos que no varan en el desarrollo de un programa.
En la vida real existen muchos tipos de constantes, el nmero pi, la temperatura de
congelacin del agua, el nombre de la Empresa, etc.
Para crear una constante tiene que usar la funcin define () de la siguiente forma:
Constantes
Operadores
Existen varios tipos de operadores:
De asignacin
Unarios
Aritmticos
De comparacin
Lgicos
Ternarios
Asignacin combinados
Operador Unario
Operadores Aritmticos
Operadores de Comparacin
Operadores Lgicos
Operadores Lgicos
Operadores Ternarios
Operadores de asignacin combinados
Operadores de asignacin combinados
UNIDAD # 3
LENGUAJE DE PROGRAMACIN PHP
ESTRUCTURAS DE CONTROL
M.Sc. ngela Yanza Montalvn Ing. Mg.
Estructuras de Control
Las estructuras de control controlan o supervisan el flujo de
ejecucin de un programa o funcin.
Las estructuras de control permiten combinar instrucciones o
sentencias individuales en una simple unidad lgica con un
punto de entrada y un punto de salida.
Tipos de Estructuras de Control

Las instrucciones o sentencias se organizan en tres tipos de
estructuras de control que sirven para controlar el flujo de la
ejecucin:
Secuencia
Seleccin (Decisin)
Repeticin (Iteracin)
Estructuras de Control Secuenciales

La computadora ejecutar automticamente enunciados o
procesos uno despus del otro, en el orden en el cual se han
escrito de inicio a fin.
Estructuras de Control Selectivas

Estas estructuras se utilizan para tomar decisiones. Se llaman
tambin estructuras de decisin o alternativas. Lo que se hace
es evaluar una condicin, y en funcin del resultado, se lleva a
cabo una opcin u otra.
Las estructuras de seleccin pueden ser:
Simples (if)
Dobles (if-else)
Mltiples (switch)
La sentencia if
En PHP, la estructura de control de seleccin principal es la
sentencia if.
La sentencia if funciona de la siguiente manera: Cuando se
alcanza la sentencia if dentro de un programa, se evala la
expresin entre parntesis que viene a continuacin de if. Si
Expresin es verdadera, se ejecuta Accin; en caso contrario
no se ejecuta Accin. En cualquier caso la ejecucin del
programa contina con la siguiente sentencia del programa.
La sentencia if
La sentencia if-else
Cuando se ejecuta la sentencia if-else, se evala Expresin. Si
Expresin es verdadera, se ejecuta Accin1 y en caso contrario
se ejecuta Accin2.
La representacin en diagrama de flujo de esta estructura de
control es:
1.
if (expresin_lgica)
sentencia
2.
if (expresin_lgica)
sentencia1
else
sentencia2
3.
if (expresin_lgica) sentencia
4.
if (expresin_lgica) sentencia1 else sentencia2
Si expresin_lgica es verdadera se ejecuta sentencia o bien sentencia1, si

es falsa se ejecuta sentencia2.
Estructuras Repetitivas
Permiten repetir un nmero determinado de veces cierto
segmento de cdigo.
Entre las ms relevantes tenemos:
Do-While (Hacer-mientras)
While (Mientras)
For (Desde/Para)
Formularios HTML, GET, POST

La creacin del
<form></form>.
formulario
es mediante
las
marcas

La diferencia entre GET y POST es que GET mostrar la
informacin que se est enviando a travs de la URL y POST
no mostrar eso.
Ejercicio N 3
EJERCICIO3.PHP
Ejercicio N4
Realizar un programa que permita implementar el mtodo de
biseccin para resolver la funcin f(x)=x3 +4x2-10, en el
rango [1,2], con una tolerancia menor o igual a 0.0001.
[EJERCICIO4.PHP]
Ejercicio N 4
Ajuste su diseo al propuesto en la lmina 23.
La lgica de programacin queda a eleccin del estudiante.
Debe crear una imagen de fondo de pgina con S4A.
Ejercicio N5
.
[EJERCICIO5.PHP]
Ejercicio N 6
Realizar un programa que permita ingresar datos de un
estudiante como son:
Nombres
Apellidos
Edad, Paralelo, Cdula de Identidad
Nota1, Nota2, Nota3
Campo1, campo2, campo3
Valor agregado
del estudiante.
Calcular el promedio y mostrarlo. Luego redondear dicho

promedio y si es mayor o igual que 7 mostrar el mensaje de
APROBADO, caso contrario mostrar REPROBADO.
[EJERCICIO5.PHP]
Observe
detenidamente
el diseo.

2014C1 S4A E02 20140517 Clase 2

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

2014C1 S4A E02 20140517 Clase 2

Hochgeladen von

Copyright:

Verfügbare Formate

ELECTIVA 2

PROGRAMACIN WEB PHP-MYSQL

Proceder a la ejecucin del instalador.

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Revisar los directorios y

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Creacin de Ambiente de trabajo

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Creacin de un nuevo programa

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Creacin de un nuevo programa

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Cdigos HTML bsicos

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Cdigos HTML bsicos

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Tecnologas del lado del cliente

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Tecnologas del lado del servidor

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

El archivo php.ini contiene la configuracin de PHP en ese momento.

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Primer programa en PHP

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

La asignacin es simplemente dar un valor a la variable. Esto se hace

Si se fija en el ejemplo, acabamos de asignar un nmero de coma

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Operadores de asignacin combinados

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Operadores de asignacin combinados

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Tipos de Estructuras de Control

M.Sc. ngela Yanza M., Ing. Mg. [E02-S4A]

Estructuras de Control Secuenciales