Diseño de Aplicaciones Web

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Diseño de Aplicaciones Web"

José Peña Contreras
hace 8 años
Vistas:

1 Diseño de Aplicaciones Web Werner 1 1 Ingeniería Telemática Departamento de Electrónica Universidad Técnica Federico Santa María Valparaíso, Marzo 2010

2 1 2 del Curso 3 4

3 Introducción Qué son las aplicaciones Web? Evolución histórica Por qué usar aplicacines Web?. Ventajas Componentes de una aplicación Web.

4 Qué son las aplicaciones Web? Originalmente las páginas web tenían contenido estático y un bajo nivel de funcionalidades. Las páginas eran escritas en HTML directamente y el protocolo de comunicación era sólo HTTP.

5 Websites Dinámicos

6 Requirements Analysis Upgrade Design Software Development Life Cicle Maintenance Implementation Release Testing

7 Planning Test and Release Design Implementation

8 del Curso XML SQL JavaScript Ajax Seguridad Dimensionamiento (scalability)

9 : Formularios Texto <INPUT TYPE= t e x t NAME= nombre /> Contraseñas <INPUT TYPE= password NAME= c o n t r a /> Campos escondidos <INPUT TYPE= h i d d e n NAME= e s c o n d i d o />

10 Checkbox <i n p u t checked= checked name= remember t y p e= checkbox /> Radio Buttons <i n p u t name= g e n d e r t y p e= r a d i o v a l u e= F /> <i n p u t name= g e n d e r t y p e= r a d i o v a l u e= M /> Drop-Down Menus < s e l e c t name= s t a t e > <o p t i o n v a l u e= ></ o p t i o n> <o p t i o n v a l u e= MA ></ o p t i o n> <o p t i o n v a l u e= NY ></ o p t i o n> </ s e l e c t>

11 Variables Las variables en pueden comenzar por una letra o underscore seguido por números, letras o underscore a. $mi_variable $_mi_variable $ mivariable a Sacado de

12 Tipos Boolean Enteros Decimales (float) String array object

13 Super Globals $ COOKIE $ ENV $ FILES $ GET $ POST $ REQUEST $ SERVER $ SESSION

14 Arrays

15 <form a c t i o n= p r o c e s s o r d e r. php method= POST > <t a b l e b o r d e r= 0 > <t r b g c o l o r= #c c c c c c > <td width= 150 >Item</ td> <td width= 15 >Cantidad</ td> </ t r> <t r> <td>neumaticos</ td> <td><i n p u t t y p e= t e x t name= t i r e q t y s i z e= 3 maxlength= 3 /></ td> </ t r> <t r> <td>bujias</ td> <td><i n p u t t y p e= t e x t name= s p a r k q t y s i z e= 3 maxlength= 3 /></ td> </ t r> <t r> <td c o l s p a n= 2 ><i n p u t t y p e= submit v a l u e= E n v i a r Orden /></ td> </ t r> </ t a b l e> </ form>

17 processorder.php <html> <head>repuestos Presto : Resultados del Pedido </head> <body> <h1>repuestos Presto </h1> <h2>resultado del Pedido </h2> <?php echo '<p>orden Procesada </p> ' ;?> </body> </html>

19 processorder2.php <html> <head>repuestos Presto : Resultados del Pedido </head> <body> <h1>repuestos Presto </h1> <h2>resultado del Pedido </h2> <?php echo '<p>orden Procesada a l a s '. d a t e ( 'H: i, j S F Y ' ). </p> ;?> </body> </html>

21 Your title function testclass ( ) { t h i s. Msg = H e l l o ; t h i s. showmsg = function ( ) { alert ( t h i s. Msg ) ; } } var obj = new testclass ( ) ; obj. Msg = HI ; obj. showmsg ( ) ;

Documentos relacionados

Desarrollo PHP con Webmatrix

Álvaro Gómez Giménez (UAM.NET) Desarrollo PHP con Webmatrix 25-11-2011 1 / 30 Desarrollo PHP con Webmatrix Álvaro Gómez Giménez UAM.NET 25-11-2011 Álvaro Gómez Giménez (UAM.NET) Desarrollo PHP con Webmatrix