Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Programa de la asignatura:
Programacin web I
Programacin web I
Unidad 3. Desarrollo de sitios web
ndice
Unidad 3. Desarrollo de sitios web ..................................................................................... 3
Presentacin de la unidad ................................................................................................. 3
Propsitos.......................................................................................................................... 4
Competencia especfica..................................................................................................... 4
3.1. Estructura JavaScript .................................................................................................. 4
Foro de dudas para el desarrollo de un sitio web ............................................................... 5
3.1.1. Objetos, funciones y mtodos sobre JavaScript ....................................................... 6
3.1.2. Eventos sobre JavaScript ........................................................................................ 9
3.1.3. JavaScript combinado con HTML........................................................................... 13
3.1.4. JavaScript y PHP ................................................................................................... 20
Actividad 1. Desarrollo de aplicaciones web con JavaScript ............................................ 28
3.2. Estructura ASP ......................................................................................................... 28
3.2.1. Contenidos bsicos ASP ........................................................................................ 29
3.2.2. Objetos y funciones de ASP................................................................................... 31
3.3. Base de datos para Web........................................................................................... 35
3.3.1. Tipos de base de datos .......................................................................................... 36
3.3.2. Instaladores de servidores web .............................................................................. 38
Actividad 2. Instalacin de servidor web .......................................................................... 39
3.3.3. Conectividad de base de datos con PHP ............................................................... 39
3.3.4. Insercin, consulta, edicin y eliminacin de registros ........................................... 39
Actividad 3. Conexin de base de datos .......................................................................... 40
Autoevaluacin ................................................................................................................ 40
Evidencia de aprendizaje. Construccin del sitio web. Parte 2......................................... 40
Autorreflexiones ............................................................................................................... 41
Cierre de la unidad .......................................................................................................... 41
Fuentes de consulta ........................................................................................................ 43
Programacin web I
Unidad 3. Desarrollo de sitios web
Estas acciones se pueden realizar en una sola con la ayuda de JavaScript. Tambin es
importante tener conocimiento de ASP, porque permite hacer una pgina ms interactiva
y funcional. Como ya se ha explicado anteriormente, ASP es una tecnologa de Microsoft
por lo que es ms exigente para trabajar con ella. Por otro lado, permite obtener de forma
simple y variada informacin especfica a los requerimientos. Ya no es necesario crear
nuevas pginas cada vez que se desee subir nueva informacin, ni estar remodelando
pginas publicadas, con la finalidad de tenerla al da. En la actualidad, con las pginas
web ASP, se pueden crear plantillas, conectarse a base de datos y mostrar as un
contenido distinto para cada requerimiento o necesidad que solicite el dueo del sitio web.
Otro punto muy importante es saber cmo se crean las bases de datos y se conectan en
las pginas web. En la actualidad, los sitios tienen de ms de una base de datos; esto es
porque permiten saber informacin de los usuarios, realizar trmites ms rpidos, hacer
pagos, etctera. Todo para que sean ms fciles y ms factibles para la empresa que
tiene su sitio web.
Algunas marcas que se mencionan en esta unidad son las siguientes:
Programacin web I
Unidad 3. Desarrollo de sitios web
Propsitos
Al trmino de esta unidad logrars:
Competencia especfica
Programacin web I
Unidad 3. Desarrollo de sitios web
<script language=JavaScript>
<!Apertura de etiqueta de ocultamiento
//Cdigo, funciones, objetos, etc.
//Cierre de etiqueta de ocultamiento -->
</script>
Estructura genrica de JavaScript. Fuente: Snchez, 2001, p. 16.
La etiqueta <script> es el nico atributo actualmente fijo sin cambio alguno. Se usa para
indicar el lenguaje de elaboracin de JavaScript (Snchez, 2001).
Los cdigos JavaScript se pueden colocar en la cabecera o en el cuerpo del documento,
dependiendo de la lgica de cada programador y de la necesidad que vayan surgiendo en
la construccin de la pgina web. En los subtemas que conforman este tema, se explicar
con mayor detalle la forma de integrar estos cdigos, as como las ubicaciones idneas
para ellos, dependiendo del objetivo con el que se utilice en la elaboracin de las pginas
de un sitio web.
En el primer subtema, 3.1.1. Objetos, funciones y mtodos sobre JavaScript, se explicar
en qu consisten as como sus funcionalidades, lo que permite mayor interactividad y se
utiliza en la programacin orientada a objetos para la construccin del sitio web, as como
la facilidad con la que se logra mediante los objetos, funciones y mtodos de JavaScript.
(Snchez, 2001).
En el segundo subtema, 3.1.2. Eventos sobre JavaScript, se explicar la forma en que
JavaScript trabaja con eventos gracias a los manipuladores o manejadores de eventos
que incorpora este programa; por ejemplo, si el usuario da clic sobre un botn en una
pgina web, se produce un evento y el correspondiente manejador del evento clic, en este
caso OnClick, registrar la accin y realizar las tareas que se le hayan asignado en tal
caso (Brito, 2009).
En el tercer subtema, 3.1.3. JavaScript combinado con HTML, se expondr cmo funciona
JavaScript en un documento HTML. Esto hace posible que cuando se visualice la pgina
web en un navegador, se observe el funcionamiento de lo que se program en JavaScript.
A la combinacin de JavaScript con HTML se le conoce como JavaScript interno
(Gutirrez, 2009).
En el cuarto subtema, 3.1.4 JavaScript y PHP, se expondr la utilizacin y funcionamiento
de los dos lenguajes de programacin web: JavaScript y PHP, lo que permitir que las
pginas sean ms interactivas.
Programacin web I
Unidad 3. Desarrollo de sitios web
Programacin web I
Unidad 3. Desarrollo de sitios web
En este ejemplo, lo que se hace es llamar a la funcin. Basta con poner el nombre
seguido de los parntesis. En este caso, se define una funcin que muestra texto en la
posicin actual del cursor.
Como expresa Goodman (2007). Un mtodo es una funcin asociada a un objeto y
particular a los objetos del tipo que la define. Los mtodos se define en el mismo sitio que
las funciones y de las misma manera, asocindolos posteriormente a un objeto existente
(p. 85). Significa que un mtodo es una accin que se ejecuta sobre los datos de un
objeto.
La sintaxis para definir un mtodo en JavaScript es la siguiente:
Objeto.nombremetodo = nombre funcin
Sintaxis para definir un mtodo en JavaScript. Fuente: Goodman, 2007.
Programacin web I
Unidad 3. Desarrollo de sitios web
Donde:
this hace siempre referencia al objeto actual.
Ejemplo 2
Aqu se crear una instancia del objeto usando new, atributo del objeto de JavaScript.
Para ello se le asigna una funcin al objeto que calcule la edad del profesor. Para hacerlo
ms simple, slo se restar al ao actual el ao de nacimiento. Un objeto document
permite que se proporcione propiedades y mtodos para poder acceder a otros objetos
dentro de todo el cdigo de JavaScript. Claro est, esto depende de lo que se necesite.
La estructura para saber la edad del profesor con base en el objeto document es la
siguiente:
function calcula_edad( ) {
var edad = 2014 - this.anio_nacimiento;
document.write(Su edad es: <b> + edad + </b>)
}
La funcin se podra escribir en una lnea, pero de esta forma puedes observar cmo
declarar una variable, explcitamente. El tipo se les asigna implcitamente, con base en
el objeto document.
Programacin web I
Unidad 3. Desarrollo de sitios web
Imgenes
Funcionalidad
Controlador
de eventos
OnAbort
Programacin web I
Unidad 3. Desarrollo de sitios web
Blur
Ventanas
y todos los
elementos
de un
formulario
Change
Clic
Se utiliza en
buttons, radio
buttons,
checkboxes,
submit buttons,
reset buttons,
links
DragDrop
Ventanas
Error
Imgenes,
Ventanas
Ventanas y
todos los
elementos de los
formularios
OnError
Documentos,
Imgenes,
enlaces, reas
de texto.
OnKeyDown
Focus
KeyDown
OnBlur
OnChange
OnFocus
10
Programacin web I
Unidad 3. Desarrollo de sitios web
KeyPress
Documentos,
imgenes,
enlaces, reas
de texto
KeyUp
Documentos,
imgenes,
enlaces, reas
de texto
Load
Documentos
OnKeyPress
OnLoad
OnMouseDow
n
OnMouseMov
e
MouseOut
MouseOver Enlaces
MouseUp
Documentos
OnMouseOver
OnMouseUp
11
Programacin web I
Unidad 3. Desarrollo de sitios web
Se produce al
Cargar el documento HTML.
Etiqueta HTML
BODY
onUnload
BODY
onMouseOver
onMouseOut
onClick
onSubmit
onFocus
onSelect
onBlur
onChange
INPUT
INPUT
INPUT, SELECT
Eventos de JavaScript que actan sobre las etiquetas HTML. Fuente: Snchez, 2001.
Estos eventos se utilizan, por ejemplo, si el usuario da clic sobre el botn de la pgina
web. El correspondiente manejador del evento clic, en este caso Onclick, registrar la
accin y realizar las tareas que se le hayan asignado.
A continuacin se muestra un ejemplo de la forma en que se programa onClick en
JavaScript:
12
Programacin web I
Unidad 3. Desarrollo de sitios web
En este ejemplo se utiliza el evento onClick, lo que hace que el usuario cuando da clic en
el elemento llamado Entrar se abra una venta que dice Bienvenidos alumnos de
Ingeniera en Desarrollo de Software.
En la imagen se muestra el resultado del cdigo evento onClick
Es posible visualizar en todos los navegadores web los eventos programados en las
pginas mediante JavaScript.
Por ltimo, es muy importante considerar que tambin existen los objetos del
navegador. Son lo que permiten controlar la navegacin de una pgina web de manera
dinmica. Se utilizan cuando se carga una pgina web en el navegador y se crea un
nmero de objetos caractersticos, segn el contenido de dicha pgina (Snchez, 2001).
Los eventos sobre JavaScript son utilizados para ejecutar funciones que no sern
iniciadas hasta que el evento se ejecute; por lo tanto, te ayudarn en la realizacin de tus
formularios; por ejemplo, cuando el usuario llena un formulario y da clic en enviar, lo que
hace el evento es hacer que se guarde la informacin en la base de datos, y se genere un
formato en PDF integrando o almacenando la informacin con la que fue llenado el
formulario, en este caso el evento realiz dos acciones:
Almacenar la base de datos
Generar un formato PDF
13
Programacin web I
Unidad 3. Desarrollo de sitios web
En este subtema revisars la importancia que tiene JavaScript combinado con HTML.
Como se ha dicho en las unidades anteriores, HTML es el lenguaje principal para el
funcionamiento de los dems lenguajes de programacin web; en este caso, con
JavaScript permite que se visualice lo que se introdujo de cdigo. Se podr visualiza la
interfaz grfica en lo navegadores web.
JavaScript es un sencillo lenguaje de programacin que presenta una caracterstica
especial: sus programas, llamados comnmente scripts en las pginas HTML, se ejecutan
en todos los navegadores. Estos scripts normalmente consisten en funciones que son
llamadas desde el propio HTML cuando algn evento se acciona.
A continuacin, se exponen ejemplos de la combinacin de JavaScript con HTML. En el
siguiente ejemplo se mostrar la utilizacin de onClick y de funciones de JavaScript con
HTML (Brito, N. 2009):
14
Programacin web I
Unidad 3. Desarrollo de sitios web
En el siguiente ejemplo se expone el uso del evento JavaScript window.print (), segn lo
expuesto por Brito, (2009):
Para observar el resultado de este cdigo y la explicacin del funcionamiento del evento
JavaScript window.print (), observa el video Ejemplo de aplicacin del evento
window.print() y explicacin de su funcionalidad.
Para consultar el recurso de video Ejemplo de
aplicacin del evento window.print() y explicacin de
su funcionalidad, da clic en la imagen de la derecha
(es recomendable que descargues el recurso para
una mejor visualizacin).
JavaScript puede programarse en un documento aparte del propio de HTML, pero esto
no quiere decir que no deba utilizarse en un HTML. Cuando se programa slo en
JavaScript se guarda con la extensin .js. Una vez que se guard con esta extensin, se
construye la pgina web en HTML y se manda llamar el documento, por ejemplo
calendario.js, dentro de la pgina web HTML como a continuacin se muestra, segn lo
expuesto por Gutirrez (2009):
15
Programacin web I
Unidad 3. Desarrollo de sitios web
16
Programacin web I
Unidad 3. Desarrollo de sitios web
</div>
</body>
</HTML>
En el ejemplo anterior se muestra cmo se utiliza la sintaxis siguiente:
<script language="JavaScript" src="calendar_us.js"></script>
La sintaxis anterior permite llamar la estructura del calendario (Gutirrez, 2009). El archivo
calendar_us.js tiene cdigo de JavaScript. Para revisar el ejemplo anterior, observa el
video Ejemplo de aplicacin de ficheros externos con JavaScript, donde observars cmo
se elabora un calendario mediante un fichero en JavaScript con la combinacin de HTML.
Es decir, observars el resultado del cdigo anterior y una explicacin sobre la
funcionalidad del fichero calendar_us.js:
Para consultar el recurso de video Ejemplo de aplicacin de ficheros
externos con JavaScript, da clic en la imagen de la izquierda (es
recomendable que descargues el recurso para una mejor
visualizacin).
17
Programacin web I
Unidad 3. Desarrollo de sitios web
</BODY>
</HTML>
Para observar el resultado del ejemplo anterior respecto a la funcin de JavaScript,
especficamente con HTML, se mostrar el resultado con el evento onMouseOver.
Revisa el recurso de video Ejemplo de aplicacin de cdigo con el evento onMouseOver.
Para consultar el recurso de video Ejemplo de
aplicacin de cdigo con el evento onMouseOver da
clic en la imagen de la derecha (es recomendable
que descargues el recurso para una mejor
visualizacin).
18
Programacin web I
Unidad 3. Desarrollo de sitios web
Para observar el resultado del ejemplo anterior, revisa el video Condicin IF en JavaScript
y HTML.
Para consultar el recurso de video Condicin IF en
JavaScript y HTML da clic en la imagen de la
derecha (es recomendable que descargues el
recurso para una mejor visualizacin).
19
Programacin web I
Unidad 3. Desarrollo de sitios web
20
Programacin web I
Unidad 3. Desarrollo de sitios web
21
Programacin web I
Unidad 3. Desarrollo de sitios web
<body>
<P align="right"><a href="<?php echo $logoutAction ?>">CERRAR</a></P>
<p align="center"><img src="imagenes/NEZA1.jpg" width="230" height="314" /></p>
22
Programacin web I
Unidad 3. Desarrollo de sitios web
</fieldset>
<fieldset>
<legend align="left"><font color="#FFE000">Lnea de compras</font></legend>
<form>
<p> Clase de producto:
<select name="id" id="id" onchange="submit()">
<option value=""> </option>
<?php
do {
?>
<option value="<?php echo $row_Recordset1['id']?>"<?php if
(!(strcmp($row_Recordset1['id'], $_POST['id']))) {echo "selected=\"selected\"";} ?>><?php
echo $row_Recordset1['cod_depa']?></option>
<?php
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
$rows = mysql_num_rows($Recordset1);
if($rows > 0) {
mysql_data_seek($Recordset1, 0);
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
}
?>
</select></p>
23
Programacin web I
Unidad 3. Desarrollo de sitios web
Producto:
<select name="id_producto" id="id_producto" onchange="submit()">
<option value="">Seleccione una opcion:</option>
<?php
do {
?>
<option value="<?php echo $row_Recordset2['id_producto']?>"<?php if
(!(strcmp($row_Recordset2['id_producto'], $_POST['id_producto']))) {echo
"selected=\"selected\"";} ?>><?php echo $row_Recordset2['nombreproducto']?></option>
<?php
} while ($row_Recordset2 = mysql_fetch_assoc($Recordset2));
$rows = mysql_num_rows($Recordset2);
if($rows > 0) {
mysql_data_seek($Recordset2, 0);
$row_Recordset2 = mysql_fetch_assoc($Recordset2);
}
En esta parte del cdigo, se observa la forma en que se declaran los
?>
correos electrnicos a donde ser enviada la informacin que se
introduzca al llenar el formulario elaborado con PHP.
</select>
</form>
<form action="mailto:lbellazetin@undad.com.mx?subject= ORDEN DE
COMPRAS&body=Se requiere autorizar la Orden Numero: <?php echo $next_id; ?> con
fecha de <?php include('fecha.php')?>-<?php include('hora.php') ?> "
enctype="multipart/form-data" method="post" onsubmit="doubleSubmit(this);">
<input name="id_producto" type="hidden" id="id_producto" value="<?php echo $id; ?>" />
<label for="nombreproducto"></label>
<select name="nombreproducto" id="nombreproducto">
<option value="">Seleccione otra vez el producto:</option>
<?php
do {
?>
<option value="<?php echo $row_Recordset4['nombreproducto']?>"<?php if
(!(strcmp($row_Recordset4['nombreproducto'], $_POST['nombreproducto']))) {echo
"selected=\"selected\"";} ?>><?php echo $row_Recordset4['nombreproducto']?></option>
<?php
} while ($row_Recordset4 = mysql_fetch_assoc($Recordset4));
$rows = mysql_num_rows($Recordset4);
if($rows > 0) {
mysql_data_seek($Recordset4, 0);
$row_Recordset4 = mysql_fetch_assoc($Recordset4);
}
?>
</select>
Proveedor:
<select name="proveedor" id="proveedor">
<option value="">Seleccione una opcion:</option>
<?php
24
Programacin web I
Unidad 3. Desarrollo de sitios web
do {
?>
<option value="<?php echo $row_Recordset3['proveedor']?>"<?php if
(!(strcmp($row_Recordset3['proveedor'], $_POST['proveedor']))) {echo
"selected=\"selected\"";} ?>><?php echo $row_Recordset3['proveedor']?></option>
<?php
} while ($row_Recordset3 = mysql_fetch_assoc($Recordset3));
$rows = mysql_num_rows($Recordset3);
if($rows > 0) {
mysql_data_seek($Recordset3, 0);
$row_Recordset3 = mysql_fetch_assoc($Recordset3);
}
?>
</select>
<p>Otro Producto/Productos Varios**
:
<textarea name="otro_producto" id="otro_producto"></textarea>
<label for="comprar"></label>
<label for="cotizar"></label>
Cantidad:
<input name="cantidad" type="text" id="cantidad" size="15" />
</p>
<h6>**(En caso si no se encuentra el Producto)</h6>
<p>Unidad:
<select name="unidad" size="1" id="unidad" value="<?php echo $_POST[departamento]
?>" >
<option value="Bolsa(s)">Bolsas(s)</option>
<option value="Caja(s)">Caja(s)</option>
<option value="Galon(es)">Galon(es)</option>
<option value="Litro(s)">Litro(s)</option>
<option value="Metro(s)">Metro(s)</option>
<option value="Milimetro(s)">Milimetro(s)</option>
<option value="Pieza(s)">Pieza(s)</option>
<option value="Paquete(s)">Paquete(s)</option>
</select>
Solicitar autorizacin:
<input name="autorizacion" type="checkbox" id="autorizacion" value="Solicito
Autorizacin" />
</p>
<p>
Solicitante:
<label for="requisitor"></label>
<input name="requisitor" type="text" id="requisitor" size="40" />
<input name="estado" type="hidden" id="estado" value="Nuevo" />
</p>
<p>Departamento:
<label for="select2"></label>
25
Programacin web I
Unidad 3. Desarrollo de sitios web
26
Programacin web I
Unidad 3. Desarrollo de sitios web
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p align="center">
<label for="id_producto"></label>
<input type="hidden" name="num_orden" value="<?php echo $next_id; ?>"/>
27
Programacin web I
Unidad 3. Desarrollo de sitios web
Como observaste, realizar pginas web con JavaScript y PHP es muy interesante, slo
tiene como lmite tu creatividad y lgica para hacer que tus pginas web cuenten con los
estndares de calidad y capten cada vez ms usuarios. En este tema visualizaste que
trabajar con JavaScript no es complicado, pues algunos de sus cdigos ya los aplicaste
en otros lenguajes de programacin, pues slo cambi la manera de declarar. Tambin
observaste que, para ver si es correcto el cdigo, es necesario que se trabaje con HTML,
lo que permitir visualizar el navegador web. JavaScript no se compila como otros
lenguajes de programacin, con esto t podrs agregar cdigo de JavaScript en las
pginas ya desarrolladas en tu proyecto de sitio web en la Unidad 2. Diseo de sitios web,
y hacer que se vuelvan ms interactivas.
28
Programacin web I
Unidad 3. Desarrollo de sitios web
29
Programacin web I
Unidad 3. Desarrollo de sitios web
30
Programacin web I
Unidad 3. Desarrollo de sitios web
Objeto Drive
Concepto
Permite obtener informacin de un
visitante.
Permite enviar la salida para el usuario
desde el servidor.
Permite almacenar informacin o cambiar
la configuracin de una sesin de usuario.
Se utiliza para acceder a las propiedades y
mtodos en el servidor.
Permite almacenar y acceder a las
variables desde cualquier pgina, al igual
que el objeto Session.
Permite obtener informacin acerca de una
unidad de disco local o en un recurso
compartido de red.
31
Programacin web I
Unidad 3. Desarrollo de sitios web
32
Programacin web I
Unidad 3. Desarrollo de sitios web
33
Programacin web I
Unidad 3. Desarrollo de sitios web
Por otro lado, las funciones en ASP facilitan las tareas de la programacin de las pginas,
ya que se puede agrupar el cdigo y ser reutilizado en la misma pgina. Las funciones de
ASP ms utilizadas son: fecha y hora:
Fecha y hora en ASP pone a disposicin sencillas rutinas para consultar la fecha actual
del sistema y la hora del sistema. Dependiendo de cdigo, se ejecuta en el servidor dentro
de las rutinas ASP, o en el cliente. El resultado obtenido ser la fecha y la hora del
servidor, o estos mismos datos relativos al cliente. A continuacin se muestra el cdigo
(Wenz, Rennhaus y Kordwing, 2001):
<!DOCTYPE HTML>
<HTML>
<body>
Fecha de Hoy: <%response.write(date())%>.
<br>
La Hora es: <%response.write(time())%>.
</body>
</HTML>
El resultado del ejemplo anterior es:
Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software
34
Programacin web I
Unidad 3. Desarrollo de sitios web
En este tema se habl del concepto bsico del lenguaje y de los lenguajes de
programacin especficos que ya tienen una sintaxis bsica; por otro lado, se visualizaron
los objetos y funciones bsicas y ms utilizadas para la construccin de pginas web.
ASP se visualiza en el navegador IE. Recuerda que ASP es una tecnologa de Microsoft.
Este lenguaje se utiliza dependiendo las necesidades de la empresa, y si ya tienes
plantillas elaboradas por ti, se te har ms fcil realizar tu sitio web.
35
Programacin web I
Unidad 3. Desarrollo de sitios web
En el subtema 3.3.1 Tipo de bases de datos, aprenders las diferentes bases de datos
que existen, porque las bases de datos pueden clasificarse de muchas maneras, depende
del manejo del contexto o a la utilidad de la misma, esto significa que depende de los
diferente datos almacenados (Spona, 2010).
En el subtema 3.3.2 Instaladores de servidores web, aprenders a utilizar los instaladores
web, ya que AppServ y Xampp tiene los mismo pasos para poder crear bases datos con
sus respectivas tablas.
El subtema 3.3.3. Conectividad de base de datos con PHP es muy importante, ya que de
aqu depende la construccin de las bases de datos para el sitio web. Una vez que se
cuente con el formulario de PHP, se har la conectividad con la base de datos.
36
Programacin web I
Unidad 3. Desarrollo de sitios web
37
Programacin web I
Unidad 3. Desarrollo de sitios web
Modelo de base de datos documentales, este modelo permite que se almacene un texto
completo y permite realizar bsquedas de forma ms rpida (Marn, Medina, Carrillo y
Pons, 2008).
La importancia de conocer los tipos de base de datos permitir identificar aqulla con que
se est trabajando o con la que se requiere trabajar, y as proponer soluciones para la
adminitracin y creacin de base de datos. Como ya se mencion, la creacin de una
base de datos debe ser adecuada a los requerimientos del sitio web de la empresa u
organizacin.
Como observaste en este video, la creacin de las base de datos de las tablas son muy
fciles de realizar. Es muy importante que tengas claro que as como declaraste el
nombre de los campos de las tablas, cuando vincules el formulario de PHP los nombres
de los campos del formulario sean iguales, para que no tengas problema alguno con la
conexin de la base de datos.
38
Programacin web I
Unidad 3. Desarrollo de sitios web
Como puedes observar en el video, los pasos para hacer la conectividad de base de
datos con PHP son muy sencillos; por lo tanto, para complementar tu construccin de sitio
web con la bases de datos no tendrs problema alguno. En el siguiente subtema se
explicarn los pasos que posibilitan jugar con las bases de datos.
39
Programacin web I
Unidad 3. Desarrollo de sitios web
Para observar cmo se crea la edicin y la eliminacin de registros en una pgina web,
observa el video Editar y eliminar registros de una pgina web (UnADM, 2014b; basado
en Beati, 2011):
Para consultar el recurso de video Editar y eliminar registros de una pgina
web, da clic en la imagen de la izquierda (es recomendable que
descargues el recurso para una mejor visualizacin).
Autoevaluacin
El propsito de esta actividad es que puedas conocer los aprendizajes logrados y las
reas de oportunidad producto del estudio de esta tercera unidad.
Para realizar la autoevaluacin, ingresa al listado de actividades en el aula.
40
Programacin web I
Unidad 3. Desarrollo de sitios web
Autorreflexiones
Adems de enviar tu trabajo de la evidencia de aprendizaje, ingresa al foro Preguntas
de Autorreflexin y consulta las preguntas que tu Docente en lnea presente. A partir de
ellas, elabora tu autorreflexin en un archivo de texto llamado DPW1_U3_ATR_XXYZ.
Posteriormente, enva tu archivo mediante la herramienta Autorreflexiones.
Cierre de la unidad
En esta unidad aprendiste y visualizaste la estructura de JavaScript. Observaste que en
JavaScript se necesita trabajar con HTML para as poder interactuar con su cdigo;
adems, JavaScript permite obtener pginas web ms interactivas y realizar diferentes
acciones, claro est, dependiendo de las necesidades y requerimientos que se deban
considerar para la elaboracin del sitio web; as como la creatividad del programador web.
Tambin se mencion que JavaScript y PHP pueden trabajar juntos, con lo cual es
posible integrar funcionalidades de gestin de informacin en una pgina web con
conexin a bases de datos. Respecto al lenguaje ASP, se expusieron las reglas de
sintaxis y que trabaja con el lenguaje Visual Basic Script y JavaScript mediante una
sintaxis fija. ASP, al igual que JavaScript, debe integrarse con el lenguaje de
programacin HTML, slo que ASP trabaja en forma ms directa con el servidor web.
Recuerda que ASP es una tecnologa de Microsoft, por lo cual se rige por ciertas reglas
para trabajar en los sistemas operativos. ASP trabaja con los servidores web IIS y
Apache, y permite realizar plantillas propias de sitios web, posibilita tambin utilizar esas
plantillas para otro sitio web.
Se revis brevemente lo que es una base de datos, en relacin con la forma en que crean
y conectan a un sitio web, ya que en la actualidad es posible realizar este tipo de conexin
de sitios web a bases de datos. Se record que una base de datos es un paquete que
contiene toda la informacin necesaria para el funcionamiento de un sistema o un
proyecto completo. Una base de datos est compuesta por tablas, y las tablas por
campos que son el intermediario entre las bases de datos y las pginas, en las cuales se
mostrarn o se proporcionar eso datos que sern capaces de abrir la conexin, escribir,
leer, editar, etctera, facilitando la interaccin de informacin almacenada.
Para saber ms
Si te interesa saber ms sobre JavaScript, ingresa a los siguientes sitios:
41
Programacin web I
Unidad 3. Desarrollo de sitios web
Arcos Muoz, V., Escribano Santamara, A., Lpez Utrilla, S., Pea Gallego, R.,
Susn Martnez, S., Utrilla Requena, F.A. (2008). Recuperado de
http://www.itescam.edu.mx/principal/sylabus/fpdb/recursos/r88166.PDF
Si deseas saber ms sobre aplicacin de bases de datos en otras reas consulta los
siguientes documentos:
Origel Gutirrez, S. (2006). Recuperado de
http://www.revista.unam.mx/vol.7/num8/art68/int68.htm
http://www.revista.unam.mx/biblioteca/masterorigel.pps
Hernndez Cervantes, L., Santilln Gonzlez, A., y Gonzlez-Ponce, A.R. (2009).
Recuperado de http://www.revista.unam.mx/vol.10/num10/art62/int62-3.htm
Si te interesa saber ms sobre bases de datos, consulta el siguiente sitio donde
encontrars algunos tutoriales sobre la conexin a bases de datos:
42
Programacin web I
Unidad 3. Desarrollo de sitios web
Fuentes de consulta
Ors, J. C. (2011). Diseo de pginas web con XHTML, JavaScript y CSS, 3a. ed.
Mxico: Alfaomega.
Vara Mesa, J. M., Lpez Sanz, M., Granada, D., Irrazbal, E., Jimnez Hernndez,
J. J., Verde Marn, J.. (2012). Gua didctica del profesor de Desarrollo web en
entornos servidor. Madrid: Ra-Ma.
Videografa:
UnADM. Universidad Abierta y a Distancia de Mxico. (2014a). Condicin IF en
JavaScript y HTML [Archivo de video]. Recuperado de http://youtu.be/liXxmeeoAfQ
http://youtu.be/PIoKga77CAY
43
Programacin web I
Unidad 3. Desarrollo de sitios web
44