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

21
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.

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

Page 1: 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.

Page 2: Sesion Nº 05   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

Page 3: Sesion Nº 05   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

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

Page 4: Sesion Nº 05   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

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

Page 5: Sesion Nº 05   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

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

Page 6: Sesion Nº 05   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

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

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

Page 7: Sesion Nº 05   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

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

Page 8: Sesion Nº 05   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

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

Page 9: Sesion Nº 05   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

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

Page 10: Sesion Nº 05   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

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

Page 11: Sesion Nº 05   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

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

Page 12: Sesion Nº 05   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

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

Page 13: Sesion Nº 05   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

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

Page 14: Sesion Nº 05   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

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

Page 15: Sesion Nº 05   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

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

Page 16: Sesion Nº 05   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

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

Page 17: Sesion Nº 05   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

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

Page 18: Sesion Nº 05   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

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

Page 19: Sesion Nº 05   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

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

Page 20: Sesion Nº 05   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

XIX. Elemento de Formulario: TEXTAREA

Page 21: Sesion Nº 05   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