Sesion Nº 05 Métodos De Envio De Datos, Envio De Emails Y Formularios

Post on 24-Jun-2015

1.749 views 1 download

description

Topicos Avanzados - Sesion Nº 05 Métodos De Envio De Datos, Envio De Emails Y Formularios. En esta sesión se aprendera la manera de introduccion un formulario web asi como sus respectivo controles, asi como los metodos de envio de datos a traves de estos formularios para que posteriormente sean recuperados por un script php que procesara la data y visualizara en pantalla el contenido. Tambien veremos de manera similar el envio de informacion a una cuenta de correo electronico con su respectivo codigo en php para levantar la data.

Transcript of Sesion Nº 05 Métodos De Envio De Datos, Envio De Emails Y Formularios

Sesión Nº 05:

Ing. Edgar A. Cruz Huaman

INSTITUTO SUPERIOR TECNOLÓGICO INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”“SAN PEDRO”

Métodos de envio de datos, envio de Emails y Formularios.

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

• GET : Url.

• POST: Entrada estándar STDIO.

• La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página.

I. Métodos de envió de datosI. Métodos de envió de datos

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

II. Envío de datosII. Envío de datos

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

III. Recepción de datosIII. Recepción de datos

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

IV. Práctica: Ejemplo envió datosIV. Práctica: Ejemplo envió datos

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

V. Práctica: Ejemplo Recepción de datos.

V. Práctica: Ejemplo Recepción de datos.

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

VI. Envio de Emails (i)VI. Envio de Emails (i)

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

VII. Envio de Emails: Archivo HtmlVII. Envio de Emails: Archivo Html

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

VIII. Envio de Emails: Archivo PHPVIII. Envio de Emails: Archivo PHP

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

IX. Elementos de un FormularioIX. Elementos de un Formulario

• Elementos de tipo INPUT• TEXT• RADIO• CHECKBOX• BUTTON• FILE• PASSWORD• SUBMIT

• Elemento SELECT• Simple / múltiple

• Elemento TEXTAREA

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

X. Elemento de Formulario: TextX. Elemento de Formulario: Text

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XI. Elemento de Formulario: RadioXI. Elemento de Formulario: Radio

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XII. Elemento de Formulario: CHECKBOXXII. Elemento de Formulario: CHECKBOX

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XIII. Elemento de Formulario: BUTTONXIII. Elemento de Formulario: BUTTON

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XIV. Elemento de Formulario: FILEXIV. Elemento de Formulario: FILE

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XV. Elemento de Formulario: PASSWORDXV. Elemento de Formulario: PASSWORD

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XVI. Elemento de Formulario: SUBMITXVI. Elemento de Formulario: SUBMIT

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XVII. Elemento de Formulario: SELECT SimpleXVII. Elemento de Formulario: SELECT Simple

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XVIII. Elemento de Formulario: SELECT MúltipleXVIII. Elemento de Formulario: SELECT Múltiple

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

XIX. Elemento de Formulario: TEXTAREA

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman