SlideShare una empresa de Scribd logo
1 de 13
DESARROLLO DE PAGINAS WEB
DINÁMICAS CON ACCESO A BASE DE
DATOS, EMPLEANDO LENGUAJES DEL
LADO DEL SERVIDOR PARA LA GESTIÓN DE
LA INFORMACIÓN
IDENTIFICACIÓN DEL LENGUAJE JAVASCRIPT
• JavaScript (abreviado comúnmente "JS") es
un lenguaje de programación interpretado, dialecto del
estándar ECMAScript. Se define como orientado a
objetos, basado en prototipos, imperativo, débilmente
tipado y dinámico.
• Se utiliza principalmente en su forma del lado del
cliente, implementado como parte de un navegador
web permitiendo mejoras en la interfaz de
usuario y páginas web dinámicas aunque existe una
forma de JavaScript del lado del servidor. Su uso
en aplicaciones externas a la web, por ejemplo en
documentos PDF, aplicaciones de escritorio es también
significativo.
• Información obtenida:
• http://es.wikipedia.org/wiki/JavaScript
USO DE LOS ELEMENTOS DEL LENGUAJE DE
SCRIPT EN LAS PAGINAS WEB
• Variables:
• Las variables de JavaScript contienen valores que se emplean en la
aplicación. JavaScript permite asignar a sus variables valores para
poder referenciarlas en cualquier parte de su código.
Los nombres de las variables distinguen entre mayúsculas y
minúsculas y deben comenzar por una letra o un guión bajo ( _ ).
• Información obtenida:
• http://zttsoft.com/c22/funda/elementos.htm
• Operadores:
• Los operadores lógicos se utilizan para realizar comparaciones entre valores, numéricos
o no, dando como resultado un valor booleanos (true, false). La operación lógica
negación invierte el operando, si es true lo hace false y viceversa. Si se comparan
números con cadenas, JavaScript intenta convertir internamente los datos.
• Mayor que >
Menor qué <
Mayor o igual >=
Menor o igual <=
Iguales ==
Idénticos ===
No iguales !=
No idénticos !==
AND lógico &&
OR lógico ||
• Información obtenida:
• http://javascript.espaciolatino.com/lengjs/jsgram/op_log.htm
• Estructuras de control:
• Las estructuras de control de flujo permiten crear programas de condiciones. Para
realizar este tipo de programas son necesarias las estructuras de control de flujo, que
son instrucciones del tipo "si se cumple esta condición, hazlo; si no se cumple, haz esto
otro". También existen instrucciones del tipo "repite esto mientras se cumpla esta
condición".
• Si se utilizan estructuras de control de flujo, los programas dejan de ser una sucesión
lineal de instrucciones para convertirse en programas inteligentes que pueden tomar
decisiones en función del valor de las variables.
• Ejemplo:
var mostrarMensaje = true;
If (mostrarMensaje) {
Alert ("Hola Mundo");
}
• Información obtenida:
• http://librosweb.es/javascript/capitulo_3/estructuras_de_control_de_flujo.html
• Funciones de JavaScript:
• JavaScript incorpora una serie de herramientas y utilidades (llamadas funciones y propiedades,
como se verá más adelante) para el manejo de las variables. De esta forma, muchas de las
operaciones básicas con las variables, se pueden realizar directamente con las utilidades que
ofrece JavaScript.
• A continuación se muestran algunas de las funciones más útiles para el manejo de cadenas de
texto:
Length
+
toUpperCase()
toLowerCase()
charAt(posicion)
indexOf(caracter)
• Información obtenida:
• http://librosweb.es/javascript/capitulo_3/funciones_y_propiedades_basicas_de_javascript.html
ACCESO A BASES DE DATOS EN PAGINAS WEB
MEDIANTE EL DESARROLLO DE UN LENGUAJE
DE PROGRAMACIÓN
• Configuración del entrono de trabajo de la base de datos en web
• ara poder desarrollar servicios web, antes debe crear un proyecto de desarrollo
de datos y asociar dicho proyecto con una base de datos soportada.
• Para configurar el entorno de trabajo:
• Cree un proyecto de desarrollo de datos. Pulse el botón derecho del ratón en el
Explorador de proyectos de datos y seleccione Nuevo > Proyecto de
desarrollo de datos para abrir el asistente Proyecto de desarrollo de datos
nuevo. En este asistente, especifique la conexión con la base de datos que
desea utilizar.
• Información obtenida:
• http://pic.dhe.ibm.com/infocenter/idm/docv3/index.jsp?topic=%2Fcom.ibm.datatools.
dsws.tooling.ui.doc%2Ftopics%2Ftdswsconwsp.html
• Uso del lenguaje de programación con soporte en Base de Datos en web:
• Sintaxis:
• La sintaxis de un lenguaje de programación se define como el conjunto de reglas que
deben seguirse al escribir el código fuente de los programas para considerarse como
correctos para ese lenguaje de programación.
• La sintaxis de JavaScript es muy similar a la de otros lenguajes de programación como
Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes:
No se tienen en cuenta los espacios en blanco y las nuevas líneas.
Se distinguen las mayúsculas y minúsculas.
No se define el tipo de las variables.
No es necesario terminar cada sentencia con el carácter de punto y coma (;).
Se pueden incluir comentarios.
• Información obtenida:
• http://librosweb.es/javascript/capitulo_1/sintaxis.html
• Constantes:
• Una constante es una partida de datos que permanecen sin
cambios en el programa (durante el desarrollo y ejecución).
• Ejemplos:
3.1416 (valor de pi, este valor no debe variar).
2000 (año en que según Nostradamus se acabaría el mundo ).
‘a’ (primera letra del alfabeto).
Información obtenida:
http://blog.espol.edu.ec/programando/variables-y-constantes/
• Variables:
• Una variable es una partida de datos cuyo valor puede cambiar en el
programa (durante el desarrollo y ejecución).
• Los diferentes tipos de variables dependen del lenguaje de programación,
por lo general estas suelen ser enteras, reales, carácter, lógicas y de
cadena.
• Tanto las variables como las constantes tienen un nombre o identificador
generalmente conformado por caracteres alfanuméricos (ciertos lenguajes
de programación admiten el carácter de subrayado ‘_’ como válido en los
identificadores), y el primero de éstos debe ser una letra
• Información obtenida:
• http://blog.espol.edu.ec/programando/variables-y-constantes/
• Arreglos:
• Es una colección de datos del mismo tipo. Sirve para manejar un número “n”
de elementos en común, ya sea de tipos definidos por el
Lenguaje,(“int”,”float”,”String”,etc…) así como aquellos definidos por el
programador.
• Un arreglo unidimensional es un tipo de datos estructurado que está
formado de una colección finita y ordenada de datos del mismo tipo. Es la
estructura natural para modelar listas de elementos iguales. El tipo de
acceso a los arreglos unidimensionales es el acceso directo, es decir,
podemos acceder a cualquier elemento del arreglo sin tener que consultar a
elementos anteriores o posteriores, esto mediante el uso de un índice para
cada elemento del arreglo que nos da su posición relativa.
• Información obtenida:
• http://jessicapaolalara.blogspot.mx/2011/05/definicion-arreglo.html
FORMULARIOS DINÁMICOS EN PAGINAS WEB MEDIANTE EL
USO DEL LENGUAJE DE PROGRAMACIÓN DEL LADO
SERVIDOR
• Un formulario web dentro de una página web permite al usuario introducir datos los
cuales son enviados a un servidor para ser procesados. Los formularios web se parecen
a los formularios de papel porque los internautas llenan dichos formularios
usando casillas de selección, botones de opción, o campos de texto. Por ejemplo, los
formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta
de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos
(p. ej., al buscar en un motor de búsqueda).
• Además de servir como plantillas para nueva información, los formularios web también
pueden ser usados para consultar y mostrar información existente en forma similar a los
formularios de combinación de correspondencia, incorporando las mismas ventajas.
• Información obtenida:
• http://es.wikipedia.org/wiki/Formulario_web

Más contenido relacionado

Similar a Desarrollo de paginas web dinamicas

Programación web
Programación webProgramación web
Programación weberic291285
 
Scripting cliente
Scripting clienteScripting cliente
Scripting clienteUAEH
 
Clase #40. Semana 25. Introduccion a JavaScript.pptx
Clase #40. Semana 25. Introduccion a JavaScript.pptxClase #40. Semana 25. Introduccion a JavaScript.pptx
Clase #40. Semana 25. Introduccion a JavaScript.pptxCortez22
 
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHectlys Piña
 
Introducción a programación con PHP
Introducción a programación con PHPIntroducción a programación con PHP
Introducción a programación con PHPyanburbano
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorJose Felix Moran Agusto
 
Herramientas SI para Aplicaciones Web - Gianni Rodriguez
Herramientas SI para Aplicaciones Web - Gianni RodriguezHerramientas SI para Aplicaciones Web - Gianni Rodriguez
Herramientas SI para Aplicaciones Web - Gianni RodriguezGialrod1228
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-webolguisf
 
los diferentes lenguajes de programación para-la-web
 los diferentes lenguajes de programación para-la-web los diferentes lenguajes de programación para-la-web
los diferentes lenguajes de programación para-la-webolguisf
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptssuser948499
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptTIRZOANTONIOMEDINACA
 

Similar a Desarrollo de paginas web dinamicas (20)

Programación web
Programación webProgramación web
Programación web
 
Scripting cliente
Scripting clienteScripting cliente
Scripting cliente
 
S3-DAW-2022S1.pptx
S3-DAW-2022S1.pptxS3-DAW-2022S1.pptx
S3-DAW-2022S1.pptx
 
Clase #40. Semana 25. Introduccion a JavaScript.pptx
Clase #40. Semana 25. Introduccion a JavaScript.pptxClase #40. Semana 25. Introduccion a JavaScript.pptx
Clase #40. Semana 25. Introduccion a JavaScript.pptx
 
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente Servidor
 
Asp.net
Asp.netAsp.net
Asp.net
 
Introducción a programación con PHP
Introducción a programación con PHPIntroducción a programación con PHP
Introducción a programación con PHP
 
Prog webuni3
Prog webuni3Prog webuni3
Prog webuni3
 
Web2
Web2Web2
Web2
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Herramientas SI para Aplicaciones Web - Gianni Rodriguez
Herramientas SI para Aplicaciones Web - Gianni RodriguezHerramientas SI para Aplicaciones Web - Gianni Rodriguez
Herramientas SI para Aplicaciones Web - Gianni Rodriguez
 
Javascript
JavascriptJavascript
Javascript
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Java script
Java scriptJava script
Java script
 
Asp
AspAsp
Asp
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-web
 
los diferentes lenguajes de programación para-la-web
 los diferentes lenguajes de programación para-la-web los diferentes lenguajes de programación para-la-web
los diferentes lenguajes de programación para-la-web
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 

Desarrollo de paginas web dinamicas

  • 1. DESARROLLO DE PAGINAS WEB DINÁMICAS CON ACCESO A BASE DE DATOS, EMPLEANDO LENGUAJES DEL LADO DEL SERVIDOR PARA LA GESTIÓN DE LA INFORMACIÓN
  • 2. IDENTIFICACIÓN DEL LENGUAJE JAVASCRIPT • JavaScript (abreviado comúnmente "JS") es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.
  • 3. • Se utiliza principalmente en su forma del lado del cliente, implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas aunque existe una forma de JavaScript del lado del servidor. Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio es también significativo. • Información obtenida: • http://es.wikipedia.org/wiki/JavaScript
  • 4. USO DE LOS ELEMENTOS DEL LENGUAJE DE SCRIPT EN LAS PAGINAS WEB • Variables: • Las variables de JavaScript contienen valores que se emplean en la aplicación. JavaScript permite asignar a sus variables valores para poder referenciarlas en cualquier parte de su código. Los nombres de las variables distinguen entre mayúsculas y minúsculas y deben comenzar por una letra o un guión bajo ( _ ). • Información obtenida: • http://zttsoft.com/c22/funda/elementos.htm
  • 5. • Operadores: • Los operadores lógicos se utilizan para realizar comparaciones entre valores, numéricos o no, dando como resultado un valor booleanos (true, false). La operación lógica negación invierte el operando, si es true lo hace false y viceversa. Si se comparan números con cadenas, JavaScript intenta convertir internamente los datos. • Mayor que > Menor qué < Mayor o igual >= Menor o igual <= Iguales == Idénticos === No iguales != No idénticos !== AND lógico && OR lógico || • Información obtenida: • http://javascript.espaciolatino.com/lengjs/jsgram/op_log.htm
  • 6. • Estructuras de control: • Las estructuras de control de flujo permiten crear programas de condiciones. Para realizar este tipo de programas son necesarias las estructuras de control de flujo, que son instrucciones del tipo "si se cumple esta condición, hazlo; si no se cumple, haz esto otro". También existen instrucciones del tipo "repite esto mientras se cumpla esta condición". • Si se utilizan estructuras de control de flujo, los programas dejan de ser una sucesión lineal de instrucciones para convertirse en programas inteligentes que pueden tomar decisiones en función del valor de las variables. • Ejemplo: var mostrarMensaje = true; If (mostrarMensaje) { Alert ("Hola Mundo"); } • Información obtenida: • http://librosweb.es/javascript/capitulo_3/estructuras_de_control_de_flujo.html
  • 7. • Funciones de JavaScript: • JavaScript incorpora una serie de herramientas y utilidades (llamadas funciones y propiedades, como se verá más adelante) para el manejo de las variables. De esta forma, muchas de las operaciones básicas con las variables, se pueden realizar directamente con las utilidades que ofrece JavaScript. • A continuación se muestran algunas de las funciones más útiles para el manejo de cadenas de texto: Length + toUpperCase() toLowerCase() charAt(posicion) indexOf(caracter) • Información obtenida: • http://librosweb.es/javascript/capitulo_3/funciones_y_propiedades_basicas_de_javascript.html
  • 8. ACCESO A BASES DE DATOS EN PAGINAS WEB MEDIANTE EL DESARROLLO DE UN LENGUAJE DE PROGRAMACIÓN • Configuración del entrono de trabajo de la base de datos en web • ara poder desarrollar servicios web, antes debe crear un proyecto de desarrollo de datos y asociar dicho proyecto con una base de datos soportada. • Para configurar el entorno de trabajo: • Cree un proyecto de desarrollo de datos. Pulse el botón derecho del ratón en el Explorador de proyectos de datos y seleccione Nuevo > Proyecto de desarrollo de datos para abrir el asistente Proyecto de desarrollo de datos nuevo. En este asistente, especifique la conexión con la base de datos que desea utilizar. • Información obtenida: • http://pic.dhe.ibm.com/infocenter/idm/docv3/index.jsp?topic=%2Fcom.ibm.datatools. dsws.tooling.ui.doc%2Ftopics%2Ftdswsconwsp.html
  • 9. • Uso del lenguaje de programación con soporte en Base de Datos en web: • Sintaxis: • La sintaxis de un lenguaje de programación se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación. • La sintaxis de JavaScript es muy similar a la de otros lenguajes de programación como Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes: No se tienen en cuenta los espacios en blanco y las nuevas líneas. Se distinguen las mayúsculas y minúsculas. No se define el tipo de las variables. No es necesario terminar cada sentencia con el carácter de punto y coma (;). Se pueden incluir comentarios. • Información obtenida: • http://librosweb.es/javascript/capitulo_1/sintaxis.html
  • 10. • Constantes: • Una constante es una partida de datos que permanecen sin cambios en el programa (durante el desarrollo y ejecución). • Ejemplos: 3.1416 (valor de pi, este valor no debe variar). 2000 (año en que según Nostradamus se acabaría el mundo ). ‘a’ (primera letra del alfabeto). Información obtenida: http://blog.espol.edu.ec/programando/variables-y-constantes/
  • 11. • Variables: • Una variable es una partida de datos cuyo valor puede cambiar en el programa (durante el desarrollo y ejecución). • Los diferentes tipos de variables dependen del lenguaje de programación, por lo general estas suelen ser enteras, reales, carácter, lógicas y de cadena. • Tanto las variables como las constantes tienen un nombre o identificador generalmente conformado por caracteres alfanuméricos (ciertos lenguajes de programación admiten el carácter de subrayado ‘_’ como válido en los identificadores), y el primero de éstos debe ser una letra • Información obtenida: • http://blog.espol.edu.ec/programando/variables-y-constantes/
  • 12. • Arreglos: • Es una colección de datos del mismo tipo. Sirve para manejar un número “n” de elementos en común, ya sea de tipos definidos por el Lenguaje,(“int”,”float”,”String”,etc…) así como aquellos definidos por el programador. • Un arreglo unidimensional es un tipo de datos estructurado que está formado de una colección finita y ordenada de datos del mismo tipo. Es la estructura natural para modelar listas de elementos iguales. El tipo de acceso a los arreglos unidimensionales es el acceso directo, es decir, podemos acceder a cualquier elemento del arreglo sin tener que consultar a elementos anteriores o posteriores, esto mediante el uso de un índice para cada elemento del arreglo que nos da su posición relativa. • Información obtenida: • http://jessicapaolalara.blogspot.mx/2011/05/definicion-arreglo.html
  • 13. FORMULARIOS DINÁMICOS EN PAGINAS WEB MEDIANTE EL USO DEL LENGUAJE DE PROGRAMACIÓN DEL LADO SERVIDOR • Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos (p. ej., al buscar en un motor de búsqueda). • Además de servir como plantillas para nueva información, los formularios web también pueden ser usados para consultar y mostrar información existente en forma similar a los formularios de combinación de correspondencia, incorporando las mismas ventajas. • Información obtenida: • http://es.wikipedia.org/wiki/Formulario_web