Sesión 10 Integración cliente/servidor
|
|
|
- Carmen Torregrosa Espinoza
- hace 6 años
- Vistas:
Transcripción
1 Sesión 10 Integración cliente/servidor Objetivo Desarrollar aplicaciones web que interactúen de forma eficiente y eficaz en su desempeño en el modelo cliente/servidor. En esta sesión Figura 1. Mapa de la sesión M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 1 DE 15
2 Lección 10.1 Validando formas en HTML y JavaSript Introducción En esta sesión se analizará la validación y creación de objetos dinámicos, así como el trabajo con las tablas dinámicas a través de consultas entre el cliente y el servidor. Como se ha estudiado en las sesiones anteriores, todas las peticiones que se hacen pueden estar atendidas por el navegador o por el servidor, pudiendo tener una interacción entre ambos para generar una aplicación web más dinámica. A continuación identificaremos algunas técnicas de validación en ambos lados (cliente/servidor) para crear objetos dinámicos. Validación en el servidor La validación de los datos en el servidor se efectúa hasta que los datos son enviados a través de un botón. Esta validación se hace con el código en PHP y es recomendable para una aplicación con poco tráfico y cuando los datos deban cotejarse con un alto volumen de información en el lado del servidor. Por ejemplo: Un formato determinado solicita el código postal y colonia. Se desea validar que los datos proporcionados son los adecuados, por lo que se lleva a cabo la validación en el servidor, debido a que las consultas específicas pueden hacerse más rápido en el servidor y regresar a través de un mensaje si los datos están correctos. Validación en el cliente Esta forma de validación es óptima si tenemos que validar campos con cierto formato o bien, verificar que no estén vacíos. Analicemos el ejemplo de un formulario completo: M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 2 DE 15
3 Las validaciones se hacen en el propio navegador antes de enviarlo. Si al llenar un formulario quedó algún campo sin llenar o con información errónea, la validación muestra el campo que está incorrecto y solicita al usuario que lo cambie. Si todos los datos del formulario fueron introducidos correctamente, se envía el formulario. Ejemplo de formulario El siguiente código es el ejemplo de un formulario que consta de un campo de texto, un campo con validación de mayoría de edad y un campo de selección: <html> <head> <title>formulario de prueba</title> <script language="javascript"> function validacion(){ //validar el nombre if (document.miforma.nombre.value.length==0){ alert("escriba su nombre"); document.miforma.nombre.focus(); return 0; //validar mayor de edad edad = document.miforma.edad.value; document.miforma.edad.value=edad; if (edad==""){ alert("introduzca su edad."); document.miforma.edad.focus(); return 0; else{ if (edad<18){ alert("debe tener más de 18 años."); document.miforma.edad.focus(); return 0; M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 3 DE 15
4 //validar el taller if (document.miforma.taller.selectedindex==0){ alert("debe seleccionar un taller."); document.miforma.taller.focus(); return 0; //se envía el formulario. alert("agradecemos su preferencia."); document.miforma.submit(); </script> </head> <body> <form name="miforma" action="" method="post"> <div>introduzca los datos siguientes:</div> <table width=500> <tr> <td>nombre: </td> <td><input type="text" name="nombre" size="30" maxlength="100"></td> </tr> <tr> <td>edad: </td> <td><input type="text" name="edad" size="3" maxlength="2"></td> </tr> <tr> <td>taller:</td> <td> <select name="taller"> <option value="elegir">elegir <option value="manualidades">manualidades <option value="guitarra">guitarra M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 4 DE 15
5 <option value="cocina">cocina </select> </td> </tr> <tr> <td colspan="2" align="center"> <input type="button" value="enviar" onclick="validacion()"></td> </tr> </table> </form> </body> </html> Nombre del formulario Botón enviar Función validación Algo que debemos cuidar es el nombre del formulario, que en este caso será miforma. Con esta identificación se puede hacer referencia al formulario y a cada uno de los elementos que lo componen. También se debe poner atención en el botón enviar, pues tiene una acción onclick que ejecuta una llamada al JavaScript. En este caso la función se llama validacion(). Dentro de la función validación se identifican las validaciones de los campos del formulario. Para un mejor detalle analizaremos cada una de las secciones: En la primera sección, con el método.value.length se puede comparar que el campo no esté vacío. Si el campo es igual a 0 se envía la alerta y se coloca el cursor con la función.focus() en el campo correspondiente. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 5 DE 15
6 La instrucción return 0 permite salir de la función sin validar los campos siguientes: //validar el nombre if (document.miforma.nombre.value.length==0){ alert("escriba su nombre"); document.miforma.nombre.focus(); return 0; En la segunda sección, donde se compara la mayoría de edad, primero se asigna el valor del campo a la variable edad y se hace la comparación para saber si el campo tiene información; si no la tiene se genera la alerta y se interrumpe la función. Si la tiene, se procede a la comparación de la mayoría de edad. Por último encontraremos la validación del campo de selección que mediante el método.selectedindex permite comparar que el índice no es un cero, si es así, significa que se está seleccionando la primera opción, que en este caso es la instrucción elegir, por lo que sabríamos que no hubo una selección. Si todas las validaciones se cumplen, la información del formulario será enviada. Con el ejemplo anterior podemos darnos una idea de cómo hacer la validación en el lado del cliente, que es de las más comunes en las aplicaciones web. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 6 DE 15
7 Lección 10.2 Creando páginas con objetos dinámicos Los eventos en JavaScript Para crear páginas con objetos dinámicos es necesario comprender cómo se manejan los eventos en JavaScript, pues a partir de ellos se pueden generar acciones que llaman a funciones que producen una interactividad con el usuario de la aplicación web. A continuación revisaremos la lista de los manejadores de eventos en JavaScript, ofreciendo una pequeña descripción de cada uno: onabort: se genera cuando el usuario detiene la carga de la página desde el navegador o cuando se va de la página sin terminar de cargarla. onblur: se genera cuando un elemento pierde el foco de la aplicación, por ejemplo: el cursor puede estar dentro de un campo de texto y al cambiar de campo se produce el evento. onchange: se genera cuando en un formulario, un campo cambia su contenido. En ocasiones se genera hasta que el campo pierde el foco. onclick: se genera cuando se da un clic sobre un elemento de la página, generalmente un botón, una imagen o un enlace. ondragdrop: se genera cuando un usuario suelta algo que había arrastrado sobre la página web. onerror: se genera cuando no se puede cargar un documento o una imagen. onfocus: es lo contrario a onblur. Al ser utilizado se activa el campo seleccionado. onkeydown: se genera cuando el usuario pulsa una tecla. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 7 DE 15
8 onkeypress: se crea cuando la tecla permanece presionada, generándose después del evento onkeydown. onkeyup: se genera cuando el usuario deja de presionar la tecla. onload: se genera cuando la página o las imágenes han terminado de cargarse. onmousedown: se genera cuando el usuario da un clic sobre un elemento de la página. Se produce en el momento de pulsar el botón, ya sea que se suelte o no. onmousemove: se genera cuando el cursor se mueve por la página. onmouseout: se genera cuando el cursor sale del área ocupada por un elemento en la página. onmouseover: se genera cuando el cursor entra en el área ocupada por un elemento en la página. onmouseup: se genera cuando el usuario suelta el botón del ratón que previamente había presionado. onmove: se genera cuando se mueve la ventana del navegador o un frame. onresize: se genera cuando se redimensiona la ventana del navegador o el frame, en caso de que la página los tenga. onreset: se genera cuando se hace clic en el botón reset de un formulario. onselect: se genera cuando un usuario selecciona una opción en un elemento de un formulario. onsubmit: ocurre cuando el visitante aprieta sobre el botón de enviar el formulario. Se ejecuta antes del envío propiamente dicho. onunload: se genera porque se pulsa sobre un enlace que nos envía a otra página o bien, por cerrar la ventana del navegador. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 8 DE 15
9 Utilización de eventos A continuación se presenta un ejemplo de utilización de eventos y se muestra cómo validar la longitud de un textarea: <html> <head> <script language="javascript"> function controlcaracteres(campo, cuentacampo, limite) { if (campo.value.length > limite) campo.value = campo.value.substring(0, limite); else cuentacampo.value = limite - campo.value.length; </script> </head> </htm> <body> <center> <form name="form1"> sólo puedes entrar 125 caracteres. <textarea name="mimensaje" wrap=physical cols="28" rows="4" onkeydown="controlcaracteres(this.form.mimensaje,this.form.cuantos,1 25);" onkeyup="controlcaracteres(this.form.mimensaje,this.form.cuantos,125) ;"></textarea> <input type="text" name="cuantos" size="3" maxlength="3" value="125" readonly>te quedan todavía </form> </center> </body> M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 9 DE 15
10 Lección 10.3 Tablas dinámicas Generalidades Las tablas dinámicas nos permiten modificar la información que es solicitada al servidor en tiempo real, por ejemplo cuando tenemos una consulta que arroja varios registros de 10 en 10 hasta terminar. El siguiente código fue generado en Adobe Dreamweaver para demostrar este punto. <?php require_once('connections/capstendhal.php');?> <?php if (!function_exists("getsqlvaluestring")) { function GetSQLValueString($theValue, $thetype, $thedefinedvalue = "", $thenotdefinedvalue = "") { if (PHP_VERSION < 6) { $thevalue = get_magic_quotes_gpc()? stripslashes($thevalue) : $thevalue; $thevalue = function_exists("mysql_real_escape_string")? mysql_real_escape_string($thevalue) : mysql_escape_string($thevalue); switch ($thetype) { case "text": $thevalue = ($thevalue!= "")? "'". $thevalue. "'" : "NULL"; break; case "long": case "int": $thevalue = ($thevalue!= "")? intval($thevalue) : "NULL"; break; case "double": $thevalue = ($thevalue!= "")? doubleval($thevalue) : "NULL"; M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 10 DE 15
11 break; case "date": $thevalue = ($thevalue!= "")? "'". $thevalue. "'" : "NULL"; break; case "defined": $thevalue = ($thevalue!= "")? $thedefinedvalue : $thenotdefinedvalue; break; return $thevalue; $currentpage = $_SERVER["PHP_SELF"]; $maxrows_usuarios = 10; $pagenum_usuarios = 0; if (isset($_get['pagenum_usuarios'])) { $pagenum_usuarios = $_GET['pageNum_usuarios']; $startrow_usuarios = $pagenum_usuarios * $maxrows_usuarios; mysql_select_db($database_capstendhal, $capstendhal); $query_usuarios = "SELECT idusuario, nombre, amaterno, apaterno, usuario, cédula, password FROM usuarios"; /* las siguientes instrucciones permiten llamar al query con los registros específicos y generar la tabla dinámica */ $query_limit_usuarios = sprintf("%s LIMIT %d, %d", $query_usuarios, $startrow_usuarios, $maxrows_usuarios); $usuarios = mysql_query($query_limit_usuarios, $capstendhal) or die(mysql_error()); $row_usuarios = mysql_fetch_assoc($usuarios); if (isset($_get['totalrows_usuarios'])) { M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 11 DE 15
12 $totalrows_usuarios = $_GET['totalRows_usuarios']; else { $all_usuarios = mysql_query($query_usuarios); $totalrows_usuarios = mysql_num_rows($all_usuarios); $totalpages_usuarios = ceil($totalrows_usuarios/$maxrows_usuarios)- 1; $querystring_usuarios = ""; if (!empty($_server['query_string'])) { $params = explode("&", $_SERVER['QUERY_STRING']); $newparams = array(); foreach ($params as $param) { if (stristr($param, "pagenum_usuarios") == false && stristr($param, "totalrows_usuarios") == false) { array_push($newparams, $param); if (count($newparams)!= 0) { $querystring_usuarios = "&". htmlentities(implode("&", $newparams)); $querystring_usuarios = sprintf("&totalrows_usuarios=%d%s", $totalrows_usuarios, $querystring_usuarios);?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>untitled Document</title> </head> <body> <p> <table border="0"> M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 12 DE 15
13 <tr> <td><?php if ($pagenum_usuarios > 0) { // Se muestra si no es la primer hoja?> <a href="<?php printf("%s?pagenum_usuarios=%d%s", $currentpage, 0, $querystring_usuarios);?>">first</a> <?php // Se muestra si no es la primer hoja?></td> <td><?php if ($pagenum_usuarios > 0) { // Se muestra si no es la primer hoja?> <a href="<?php printf("%s?pagenum_usuarios=%d%s", $currentpage, max(0, $pagenum_usuarios - 1), $querystring_usuarios);?>">previous</a> <?php // Se muestra si no es la primer hoja?></td> <td><?php if ($pagenum_usuarios < $totalpages_usuarios) { // Show if not last page?> <a href="<?php printf("%s?pagenum_usuarios=%d%s", $currentpage, min($totalpages_usuarios, $pagenum_usuarios + 1), $querystring_usuarios);?>">next</a> <?php // Se muestra si no es la última hoja?></td> <td><?php if ($pagenum_usuarios < $totalpages_usuarios) { // Se muestra si no es la última hoja?> <a href="<?php printf("%s?pagenum_usuarios=%d%s", $currentpage, $totalpages_usuarios, $querystring_usuarios);?>">last</a> </tr> </table> </p> <?php // Se muestra si no es la última hoja?></td> <table border="0" cellpadding="2" cellspacing="2"> <tr> <td>id Usuario</td> <td>nombre</td> <td>apellido Materno</td> <td>apellido Paterno</td> <td>usuario</td> <td>cédula</td> <td>password</td> </tr> <?php do {?> M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 13 DE 15
14 <tr> <td><?php echo $row_usuarios['idusuario'];?></td> <td><?php echo $row_usuarios['nombre'];?></td> <td><?php echo $row_usuarios['amaterno'];?></td> <td><?php echo $row_usuarios['apaterno'];?></td> <td><?php echo $row_usuarios['usuario'];?></td> <td><?php echo $row_usuarios['cedula'];?></td> <td><?php echo $row_usuarios['password'];?></td> </tr> <?php while ($row_usuarios = mysql_fetch_assoc($usuarios));?> </table> </body> </html> <?php mysql_free_result($usuarios);?> Este código se puede utilizar para generar diversas tablas que presenten información de tablas muy grandes. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 14 DE 15
15 Referencias consultadas Bibliografía: Goodman, D. (2008). JavaScript y DHTML. Madrid: Anaya Multimedia. Orós, J. (2008). Diseño de páginas web con XHTML, JavaScript y CSS. Madrid: Alfaomega, Ra-Ma. Suehring, S. (2008). JavaScript paso a paso. Madrid: Anaya Multimedia. M AESTRÍA EN T E C N O L O G Í A S D E L A I N F O R M A C I Ó N P Á G I N A 15 DE 15
PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB.
DATOS IDENTIFICATIVOS DE LA UNIDAD FORMATIVA UNIDAD FORMATIVA PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB. Especifica Código UF1305 Familia profesional INFORMÁTICA Y COMUNICACIONES Área
Modelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2004-2005 Índice Introducción Modelo de Netscape Cómo acceder a un formulario DLSI - Universidad
El lenguaje JavaScript. Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: El lenguaje Javascript Pág. 1 1. Introducción JavaScript es un sencillo lenguaje de programación, que presenta una
6º Unidad Didáctica. Javascript. Eduard Lara
6º Unidad Didáctica Javascript Eduard Lara 1 ÍNDICE 6.1 Lenguajes de script 6.2 Sintaxis de Javascript 6.3 Variables, funciones y operadores 6.4 Estructuras de control de flujo 6.5 Objetos predefinidos
JavaScript DOM. JavaScript - Jerarquía de Objetos. JavaScript - Jerarquía de Objetos. Jerarquía de Objetos del Navegador
JavaScript Jerarquía de Objetos del Navegador DOM 1 Son los objetos disponibles en Javascript para controlar cualquier elemento en una página web. Javascript trabaja con esta jerarquía de objetos. Con
CONTROLES FORMULARIOS PRIMERA PARTE
CONTROLES FORMULARIOS PRIMERA PARTE Acceder a los formularios de una página a través de su nombre Acceder a los formularios de una página a través de su nombre (atributo name) o a través de su atributo
1. Los lenguajes de marcas. - Características de los lenguajes de marcas.
IFCD0110: CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB CÓDIGO ESPECIALIDAD C.P. PRESEN- CIALES TELEFORMA- CIÓN TOTALES TIPO DE FORMACIÓN IFCD0110 CONFECCIÓN Y PUBLICA- CIÓN DE PÁGINAS WEB SI 200 280 480 OBJETIVOS
EVENTOS PRIMERA PARTE
EVENTOS PRIMERA PARTE JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran en el navegador, etc. (a eso es a
HTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ
CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación. Módulo 12: Formularios y JavaScript.
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación Módulo 12: Formularios y JavaScript. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Formularios y JavaScript
Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]
![Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]](/thumbs/29/13637404.jpg "Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]")
INFORMÁTICA Y COMUNICACIONES Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2] Confección y publicación de páginas web Contenidos I IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD
ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia
ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia Profesional: Informática y Comunicaciones. Área Profesional:
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COMPUTACIÓN
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COMPUTACIÓN CICLO: 02/2011 GUIA DE LABORATORIO #9 Nombre de la Practica: Control de eventos con JavaScript Lugar de Ejecución: Centro de cómputo
INSTITUTO POLITÉCNICO NACIONAL WEB APPLICATION DEVELOPMENT. CIFUENTES ALVAREZ ALEJANDRO SIGFRIDO 3cm3 PROYECTO TERCER PARCIAL MI HOTMAIL CON JOOMLA
INSTITUTO POLITÉCNICO NACIONAL ESCUELA SUPERIOR DE CÓMPUTO WEB APPLICATION DEVELOPMENT CIFUENTES ALVAREZ ALEJANDRO SIGFRIDO 3cm3 PROYECTO TERCER PARCIAL MI HOTMAIL CON JOOMLA Alumno: MUÑOZ SALAZAR RICARDO
Gestión de eventos y formularios en JavaScript.
TEMA 5 Contenido 1.- El objeto Form.... 1 1.1.- Formas de selección del objeto Form....2 1.2.- El formulario como objeto y contenedor....3 1.3.- Acceso a propiedades y métodos del formulario....4 Propiedad
Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones
El lenguaje JavaScript. Asignatura: Programació III Curso: 1999/2000 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Curso: 1999/2000 Profesor: El lenguaje Javascript Pág. 1 1. Introducción Al crear páginas web en HTML nos damos cuenta de que estamos ciertamente restringidos a sólo
HTML. Rogelio Ferreira Escutia
HTML Rogelio Ferreira Escutia Características Básicas 2 Estructura HTML es un lenguaje basado en etiquetas. Cada etiqueta tiene un inicio y fin. Las etiquetas se identifican por los símbolos < y > 3 Inicio
mope CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB
I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia Profesional: Informática y Comunicaciones. Área Profesional: Desarrollo.
2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario.
UNIDAD CERO Crear formularios en HTML. La creación de formularios en html es muy importante en el desarrollo de aplicaciones web dinámicas, tomando en cuenta que estos son los encargados (formularios)
JavaScript. María Consuelo Franky. Universidad Javeriana 2009
JavaScript María Consuelo Franky Universidad Javeriana 2009 1 JavaScript en paginas web 2 Los scripts permiten hacer procesamiento en el cliente (navegador) antes de enviar datos al servidor Permiten realizar
PHP 7 Desarrollar un sitio web dinámico e interactivo
Preámbulo 1. Objetivo del libro 11 2. Breve historia de PHP 12 3. Dónde conseguir PHP? 13 4. Convenciones de escritura 14 Introducción a PHP 1. Qué es PHP? 15 2. Estructura básica de una página PHP 17
JavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
BOLETÍN OFICIAL DEL ESTADO
Núm. 300 Miércoles 14 de diciembre de 2011 Sec. I. Pág. 135369 ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia
DPWEB I, Carrito de Compras Guardar, Ing. Tomas Urbina. Carrito de compras con PHP y MYSQL
Carrito de compras con PHP y MYSQL Actualizando los archivos anteriores. Para terminar la compra agregamos el archivo pagarcompra.php. 1) Vercarrito.php Por favor bajo la línea que dice $contador++; agreguen
APRENDE A CREAR UNA PÁGINA WEB CON HTML
APRENDE A CREAR UNA PÁGINA WEB CON HTML Introducción a PHP INTRODUCCIÓN PHP es una lenguaje de programación del lado del servidor. En este curso, lo usaremos para recibir los datos de un formulario, realizar
PHP y MySQL. Aplicaciones Web: PHP y base de datos MySQL (décima parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: PHP y base de datos MySQL (décima parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora te enseñaremos a conectar
Índice: Tema 4.2 4.2 Conexión con Bases de Datos
Índice: Tema 4.2 4.2 Conexión con Bases de Datos 4.2.1 Envío y recepción de datos mediante formularios 4.2.2 Administración de MySQL con phpmyadmin 4.2.3 Conexión con Bases de Datos desde PHP Índice: Tema
Desarrollo Plataforma Web/Programación Web Ing. Tomás Eduardo Urbina
Llenar un con PHP Los siguientes ejemplos les mostraran como llenar una etiqueta SELECT (combobox, listbox o dropdownlist) de html con php y mysql. Para ambos ejemplos necesitaran crear una Base
EVENTOS (II) : MODELO BÁSICO DE EVENTOS
EVENTOS (II) : MODELO BÁSICO DE EVENTOS TIPOS DE EVENTOS JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran
Formulario de Contacto
Un formulario es la forma habitual en la que el usuario puede interaccionar con la página web. Vamos a incluir un formulario de contacto en nuestra página contacto.html Paso 1 El formulario en HTML Abre
Modelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2007-2008 Índice Introducción DOM Cómo acceder a un formulario BOM DLSI - Universidad de
BOLETÍN OFICIAL DEL ESTADO
Núm. 300 Miércoles 14 de diciembre de 2011 Sec. I. Pág. 135369 ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia
DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES
DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES Presentación José Alberto Rodríguez Castañeda Universidad Tecnológica de Aguascalientes http://ww.betiux.com.mx betordz@gmail.com Temas. 1) Javascript
<SCRIPT SRC='xxxxxxxxxx.js'> <!-- contenido alternativo al script //-->
EJECUCIÓN SECUENCIAL: TUTORIAL JAVASCRIPT LLAMADA A FUNCIONES: p.e. ONCLICK="control()" HREF="javascript: control()" FICHEROS EXTERNOS:JS:
SOLUCIONES EJERCICIOS DOM HTML
SOLUCIONES EJERCICIOS DOM HTML Supongamos que tenemos un hipervínculo que al ser presionado entre al periódico El Pais, pero primero muestre una ventana de confirmación, si queremos ingresar al periódico.
Tutorial de enlace entre Formulario Web y Servicio Web REST. Programación en Internet
Tutorial de enlace entre Formulario Web y Servicio Web REST Programación en Internet Angel Manuel Gamaza Domínguez José Miguel Otte Sainz-Aguirre Grado en Ingeniería Informática 20 de septiembre de 2016
Tomar información por pantalla con JavaScript
Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada,
Versión: 01. Fecha: 01/04/2013. Código: F004-P006-GFPI GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE
SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE SISTEMA INTEGRADO DE GESTIÓN Proceso Gestión de la Formación Profesional Integral Procedimiento Ejecución de la Formación Profesional Integral
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1 Formularios (I) Los formularios permiten al usuario introducir
VALIDACION DE FORMULARIOS
VALIDACION DE FORMULARIOS COMO ACCEDER A LOS ELEMENTOS DE UN FORMULARIO Acceder a los formularios de una página a través del array forms Cuando se carga una página web, el navegador crea automáticamente
Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:
Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...
2- Formularios y JavaScript Course: Developing web- based applica=ons
2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene
Conexión a Bases de Datos
Conexión a Bases de Datos MySQL desde PHP Introducción. E l sistema de acceso y manipulación de bases de datos desde PHP es similar al de otros lenguajes de script: establece la conexión con la base de
Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco
Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com ingtelecoweb@hotmail.com La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por
GUIA CÓMO CREAR PLANTILLAS PARA
GUIA CÓMO CREAR PLANTILLAS PARA EMAIL Emisión: Agosto 2016 Esta guía ofrece prácticas básicas para el diseño y programación de un email en base a los estándares actuales. Es recomendable tener conocimiento
Curso de Programación en PHP Nivel I
Curso de Programación en PHP Nivel I Facultad de Ciencia y Tecnología Oro Verde - 2012 Capítulo 2: Programación Web Algo de HTML Definición de Formularios Componentes de los Formularios Métodos de Envío
Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
APUNTES PHP CÓDIGO DESARROLLADO POR DANIEL LEYVA CORTÉS
Apuntes PHP. Autor código: Daniel Leyva Cortés. Página nº 1/16 APUNTES PHP CÓDIGO DESARROLLADO POR DANIEL LEYVA CORTÉS SUMARIO EJEMPLO 1: ENVÍO DE DATOS MEDIANTE FORMULARIO...1 EJEMPLO 2: RECOGIDA DE DATOS
Formulario solicitud de suscripción deuda pública. Manual de Uso (versión 06) Instrucción Externa
Sistemas de Información y Procesos 30.01.2014 Formulario solicitud de suscripción deuda pública. Manual de Uso (versión 06) Instrucción Externa 2007.40 Hoja de Control Título Código Formulario solicitud
Sesion 2 1. Aplicación del Lenguaje JAVA
Sesion 2 1. Aplicación del Lenguaje JAVA Applets. Un applet es un programa que viaja por la red desde un servidor web y que se instala en la memoria RAM de la maquina del cliente para ejecutarse dentro
Temario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Taller de Desarrollo de Aplicaciones Web
Universidad Nacional de José C. Paz Taller de Desarrollo de Aplicaciones Web Introducción a la programación web Prof. Martín Miguel Machuca Prof. Martín Miguel Machuca Introducción En la actualidad, cuando
2.4 Luego, en la pestaña superior al lado de la barra del menú, elegir Desarrollador de aplicaciones
PASO 2: PREPARAR LA PANTALLA PARA EL DESPLIEGUE DE LOS DATOS 2.1 Desde la pantalla inicial de DW, pestaña Crear nuevo, elegir PHP 2.2 Una vez dentro de DW, hacer clic en la opción Sitio, luego elegir Administrar
Creación de Páginas WEB con HTML
Universidad de Cantabria Creación de Páginas WEB con HTML Febrero-2006 Ricardo Sáez Marta Zorrilla Creacion paginas Web con HTML 1 Introducción El servicio WEB utiliza para la transferencia de información
MANUAL DE CREACION DE FORMULARIOS PARTE 1. Este manual tiene como finalidad explicar como se pueden crear los formularios sencillos de un proyecto.
MANUAL DE CREACION DE FORMULARIOS PARTE 1 Este manual tiene como finalidad explicar como se pueden crear los formularios sencillos de un proyecto. Para esto crearemos un proyecto llamado ejemplo (c:/appserv/www/ejemplo/)
SOLUCION EJERCICIOS VALIDACION DE FORMULARIOS
SOLUCION EJERCICIOS VALIDACION DE FORMULARIOS Vamos a crear con formulario con los componentes más usuales, editor de texto, área de texto, un conjunto de radio botones, un par de checkbox, y una lista
DISEÑO WEB CON HTML TECNICATURA DE REDES Y SOFTWARE PROGRAMACIÓN PARA REDES
DISEÑO WEB CON HTML TECNICATURA DE REDES Y SOFTWARE PROGRAMACIÓN PARA REDES Walter Nores www.walternores.com Índice de contenido Introducción al lenguaje HTML...4 El documento web...5 Cabecera...7 Título...7
FORMULARIO HTML PREPARACION DEL FORMULARIO. Que información debes solicitar al visitante de tu web?
FORMULARIO HTML Con este apunte se realizara un sencillo formulario que creará un nuevo mensaje de e-mail en el computador del usuario; y dicho mensaje se rellenará con tu dirección de e-mail (como destinatario),
1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
Sintaxis del JavaScript
Sintaxis del JavaScript El código JavaScript del que hablaremos en este manual va embebido en un documento HTML, y no tendremos en cuenta la reciente aparición de los scripts de servidor que pueden ir
Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML
escuela técnica superior de ingeniería informática HTML Estático: Formularios Departamento de Lenguajes Grupo de Ingeniería del Software Noviembre 2004 Conceptos básicos de formularios HTML Los formularios
Creating web pages Chapter 8. Technologies for creating dynamic web pages
ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Chapter 8. Technologies for creating dynamic web pages Cristina Puente, Rafael Palacios 2009-2010 Introducción Inconvenientes de HTML" Las arquitecturas y técnicas
Data Bases 2. La sintaxis precisa de esta función es: mysql_pconnect (nombre del servidor, el usuario de la base de datos, password ) ;
Data Bases 2 Este capítulo aprenderemos como crear ya una página de internet en la cual tendrá interacción con el usuario, como llenaremos un formulario HTML y que directamente se registre en la Base de
Programación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
HTML (HyperText Markup Language)
FIUBA 75.43 Introducción a los Sistemas Distribuidos 75.33 Redes y Teleprocesamientos I 1 Cuatrimestre 2005 " Breve Introducción a HTML, PHP y JavaScript" Gabriel Frymer y María Feldgen HTML (HyperText
Construcción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera
Construcción de formularios en HTML. Formularios Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Formularios... 2 Controles... 2 Campos de texto... 2 Selección de opciones... 3 Selección de ficheros...
Scripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos
JavaScript. Rogelio Ferreira Escutia
JavaScript Rogelio Ferreira Escutia Características JavaScript es un lenguaje de scripting basado en Objetos, utilizado para acceder a objetos en aplicaciones. Es utilizado, principalmente, integrado en
Para declarar un formulario se utiliza la etiqueta FORM que consta básicamente de dos atributos: <FORM ACTION ="programa" METHOD ="método">
FORMULARIOS Los formularios son por excelencia los elementos utilizados para recolectar información de los usuarios que luego es enviada al servidor para ser procesada. Están constituidos por un conjunto
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo de Cookies 4.3.2 Manejo de Sesiones 4.3.3 Aplicación basada en sesiones Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo
HTML: Formularios. Francisco J. Martín Mateos Carmen Graciani Díaz. Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla
Francisco J. Martín Mateos Carmen Graciani Díaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Formularios Un formulario es una zona del cuerpo de un documento HTML con
G.U.G.L.E.R Grupo Universitario de GNU/Linux de Entre Ríos. F.C.y.T Facultad de Ciencia y Tecnología Universidad Autónoma de Entre Ríos
G.U.G.L.E.R Grupo Universitario de GNU/Linux de Entre Ríos F.C.y.T Facultad de Ciencia y Tecnología Universidad Autónoma de Entre Ríos CONTENIDO Programación Web... 5 Introducción... 5 Esquema cliente-servidor
Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web
La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo
EJERCICIOS PHP II FORMULARIOS
EJERCICIOS PHP II FORMULARIOS 1. Realizar un formulario que conste de dos cajas de texto: una para escribir los apellidos y la otra para el nombre. Añadiremos también un botón de Envio (submit), de modo
PHP. Introducción (1) Introducción (3) Introducción (2) PHP 1
Introducción (1) Personal Home Page Qué es? Acrónimo de : Hypertext Preprocessor. Lenguaje interpretado de alto nivel que permite desarrollar fácilmente páginas dinámicas. Similar a los lenguajes C y Perl.
Funcionamiento del sistema de autentificación en PHP
Sistema de autentificación PHP Cómo realizar un sistema de autentificación en PHP, en el que los usuarios deban introducir nombre y contraseña para que puedan visualizar las páginas de una aplicación con
Actividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Demostrar los pasos para la creación y aplicación de elementos multimedia al sitio Simplify.
Tema: Galería de imágenes, formularios y recursos para desarrolladores: Google fonts y Google maps. CONTENIDOS Creación de galería de imágenes por medio del panel comportamiento. Aplicación de formulario
A continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:
FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre
Puedo exportar de Access a SQLite?
Puedo exportar de Access a SQLite? (Se precisan conocimientos de PHP y tener experiencia en publicación de páginas PHP.) Sí. Basta conocer las técnicas de ODBC. Existe un ODBC para SQlite: sqliteodbc.exe
Checks, Triggers y Excepciones en InterBase: validando desde la base de datos
Checks, Triggers y Excepciones en InterBase: validando desde la base de datos Por Alfonso Ricaño Bringas InterBase nos permite validar los valores que ingresan a los campos, mediante las restricciones
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COMPUTACIÓN
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COMPUTACIÓN CICLO: 02/2011 GUIA DE LABORATORIO #6 Nombre de la Practica: Expresiones regulares con JavaScript Lugar de Ejecución: Centro de cómputo
Desarrollo de sitios web con PHP y MySQL
Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida
PHP Básico. PHP para principiantes
PHP Básico PHP para principiantes Copyright (c) 2006 Guillermo Valdez Lozano. E-mail: guivaloz(en)gmail.com http://www.movimientolibre.com Se otorga permiso para copiar, distribuir y/o modificar este documento
Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto
La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
PÁGINAS DINÁMICAS WEB CON PHP. Unidad 4 Aplicaciones Web
PÁGINAS DINÁMICAS WEB CON PHP Unidad 4 Aplicaciones Web Agenda del curso PHP 2009 DIA 5 (2 horas) (2 horas) Aplicaciones web Variables predefinidas en PHP Uso de formularios en PHP (2 horas) Administración
Practicas de HTML. En un procesador de texto cualquiera teclear el siguiente código
7 Practicas de HTML 1. Pagina básica En un procesador de texto cualquiera teclear el siguiente código Mi primera pagina Web Esta es mi primera pagina, es muy
MANUAL DE USUARIO Formularios de Adquisición de Material Bibliográfico
MANUAL DE USUARIO Formularios de Adquisición de Material Bibliográfico Contenido Formularios de Adquisición de Material Bibliográfico... 1 Manual de usuario... 3 Selección del material a solicitar... 3
A continuación se presenta la forma en que se puede conectar PHP con el gestor de bases de datos MySQL.
Conexión de PHP y MySQL: A continuación se presenta la forma en que se puede conectar PHP con el gestor de bases de datos MySQL. Una vez el servidor ha solicitado al intérprete de PHP la ejecución de un
Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS
Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS Centro de Referencia en Accesibilidad y Estándares Web Mayo 2009 Copyright 2009 Instituto Nacional de la comunicación (INTECO) El presente documento
Trabajo para la asignatura Programación Orientada a Objetos junio, 2004 VISUAL BASIC SCRIPT. Enrique Martín Martín. Universidad de Salamanca
Trabajo para la asignatura Programación Orientada a Objetos junio, 2004 VISUAL BASIC SCRIPT Enrique Martín Martín Universidad de Salamanca i Tabla de Contenidos VISUAL BASIC SCRIPT... i 1. INTRODUCCIÓN...
Sistema CRM 2.0 (Administración)
Sistema CRM 2.0 (Administración) 4.1 Crear Usuario Para crear un nuevo usuario presione en el siguiente botón. CREAR USUARIO Ingrese los datos que le indica la siguiente pantalla: Dirección de Correo electrónico:
SISTEMA DE CONTROL DE REQUERIMIENTOS
SISTEMA DE CONTROL DE REQUERIMIENTOS MANUAL DE USUARIO DESCRIPCIÓN DEL SISTEMA EL sistema de Control de Requerimientos tiene por finalidad brindar a los usuarios un mejor control de los servicios que brinda,
JAV JA A V S A C S R C I R P I T
JAVASCRIPT Introducción Introducción JavaScript es un lenguaje de programación que se utiliza principalmente para crear paginas web dinámicas. i Una pagina web dinámica incorpora efectos en el texto, animaciones,
Ejercicios de Mantenimiento de Tablas de MYSQL con PHP
Ejercicios de Mantenimiento de Tablas de MYSQL con PHP 1) Inserción de Registros $con = mysql_connect("localhost","root",""); mysql_select_db("php20082"); // si se presiona INSERTAR if ( isset($_post['btins'])
INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL
INSERCIÓN DE UN REGISTRO CON PHP Y MYSQL Para poder realizar este ejercicio necesitamos la base de datos, para esto abriremos el gestor de bases de datos Mysql Empezaremos con crear la base de datos con
Curso de JAVASCRIPT 3 / 3
Curso de JAVASCRIPT 3 / 3 Autor: Luis Marco Giménez ibliografía: avascript. The Definitive Guide 2 O Reilly. iseño de páginas web interactivas con avascript 2ª Ed. 2 Ra-Ma rofessional JavaScript 2 Wrox