Guía didactica módulo iv sub ii

Página de
Página 1 de 105
Técnico en
Programador de
Software
Módulo IV
Analizar la Programación II y Tópicos de Programación Web.
Submódulo II
Manipular una Base de Datos Mediante Interfaces Gráficas.

Página de
Página 3 de 105
Oscar David Bustos Torres Baja California Norte
Roberto Rosales Baja California Norte
Nombre 1 Estado 1
Oscar David Bustos Torres Baja California
Lic. Rosalba Reyes Rosales Responsable de normatividad académica
Biol. Irasema G. Anaya Gálvez Responsable de planes y programas de estudio
Ing. Armando Mendoza Cruz Área académica

Página de
Página 4 de 105
Al término del módulo el estudiante es capaz de manipular una base de datosen java e
implementar un sistema básico de control, mediante interfaces gráficas, logrando almacenar
y acceder a información de forma estructuradaconociendo que las bases de datos se usan a
través de los llamados sistemas de gestión de bases de datos, o SGBD, , de los cuales
podemos encontrar algunos ejemplos como son: Oracle o Sybase entre las bases de datos
de pago, y PostgreSQL, MySQL o FireBird entre las libres y gratuitas.
Habitualmente los SGBD se dividen en varias partes: un servidor, que se ejecuta en un
ordenador determinado, y da acceso al espacio estructurado como una BD usando una
variedad de interfaces diferentes, aparte de otra serie de servicios, como autentificación y
autorización, y un cliente, que permiten al usuario o a los programas acceder a esos datos.
El estudiante será capaz de laborar en áreas de empresas desarrolladoras de
softwaremultimedia, sector público, privado o educativo, etc.

Página de
Página 6 de 105
Técnico en Programador de Software
Módulo IV
Aplicar los Fundamentos de Programación II y los Tópicos de Programación
Web.
Submódulo II Manipular una base de datos mediante interfaces gráficas.
Competencia 1 Competencia 2
Construir una base de datos sencilla, mediantesu
modificación, ordenación y realización deconsulta,
para desarrollar aplicacioneselementales.
Instrumentar estructuras relacionales de mediana
complejidad, mediante el manejo de variables, la
generación de reportes, pantallas y bases de datos
múltiples, para implementar aplicaciones más
poderosas y agregar elementos que faciliten el
manejo de la base a otros usuarios.
Atributos de la Competencia Atributos de la Competencia
 Realizar consultas de complejidad mediante
los campos.
 Manejo del lenguaje HTML para el desarrollo
de páginas web.
 Explorar una base de datos existente para
visualizar su contenido y sus elementos
principales.
Saberes Saberes
 Sentencias combinadas para consultas
complejas.
 Sentencias HTML.
 Creación de base de datos en Java.
 Tecnología Web.
 HTML.
 Elementos de Javascript.
 Estructuras de control en Javascript.

Página de
Página 8 de 105
Bienvenido hoy te presentamos tu guía didáctica de el Sub-módulo II
“Manipular una base de datosmediante interfaces gráficas” del
módulo IV “Aplicar los fundamentos de programación II ylos tópicos
de programación web” de tu carrera de técnico en programador de
software y te serviráde apoyo para que logres desarrollar conocimientos,
habilidades, destrezas y actitudes, que te permitiránlograr las
competencias laborales para tu vida.
Así mismo al término del módulo el estudiante será capaz de laborar en áreas de:
Empresas desarrolladoras de software multimedia, sector educativo, desempeñarse
profesionalmente enmercadotecnia, manufactura, finanzas, recursos humanos,
administración, informática, planeación,estrategia en empresas de diversos giros
económicos, tales como empresas del sector turístico, empresasindustriales y de servicio,
maquiladoras y entidades de gobierno. Aplicando los conocimientos, valores yconductas
congruentes con los requerimientos que plantea el ejercicio de la función de un
programador,apegada a los principios constitucionales de legalidad, eficiencia,
profesionalismo y honradez.
Debes tener presente que para lograr las competencias propuestas, se requiere de todo tu
esfuerzo ydedicación, así como de una actitud y disciplina apropiada en las competencias
que serán desarrolladas en elaula, taller y/o industria para ti.

Página de
Página 10 de 105
1. Modelo Relacional.
2. Lenguaje de Definición de Datos.
3. Conceptos de del lenguaje SQL.
4. Crear bases de datos con MySql.
5. Borrado de datos con MySql
6. Actualizar base de datos.
7. Modificar en una base de datos.
8. Consultas.
9. Tecnología WEB.
10. Lenguajes para Internet.
11. Lenguaje HTML.
12. Breve historia de HTML.
13. Elementos de HTML.
14. Estructura de HTML.
15. Concepto de Web semántica.
16. ¿Para que nos sirve la Web semántica?
1. Modelo entidad relación.
2. Ejemplo como crear una base de datos y la tabla.
3. Actualizar una base de datos.
4. Ejemplo de una consulta.
5. Ejemplos de html.
6. Ejemplo de web semántica en búsquedas.
7. Ejemplo de web semántica en búsquedas.
1 Construir una base de datos sencilla, mediantesu
modificación, ordenación y realización deconsulta, para
desarrollar aplicacioneselementales.
1

Página de
Página 11 de 105
1. Identificación grafica de un modelo entidad relación.
2. Mapa Mental.
3. Crear una base de datos.
4. Elaboración de consultas.
5. Diseño de página web.
6. Diseño de estilos y efectos.
7. Elaborar formularios Web.
8. elaborar tablas Web.
9. Cuestionario de la Web Semántica.
1. Creación de diagrama entidad relación.
2. Elaboración de bases de datos desde el DDL.
3. Elaboración de tablas en bases de datos desde un DDL.
4. Registros de bases de datos desde el DDL.
5. Elaboración de consultas en bases de datos desde el DDL.
6. Creación de bases de datos sencillas desde MySql.
7. Pagina Web.

Página de
Página 12 de 105
Los Avances de la Ciencia y la Tecnología han puesto al hombre en un plano intermedio
entre lo tangible e intangible computacionalmente hablando, es ahora tan común el convivir
con un computador diariamente que cada vez se hace más imperativo la mejor interacción
hombre-máquina a través de una adecuada interfaz (Interfaz de Usuario), que le brinde tanto
comodidad,como eficiencia.
El presente guía didáctica es una introducción al mundo de
las Interfaz de Usuarios, en el están los conceptos y
nociones básicas que permitirán en adelante adentrarnos
más en este mundo fascinante.
La idea fundamental en el concepto de interfaz es el de
mediación, entre hombre y máquina. La interfaz es lo que
"media", lo que facilita la comunicación, la interacción,
entre dos sistemas de diferente naturaleza, típicamente el
ser humano y una máquina como el computador. Esto
implica, además, que se trata de un sistema de traducción,
ya que los dos "hablan" lenguajes diferentes: verbo-icónico en el caso del hombre y binario
en el caso del procesador electrónico.
De una manera más técnica se define a Interfaz de usuario, como conjunto de componentes
empleados por los usuarios para comunicarse con las computadoras. El usuario dirige el
funcionamiento de la máquina mediante instrucciones, denominadas genéricamente
entradas. Las entradas se introducen mediante diversos dispositivos, por ejemplo un teclado,
y se convierten en señales electrónicas que pueden ser procesadas por la computadora.
Estas señales se transmiten a través de circuitos conocidos como bus, y son coordinadas y
controladas por la unidad de proceso central y por un soporte lógico conocido como sistema
operativo. Una vez que la UPC ha ejecutado las instrucciones indicadas por el usuario,
puede comunicar los resultados mediante señales electrónicas, o salidas, que se transmiten
por el bus a uno o más dispositivos de salida, por ejemplo una impresora o un monitor.
Resumiendo entonces podemos decir que, una interfaz de software es la parte de una
aplicación que el usuario ve y con la cual interactúa. Está relacionada con la subyacente
estructura, la arquitectura, y el código que hace el trabajo del software, pero no se confunde
con ellos. La interfaz incluye las pantallas, ventanas, controles, menús, metáforas, la ayuda
en línea, la documentación y el entrenamiento. Cualquier cosa que el usuario ve y con lo cual
interactúa es parte de la interfaz. Una interfaz inteligente es fácil de aprender y usar. Permite
a los usuarios hacer su trabajo o desempeñar una tarea en la manera que hace más sentido

Página de
Página 13 de 105
para ellos, en vez de tener que ajustarse al software. Una interfaz inteligente se diseña
específicamente para la gente que la usará.
Así mismo decimos que una base de datos es una colección de información organizada de
forma que un programa de ordenador pueda seleccionar
rápidamente los fragmentos de datos que necesite. Una base de
datos es un sistema de archivos electrónico.
Enconclusiónpodemos decir queel conocimiento de estos puntos
clave, nos permitirán enfocarnos mejor al estudio de este
submodulo.
Conociendo que las Interfaces de usuario, son como vínculo de inmersión del hombre en el
entorno de trabajo tecnológico actual, realzan su importancia en el desarrollo de nuevos
productos, más eficaces, eficientes e interactivos, que es lo que el mercado demanda.
Puntos, cómo los históricos y evolutivos, deben ser abordados de manera más investigativa,
recordemos que "conocer el pasado nos proyecta al futuro".Otras puntualizaciones de
clasificación obligarán a que investiguemos y propongamos, nuevas distribuciones
clasificatorias, útiles a futuro en una carrera de desarrollo de software.

Página de
Página 14 de 105
.
El encuadre grupal es importante para que el docente dé a conocer al estudiante los
contenidosdel sub-módulo, las competencias a desarrollar, criterios de evaluación y la forma
de cómo seobtendrán los desempeños esperados mediante la co-evaluación, autoevaluación
y heteroevaluación, durante eldesarrollo del semestre de la asignatura en cuestión, así como
el reglamento internodel grupo, la integración de equipos, etc. Ayudara a dar un juicio
objetivo en tu evaluación.
Es muy importante en este apartado saber los conocimientos previos que el
estudianteposee,para que el docente visualice de donde partir en el submódulo
correspondiente.
ATRIBUTOS DE
LA
COMPETENCIA
 Realizar consultas de complejidad mediante los
campos.
 Manejo del lenguaje HTML para el desarrollo de
páginas web.
RESULTADO DE
APRENDIZAJE
Al término del módulo el estudiante realiza una
aplicación Web, eligiendo las tecnologías más
adecuadas en función del tipo de aplicación a realizar.
Es muy importante el
encuadre grupal ya que es
aquí donde conoce el
estudiante como va hacer
evaluado.

Página de
Página 15 de 105
Modelo entidad-relación
Los diagramas o modelos entidad-relación (denominado por su siglas, ERD
“DiagramEntityrelationship”) son una herramienta para el modelado de datos de un sistema de
información. Estos modelos expresan entidades relevantes para un sistema de información, sus inter-
relaciones y propiedades.
El Modelo de Entidad Relación es un modelo de datos basado en una percepción del mundo real que
consiste en un conjunto de objetos básicos llamados entidades y relaciones entre estos objetos,
implementándose en forma gráfica a través del Diagrama Entidad Relación.
Nombre Modelo Relacional. No. 1
Instrucciones
para el Alumno
Elaborar undiagrama entidad-relación
Saberes a
adquirir
 Sentencias
combinadas
para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Investiga las figuras para la representación
grafica del modelo entidad relación.
Se puede definir cono Entidad a
cualquier objeto, real o abstracto, que
existe en un contexto determinado o
puede llegar a existir y del cual
deseamos guardar información
Entidad = Tabla
Hablamos de ejemplares cuando nos
referimos a una clase de objetos con
características similares
Ejemplares = registros
Ejemplares de información similar
se agrupan en entidades

Página de
Página 16 de 105
Nombre Modelo entidad relación. No. 1
Instrucciones
para el Alumno
Identifica gráficamente el modelo entidad relación.
Competencias
Genéricas a
Desarrollar
Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la
utilización de medios, códigos y herramientas apropiados.
Manera
Didáctica de
Lograrlas
Observa como esta diseñado el modelo entidad relación.

Página de
Página 17 de 105
_____________
_______________________
Nombre Identificación grafica de un modelo entidad relación. No. 1
Instrucciones
para el Alumno
Sobre la línea escribe la palabra verdadero si corresponde al modelo entidad
relación de lo contrario escribe falso.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Mediante la observación identifica el modelo entidad relación.

Página de
Página 18 de 105
Nombre Creación de diagrama entidad relación. No. 1
Competencia a
Desarrollar
Construir una base de datos sencilla, mediantesu modificación, ordenación y
realización deconsulta, para desarrollar aplicacioneselementales.
Atributos de la
competencia
 Realizar consultas de complejidad mediante los campos.
Instrucciones
para el Alumno
Elabora un diagrama entidad relación para el departamento de recursos humanos
de un hotel.
Instrucciones
para el
Docente
Proporcionar la información así como el software necesario para que los
estudiantes elaboren la practica solicitada.
Recursos
materiales de
apoyo
Computadora, dispositivos de almacenamiento, impresora, hojas blancas, lápiz,
borrador, colores.
Competencias
Genéricas a
Desarrollar
Desarrolla innovaciones y propone soluciones a problemas a partir de métodos
establecidos.
Manera
Didáctica de
Lograrlas
El estudiante muestra su interés y participa de manera entusiasta para desarrollar
el trabajo asignado.

Página de
Página 19 de 105
Un lenguaje de definición de datos (DataDefinitionLanguage, DDL por sus siglas eninglés)
es un lenguajeproporcionado por el sistema de gestión debase de datos que permite a los
usuarios de lamisma llevar a cabo las tareas de definición delas estructuras que almacenarán
los datos asícomo de los procedimientos o funciones quepermitan consultarlos. Ya sea a
usuariosespecíficos o a un rol credo dentro de la basede datos.
La principal herramienta de una base de datos, el sistema gestor de bases de datos (DBMS).
A través de éste se realizan todas las operaciones con los datos (consultas y transacciones),
de forma que al DBA no le atañe la manera en que los datos se encuentran almacenados
físicamente, pudiéndose concentrar en los aspectos conceptuales en cuanto a diseño,
desarrollo y mantenimiento. Un DBMS típico integra los siguientes componentes:
 Un lenguaje de definición de datos (DDL: Data DefinitionLanguage).
 Un lenguaje de manipulación de datos (DML: Data ManipulationLanguage)
 Un lenguaje de consulta (QL: QueryLanguage).
 De forma accesoria, pero ya casi obligada, los DBMS modernos añaden un interfaz de
usuario gráfico (GUI: GraphicalUser Interface).
 consultas mediante ejemplo (posiblemente gráficas) ((G)QBE: (Graphical)
QueryByExample)
El QL por excelencia es el llamado StructuredQueryLanguage (SQL), que, aun con
muchas modificaciones y adiciones, es un estándar de las DBMS relacionales (RDBMS:
RelationalDatabase Management System). Hoy en día, sin embargo, con la llegada de las
DBMS orientadas a objetos (ODBMS: ObjectDatabase Management System), otros estándar
de consulta se han hecho necesarios; así ha nacido otro estándar, OQL
(ObjectQueryLanguage), como resultado de una de las primeras implementaciones de
Nombre Lenguaje de Definición de Datos No. 2
Instrucciones
para el Alumno
Analiza la información referente al DDL
Saberes a
adquirir
 Sentencias
combinadas
para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Mediante el análisis de la información crea y
construye su propio concepto del DDL.

Página de
Página 20 de 105
ODBMSs(O2, de O2 Technologies). Además, una base de datos puede ser consultada y
modificada mediante técnicas "externas", es decir, mediante lenguajes de programación de
propósito general, típicamente de tercera generación (3GL). Hoy en día, estas técnicas se
hallan muy avanzadas, existiendo estándares que simplifican el acceso a diferentes DBMSs
de forma transparente, tales como ODBC (Open DatabaseConnectivity), que garantizan el
acceso a los datos de bases, posiblemente remotas, de distintas compañías.
¿Qué es MySQL?
MySQL es el servidor de bases de datos relacionales más
popular, desarrollado y proporcionado por MySQL AB. MySQL AB
es una empresa cuyo negocio consiste en proporcionar servicios
en torno al servidor de bases de datos MySQL.
MySQL es un sistema de administración de bases de datos
Una base de datos es una colección estructurada de datos. La información que puede
almacenar una base de datos puede ser tan simple como la de una agenda, un contador, o
un libro de visitas, ó tan vasta como la de una tienda en línea, un sistema de noticias, un
portal, o la información generada en una red corporativa. Para agregar, accesar, y procesar
los datos almacenados en una base de datos, se necesita un sistema de administración de
bases de datos, tal como MySQL.
MySQL es un sistema de administración de bases de datos relacionales
Una base de datos relacional almacena los datos en tablas separadas en lugar de poner
todos los datos en un solo lugar. Esto agrega velocidad y flexibilidad. Las tablas son
enlazadas al definir relaciones que hacen posible combinar datos de varias tablas cuando se
necesitan consultar datos. La parte SQL de "MySQL" significa "Lenguaje Estructurado de
Consulta", y es el lenguaje más usado y estandarizado para accesar a bases de datos
relacionales.
MySQL es Open Source
Open Source significa que la persona que quiera puede usar y modificar MySQL. Cualquiera
puede descargar el software de MySQL de Internet y usarlo sin pagar por ello. Inclusive,
cualquiera que lo necesite puede estudiar el código fuente y cambiarlo de acuerdo a sus
necesidades. MySQL usa la licencia GPL (Licencia Pública General GNU), para definir qué
es lo que se puede y no se puede hacer con el software para diferentes situaciones. Sin
embargo, si uno está incómodo con la licencia GPL o tiene la necesidad de incorporar código
de MySQL en una aplicación comercial es posible comprar una versión de MySQL con una
licencia comercial
¿Por qué usar MySQL?
El servidor de bases de datos MySQL es muy rápido, seguro, y fácil de usar. Si eso es lo que
se está buscando, se le debe dar una oportunidad a MySQL. Se pueden encontrar
comparaciones de desempeño con algunos otros manejadores de bases de datos en la
página de MySQL.

Página de
Página 21 de 105
El servidor MySQL fue desarrollado originalmente para manejar grandes bases de datos
mucho más rápido que las soluciones existentes y ha estado siendo usado exitosamente en
ambientes de producción sumamente exigentes por varios años. Aunque se encuentra en
desarrollo constante, el servidor MySQL ofrece hoy un conjunto rico y útil de funciones. Su
conectividad, velocidad, y seguridad hacen de MySQL un servidor bastante apropiado para
accesar a bases de datos en Internet.
Algunos detalles técnicos de MySQL
El software de bases de datos MySQL consiste de un sistema cliente/servidor que se
compone de un servidor SQL multihilo, varios programas clientes y bibliotecas, herramientas
administrativas, y una gran variedad de interfaces de programación (APIs). Se puede obtener
también como una biblioteca multihilo que se puede enlazar dentro de otras aplicaciones
para obtener un producto más pequeño, más rápido, y más fácil de manejar.

Página de
Página 22 de 105
Nombre Mapa Mental. No. 2
Instrucciones
para el Alumno
Elabora un mapa mental acerca de MySql.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza y desarrolla información para realizar un mapa mental de MySql.
Para realizar esta actividad es
muy importante haber
comprendido para que te
puede servir el conocer MySql.

Página de
Página 23 de 105
Investigar los conceptos de los elementos del lenguaje SQL:
SELECT, FROM, WHERE, ALTER, TABLE, ADD, BETWEEN,
CREATE, DATABASE, ETC.
Investiga los comandos como por ejemplo: CREATE, DROP, ALTER,
SELECT, INSERT, DELETE, UPDATE.
Investiga clausulas tales como: FROM, WHERE, GROUP BY,
HAVING, ORDER BY.
Así como también te recomendamos investigar los operadores lógicos, operadores de
comparación y por ende las funciones de agregado.
Con esto podrás conocer y diseñar bases de datos desde el lenguaje de definición de datos de
manera eficiente así como también podrás comprender a profundidad cada concepto, comando y
clausula investigada.
De cualquier otra forma te presentamos en la siguiente sección, referente a esto, lo cual te
servirá de ayuda en la compresión de esta actividad, te recordamos que esta información es
básica y deberás realizar tu investigación complementaria.
Nombre Conceptos de del lenguaje SQL No. 3
Instrucciones
para el Alumno
Investigar los conceptos de los elementos del lenguaje SQL: SELECT, FROM,
WHERE,ALTER, TABLE, ADD, BETWEEN, CREATE,DATABASE, ETC.
Saberes a
adquirir
 Sentencias
combinadas
para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Investiga, analiza e interpreta los comandos
de SQL

Página de
Página 24 de 105
Comandos DLL
Comando Descripción
CREATE Utilizado para crear nuevas tablas, campos e índices
DROP Empleado para eliminar tablas e índices
ALTER Utilizado para modificar las tablas agregando campos o cambiando la definición de los campos.
Comandos DML
Comando Descripción
SELECT Utilizado para consultar registros de la base de datos que satisfagan un criterio determinado
INSERT Utilizado para cargar lotes de datos en la base de datos en una única operación.
UPDATE Utilizado para modificar los valores de los campos y registros especificados
DELETE Utilizado para eliminar registros de una tabla de una base de datos
Cláusulas
Las cláusulas son condiciones de modificación utilizadas para definir los datos que desea
seleccionar o manipular.
Cláusula Descripción
FROM Utilizada para especificar la tabla de la cual se van a seleccionar los registros
WHERE Utilizada para especificar las condiciones que deben reunir los registros que se van a seleccionar
GROUP BY Utilizada para separar los registros seleccionados en grupos específicos
HAVING Utilizada para expresar la condición que debe satisfacer cada grupo
ORDER BY Utilizada para ordenar los registros seleccionados de acuerdo con un orden específico

Página de
Página 25 de 105
Operadores Lógicos
Operador Uso
AND Es el "y" lógico. Evalúa dos condiciones y devuelve un valor de verdad sólo si ambas son ciertas.
OR Es el "o" lógico. Evalúa dos condiciones y devuelve un valor de verdad si alguna de las dos es cierta.
NOT Negación lógica. Devuelve el valor contrario de la expresión.
Operadores de Comparación
Operador Uso
< Menor que
> Mayor que
<> Distinto de
<= Menor ó Igual que
>= Mayor ó Igual que
= Igual que
BETWEEN Utilizado para especificar un intervalo de valores.
LIKE Utilizado en la comparación de un modelo
In
Utilizado para especificar registros de una base de
datos

Página de
Página 26 de 105
Una vez que conoces los comandos, es el momento de acceder a una base de datos.
Suponga que en su hogar posee varias mascotas y desea registrar distintos tipos de
información sobre ellas. Puede hacerlo si crea tablas para almacenar sus datos e introduce
en ellas la información deseada. Entonces, podrá responder una variedad de preguntas
acerca de sus mascotas recuperando datos desde las tablas. Esta sección le muestra como:
 Crear una base de datos
 Crear una tabla
 Introducir datos en la tabla
 Recuperar datos desde la tabla de varias maneras
 Emplear múltiples tablas
Nombre Crear bases de datos con MySql. No. 4
Instrucciones
para el Alumno
Analiza la información que se presenta
Saberes a
adquirir
 Sentencias
combinadas para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Analiza y comprende los comandos de un
DDL para la creación de bases de datos.

Página de
Página 27 de 105
Si te estás preguntando ¿Cómo crear una base de datos en mysql? pero no tienes la menor
idea, aquí te ayudaremos a solucionarlo
Para todos aquellos que nunca han creado una base de datos en mysql y se preguntan cuál
es su estructura aquí está un ejemplo muy simple de base de datos en mysql:
create database if not exists èjemplode`;
use èjemplode`;
CREATE TABLE `basedatosmysql` (
ìd` smallint(7) unsigned NOT NULL auto_increment,
`nombre` varchar(50) NOT NULL default '',
`categoria` varchar(50) NOT NULL default '',
`descripcion` text NOT NULL,
PRIMARY KEY (ìd`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 PACK_KEYS=0 AUTO_INCREMENT=8140 ;
O bien dela siguiente forma:
Creación de la base de datos
Una vez dentro de MySQL, el primer paso es crear la base de datos:
Createdatabase postal;
Nombre Ejemplo como crear una base de datos y la tabla. No. 2
Instrucciones
para el Alumno
Analiza el siguiente código y sus comandos para la creación de una base de datos
desde su inicio con su respectiva tabla.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza e interpreta la información que a continuación se presenta.

Página de
Página 28 de 105
Feld Type Null Key Default Extra
Perfume Vachar(20) Yes Null
Marca Vachar(20) Yes Null
Depto Char(2) Yes Null
Item Int(4) Yes Null
X_cont_ml Int(3) Yes Null
X_precio Float(6) Yes Null
X_pais_origen Vachar(20) Yes Null
Fecha Date Yes Null
Nombre Crear una base de datos. No. 3
Instrucciones
para el Alumno
Observa la siguiente tabla de perfumería, y realiza como ejercicio la creación de
una base de datos con MySql utilizando las cláusulas correspondientes sabiendo
que pertenece a la base de datos Sears.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Desarrolla, analiza y aplica la creación de bases de datos en su cuaderno como
ejercicio.
Recuerda utilizar el
comando USE de MySql ya
que la base de datos ya fue
creada.

Página de
Página 29 de 105
Nombre Elaboración de bases de datos desde el DDL No. 2
Competencia a
Desarrollar
Atributos de la
competencia
Instrucciones
para el Alumno
Elaborar una base de datos en MySql de una veterinaria. Creando la base de datos
desde cero.
Instrucciones
para el
Docente
estudiantes elaboren la práctica solicitada.
Recursos
materiales de
apoyo
Computadora, impresora, dispositivo de almacenamiento, Lenguaje de definición
de datos, hojas blancas.
Competencias
Genéricas a
Desarrollar
Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante
la utilización de medios, códigos y herramientas apropiados.
Manera
Didáctica de
Lograrlas
Elaborando practicas manejado el lenguaje de definición de datos.

Página de
Página 30 de 105
Nombre Elaboración de tablas en bases de datos desde un DDL. No. 3
Competencia a
Desarrollar
Atributos de la
competencia
Instrucciones
para el Alumno
Crear las tablas necesarias para la base de datos de una veterinaria en MySql.
Instrucciones
para el
Docente
Recursos
materiales de
apoyo
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas

Página de
Página 31 de 105
Borrado de datos.
La sentencia DELETE.
Para borrar datos de una tabla, debemos utilizar la sentencia DELETE.
La sintaxis de la sentencia DELETE es la siguiente:
DELETE FROM <nombre_tabla>
[ WHERE<condicion>];
Cuando trabajemos con la sentencia DELETE debemos tener en cuenta las siguientes
consideraciones:
 Solo podemos borrar datos de una única tabla.
 Cuando borramos datos de una vista, los estamos borrando también de la tabla. Las
vistas son solo una forma de ver los datos, no una copia.
Nombre Borrado de datos con MySql No. 5
Instrucciones
para el Alumno
Saberes a
adquirir
 Sentencias
combinadas para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Analiza y comprende la sentencia de
borrado de un registro por un DDL dentro de
una de bases de datos.

Página de
Página 32 de 105
Normalmente, las informaciones presentes en una base de datos no son estáticas, sino que
evolucionan en el tiempo. Existe, por tanto, la necesidad no sólo de añadir nuevos datos,
sino de modificar los que están ya incluidos en las tablas de la base de datos. Las
instrucciones SQL que se usan para este fin son UPDATE y DELETE. La primera modifica
los valores presentes en una o más columnas de una o más líneas de una tabla. La segunda
elimina una o más líneas de una tabla.
La sintaxis de UPDATE es la siguiente:
UPDATE nombre_tabla
SET lista_asignaciones
[ WHEREexpresión_condicional ]
Las asignaciones se especifican del modo:
nombre_columna = expresión_escalar
La instrucción UPDATE actualiza las columnas de la tabla que se han especificado en la
cláusula SET, utilizando los valores que son calculados por las correspondientes expresiones
escalares. Si se expresa también la cláusula WHERE, se actualizan sólo las líneas que
satisfacen la expresión condicional. Véase que la expresión escalar usada para actualizar
una columna puede ser también el resultado de una query escalar, es decir una query que
devuelve una sola línea y una sola columna.
Nombre Actualizar base de datos. No. 6
Instrucciones
para el Alumno
Saberes a
adquirir
 Sentencias
combinadas para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
actualizar datos desde un DDL dentro de

Página de
Página 33 de 105
Veamos un ejemplo:
UPDATE Person
SET given_names = 'Stefano'
WHERE surname = 'Spaccapietra'
La instrucción anterior cambia el valor de la columna given_name de la tabla Person en las
líneas (en nuestro caso es una sola) en que la columna surname tiene valor 'Spaccapietra'.
La sintaxis de DELETE es:
DELETE FROM nombre_tabla
[ WHEREexpresión_condicional ]
La instrucción delete elimina de una tabla todas las líneas que satisfacen la expresión
condicional de la cláusula WHERE. Si WHERE no se especifica, se cancelan todas las líneas
de la tabla.
Si en la definición de la tabla se han especificado las cláusulas ON UPDATE u ON DELETE,
en el momento en que se ejecutan estas operaciones también se ejecutan las que habían
estado previstas en las columnas referenciadas (CASCADE, SET DEFAULT o SET NULL).
Nombre Actualizar una base de datos. No. 3
Instrucciones
para el Alumno
Analiza la sintaxis del código de SQL e interpreta la manera de actualizar en
MySql
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza la sintaxis de MySql para actualizar un registro dentro de una base de
datos

Página de
Página 34 de 105
Cómo modificar los datos ya presentes en la base de datos. A veces, sin embargo, no basta
con modificar los datos, sino que es necesario actualizar la estructura misma de la base de
datos para conseguir que se puedan representar nuevas informaciones. Desde el momento
en que la estructura de la base de datos se da sustancialmente por la unión de las tablas que
la componen, su actualización corresponde a la eliminación de tablas o al cambio de sus
características.
Para eliminar una tabla de una base de datos la orden SQL que hay que usar es DROP TABLE:
DROP TABLE nombre_tabla{ RESTRICT | CASCADE }
nombre_tabla es el nombre de la tabla que tiene que será eliminada.Si se especifica la
cláusula CASCADE, se eliminan automáticamente los vínculos de integridad y las vistas
(view) en que la tabla está implicada. Y viceversa: si se especifica la cláusula RESTRICT y
existen vínculos de integridad o vistas que se refieran a la tabla, la operación fracasa.
Nombre Modificar en una base de datos. No. 7
Instrucciones
para el Alumno
Saberes a
adquirir
 Sentencias
combinadas para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
modificar un registro de un DDL dentro de

Página de
Página 35 de 105
Nombre Registros de bases de datos desde el DDL. No. 4
Competencia a
Desarrollar
Atributos de la
competencia
Instrucciones
para el Alumno
Utiliza las opciones de actualizar, modificar y eliminaren una base de datos de una
veterinaria con MySql.
Instrucciones
para el
Docente
Recursos
materiales de
apoyo
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas

Página de
Página 36 de 105
¿Qué es una consulta?
Básicamente, una consulta (query) es una forma de buscar, encontrar y exhibir determinada
información, extrayéndola del cúmulo de datos que almacena la base.
Los datos que responderán a la consulta pueden provenir de una o varias tablas. En la figura
1.2 el recuadro griseado titulado "Una vista del cliente" es un formulario que toma los datos
de una consulta, la que agrupa información proveniente de las tablas de clientes, de
provincias, de categorías IVA y de vendedores. A la respuesta de la consulta se la
denomina hoja de respuestas dinámicas.
Se le llama dinámica porque cualquier dato que se modifique en la mencionada hoja (que
podrían ser, por ejemplo, los del recuadro gris de la figura), es actualizado en la(s) tabla(s)
correspondientes.
Nombre Consultas. No. 8
Instrucciones
para el Alumno
Saberes a
adquirir
 Sentencias
combinadas para
consultas
complejas.
Manera
Didáctica
de
Lograrlos
Comprende el concepto de una consulta en
una base de datos

Página de
Página 37 de 105
Como ejemplo, diremos que con una consulta podremos:
 Localizar inmediatamente el nombre y la dirección de una determinada persona.
 Imprimir cartas y etiquetas dirigidas a residentes de determinada provincia.
 Extender una orden de reposición para productos que hayan llegado a un límite
predetermina-do de sus existencias.
 Imprimir un resumen total de ventas, con subtotales por productos o fechas.
 Imprimir cartas recordatorias de vencimientos a 30, 60 o más días.
Recuerda:
Nombre Ejemplo de una consulta. No. 4
Instrucciones
para el Alumno
Analiza los ejemplos de consultas en una base de datos
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza la forma de saber que es una consulta en una base de datos
Las consultas son las que trabajamos en la pantalla del
monitor; de esta manera podremos ingresar y modificar los
datos directamente en el formulario de la pantalla, formulario
que habremos diseñado previamente según nuestra
necesidad y en el que podremos incluir también material
gráfico (fotos) y sonidos.

Página de
Página 38 de 105
Considera lo siguiente:
Las consultas de selección se utilizan para indicar al motor de datos que devuelva
información de las bases de datos, esta información es devuelta en forma de conjunto de
registros que se pueden almacenar en un objeto recordset. Este conjunto de registros es
modificable.
Consultas básicas
La sintaxis básica de una consulta de selección es la siguiente:
SELECT Campos FROM Tabla;
En donde campos es la lista de campos que se deseen recuperar y tabla es el origen de los
mismos, por ejemplo:
SELECT Nombre, Telefono FROM Clientes;
Esta consulta devuelve un recordset con el campo nombre y teléfono de la tabla clientes.
Nombre Elaboración de consultas. No. 4
Instrucciones
para el Alumno
Elabora una consulta en hojas blancas o en el cuaderno y presenta a tu maestro.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Desarrolla, analiza y aplica la elaboración de consultas en DDL.

Página de
Página 39 de 105
Nombre Elaboración de consultas en bases de datos desde el DDL. No. 5
Competencia a
Desarrollar
Atributos de la
competencia
Instrucciones
para el Alumno
Elaborar por lo menos dos consultas de la base de datos de la veterinaria en
MySql.
Instrucciones
para el
Docente
estudiantes elaboren la practica solicitada.
Recursos
materiales de
apoyo
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Elaborando practicas manejado el lenguaje de definición de datos MySql.

Página de
Página 40 de 105
Nombre Creación de bases de datos sencillas desde MySql. No. 6
Competencia a
Desarrollar
realización deconsulta, para desarrollar aplicaciones elementales.
Atributos de la
competencia
Instrucciones
para el Alumno
Elaborar una base de datos sencilla de un consultorio dental en MySql.
Instrucciones
para el
Docente
Recursos
materiales de
apoyo
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Elaborando practicas manejado el lenguaje de definición de datos MySql.
Recuerda No olvidar tu
dispositivo de
almacenamiento para la
realización de tus prácticas.

Página de
Página 41 de 105
Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. El
concepto se utiliza en el ámbito tecnológico para nombrar a una red
informática y, en general, a Internet (en este caso, suele escribirse como
Web, con la W mayúscula).
El término, de todas formas, tiene varios usos. Además de nombrar a Internet en general, la
palabra web puede servir hacer mención a una página web, un sitio web o hasta un servidor
web.
Una página web es un documento que incluye un archivo HTML con texto, imágenes, videos,
animaciones Flash, etc. Al conjunto de páginas web que suelen formar parte del mismo
dominio o subdominio de Internet se lo conoce como sitio web. Dentro del sitio web, todas las
páginas guardan alguna relación entre sí y están vinculadas mediante vínculos (también
conocidos como enlaces, hipervínculos, hiperenlaces o links).
El servidor web, por otra parte, es un programa creado para transferir páginas web a través
de la implementación del protocolo HTTP. Por extensión, se denomina servidor a la
computadora donde se ejecuta dicho tipo de software.
Web 2.0, por otra parte, es un concepto que permite nombrar a las aplicaciones de Internet
que facilitan la interacción de los usuarios. Los sitios que forman parte de la Web 2.0
posibilitan que los internautas compartan información y desarrollen tareas de forma
mancomunada.
Nombre Tecnología WEB. No. 9
Instrucciones
para el Alumno
Analiza e Investiga sobre la tecnología web.
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Analiza la información sobre tecnología web.

Página de
Página 42 de 105
Entre los ejemplos de Web 2.0 pueden nombrarse a las redes sociales (como Facebook), los
portales de alojamiento de videos (YouTube) e imágenes (Flickr) y los servicios wikis
(Wikipedia).
Analiza e investiga más
acerca de tecnología
Web.

Página de
Página 43 de 105
Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos
han ido surgiendo debido a las tendencias y necesidades de las plataformas. En la presente
guía didáctica se pretende mostrar las ventajas y desventajas de los lenguajes más
conocidos.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se
dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las
tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio
lugar a desarrollar lenguajes de programación para la web dinámica, que permitieran
interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos
una introducción a los diferentes lenguajes de programación para la web.
Lenguaje HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es
un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de
HyperTextMarkupLanguage, en español Lenguaje de Marcas Hipertextuales). Desarrollado
por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm,
html).
Nombre Lenguajes para Internet. No. 10
Instrucciones
para el Alumno
Analiza los diferentes lenguajes que podrás encontrar para el desarrollo de
tecnología web.
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Analiza y comprende las sintaxis de los
diferentes lenguajes de Internet.

Página de
Página 44 de 105
Sintaxis:
<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>
</html>
<b></b>Negrita
<p></p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta
Ventajas:
 Sencillo que permite describir hipertexto.
 Texto presentado de forma estructurada y agradable.
 No necesita de grandes conocimientos cuando se cuenta con un editor de páginas
web o WYSIWYG.
 Archivos pequeños.
 Despliegue rápido.
 Lenguaje de fácil aprendizaje.
 Lo admiten todos los exploradores.
Desventajas:
 Lenguaje estático.
 La interpretación de cada navegador puede ser diferente.
 Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la
corrección.
 El diseño es más lento.
 Las etiquetas son muy limitadas.
Lenguaje Javascript
Este es un lenguaje interpretado, no requiere compilación. Fue creado por BrendanEich en la
empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a
Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La
mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar
incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado
DOM (en inglés DocumentObjectModel, en su traducción al español Modelo de Objetos del
Documento).
Sintaxis:
<script type="text/javascript"> ... </script>

Página de
Página 45 de 105
Ventajas:
 Lenguaje de scripting seguro y fiable.
 Los script tienen capacidades limitadas, por razones de seguridad.
 El código Javascript se ejecuta en el cliente.
Desventajas:
 Código visible por cualquier usuario.
 El código debe descargarse completamente.
 Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS
(significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las
hojas de estilo CSS).
Lenguaje PHP
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo
recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home
Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación
de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP
no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado
Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C,
Java y Perl con algunas características específicas. Los archivos cuentan con la extensión
(php).
Sintaxis:
La sintaxis utilizada para incorporar código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
<?php
$mensaje = “Hola”;
echo $mensaje;
?>
Ventajas:
 Muy fácil de aprender.
 Se caracteriza por ser un lenguaje muy rápido.
 Soporta en cierta medida la orientación a objeto. Clases y herencia.
 Es un lenguaje multiplataforma: Linux, Windows, entre otros.
 Capacidad de conexión con la mayoría de los manejadores de base de datos:
MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
 Capacidad de expandir su potencial utilizando módulos.

Página de
Página 46 de 105
 Posee documentación en su página oficial la cual incluye descripción y ejemplos de
cada una de sus funciones.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Incluye gran cantidad de funciones.
 No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Desventajas:
 Se necesita instalar un servidor web.
 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser
más ineficiente a medida que las solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
 La programación orientada a objetos es aún muy deficiente para aplicaciones
grandes.
 Dificulta la modularización.
 Dificulta la organización por capas de la aplicación.
Seguridad:
PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en
forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a
archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades
hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir
programas CGI que Perl o C, y con la selección correcta de opciones de configuración en
tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de
programación.
Lenguaje ASP
Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio
web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en
1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet
Information Server (IIS).
ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden
utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se
puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado
junto con el código HTML. Los archivos cuentan con la extensión (asp).
Sintaxis:
<%@ Page Language="VB" %>
<html>
<body>
<form runat="server">
</form>
</body>

Página de
Página 47 de 105
</html>
Ventajas:
 Usa Visual Basic Script, siendo fácil para los usuarios.
 Comunicación óptima con SQL Server.
 Soporta el lenguaje JScript (Javascript de Microsoft).
Desventajas:
 Código desorganizado.
 Se necesita escribir mucho código para realizar funciones sencillas.
 Tecnología propietaria.
 Hospedaje de sitios web costosos.
Lenguaje ASP.NET
Este es un lenguaje comercializado por Microsoft, y usado por programadores para
desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP,
fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP.
Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de
ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx).
Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net.
Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones
anteriores.
Sintaxis:
<%@ Page Language="VB" %>
<html>
<body>
<form runat="server">
</form>
</body>
</html>
Ventajas:
 Completamente orientado a objetos.
 Controles de usuario y personalizados.
 División entre la capa de aplicación o diseño y el código.
 Facilita el mantenimiento de grandes aplicaciones.
 Incremento de velocidad de respuesta del servidor.
 Mayor velocidad.
 Mayor seguridad.

Página de
Página 48 de 105
Desventajas:
 Mayor consumo de recursos.
Lenguaje JSP
Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages.
Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma.
Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET,
desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas
basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un
servidor Tomcat.
Sintaxis:
Características:
 Código separado de la lógica del programa.
 Las páginas son compiladas en la primera petición.
 Permite separar la parte dinámica de la estática en las páginas web.
 Los archivos se encuentran con la extensión (jsp).
 El código JSP puede ser incrustado en código HTML.
Elementos de JSP
Los elementos que pueden ser insertados en las páginas JSP son los siguientes:
1) Código: se puede incrustar código “Java”.
2) Directivas: permite controlar parámetros del servlet.
3) Acciones: permite alterar el flujo normal de ejecución de una página.
Ventajas:
 Ejecución rápida del servlets.
 Crear páginas del lado del servidor.
 Multiplataforma.
 Código bien estructurado.
 Integridad con los módulos de Java.
 La parte dinámica está escrita en Java.
 Permite la utilización se servlets.
Desventajas:
 Complejidad de aprendizaje.

Página de
Página 49 de 105
Lenguaje Python
Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el
sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl.
Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación
de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es
un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores
adopten por un estilo de programación particular:
 Programación orientada a objetos.
 Programación estructurada.
 Programación funcional.
 Programación orientada a aspectos.
Sintaxis:
Ejemplo de una clase en Phyton:
defdibujar_muneco(opcion):
ifopcion == 1:
C.create_line(580, 150, 580, 320, width=4, fill="blue")
C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')
Ventajas:
 Libre y fuente abierta.
 Lenguaje de propósito general.
 Gran cantidad de funciones y librerías.
 Sencillo y rápido de programar.
 Licencia de código abierto (Opensource).
 Orientado a Objetos.
 Portable.
Desventajas:
 Lentitud por ser un lenguaje interpretado.
Lenguaje Ruby
Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993
por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton,
Perl. Es distribuido bajo licencia de software libre (Opensource).
Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla.
Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de
ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y
cursos en español.

Página de
Página 50 de 105
Sintaxis:
puts "hola"
Características:
 Existe diferencia entre mayúsculas y minúsculas.
 Múltiples expresiones por líneas, separadas por punto y coma “;”.
 Dispone de manejo de excepciones.
 Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo
permite.
 Portátil.
Ventajas:
 Permite desarrollar soluciones a bajo Costo.
 Software libre.

Página de
Página 51 de 105
HTML es un lenguaje de programación que se utiliza para el
desarrollo de páginas de Internet. Se trata de la sigla que
corresponde a HyperTextMarkupLanguage, es decir,
Lenguaje de Marcas de Hipertexto, que podría ser traducido
comoLenguaje de Formato de Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las
etiquetas SGML (Standard GeneralizedMarkupLanguage).
Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y
que se entiende como un sistema que permite ordenar y etiquetar diversos documentos
dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las
etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se
dice que es un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen
como textos y sobre su estructura, complementando dicho texto con diversos objetos (como
fotografías, animaciones, etc.).
Nombre Lenguaje HTML. No. 11
Instrucciones
para el Alumno
Concepto de HTML
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Comprende el concepto de HTML.

Página de
Página 52 de 105
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que
ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también
llamadas tags, que permiten interconectar diversos conceptos y formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través
de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma
a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí
mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como
scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de
procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados
son JavaScript y PHP.
El marcado estructural es el que estipula la finalidad del texto, aunque no define cómo se
verá el elemento. El marcado prestacional, por su parte, es el que se encarga de señalar
cómo se verá el texto más allá de su función.
Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver
códigofuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta
opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando.

Página de
Página 53 de 105
Breve historia del HTML
Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado “memex”, el cual era
considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por
computadora que recibiría el nombre de oNLineSystem que poseía
un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se
encontraba conectada de forma electrónica y que más tarde permitiría la creación de la
World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una
variada información sirviéndose de Internet (servía para la comunicación entre investigadores
nucleares que formaran parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer una
descripción de HTML en un documento que publicó en 1991. Allí describía
veintidós componentes que suponen el diseño más básico y simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de este sistema de
hipervínculos debía ser comprendido, tanto por ordenadores tontos como por
Nombre Breve historia de HTML. No. 12
Instrucciones
para el Alumno
Analiza la historia de HTML
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Analiza la historia de HTML.

Página de
Página 54 de 105
mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que
respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de
red (HTTP).
Al día de hoy existen los Editores Web que permiten que los diseñadores,
a través de herramientas gráficas que reciben el nombre de WYSIWYG
puedan crear páginas web sin conocer el código html, este se crea de
forma automatizada, dándole estructura a la web y permitiendo que sea
más allá del ordenador donde es creada. Entre los recursos que pueden
enlazarse al código HTML se encuentran fotografías, vídeos, archivos de
otras webs o incluso de la misma y todo tipo de contenido que se
encuentre subido a la red.

Página de
Página 55 de 105
A las instrucciones que forman el lenguaje HTML las denominaremos elementos. Se
distinguen dos tipos de elementos:
Elementos llenos:
Estos elementos se forman mediante una marca de inicio y otra de final. En HTML las
marcas se delimitan con los signos < (inferior a) y > (superior a). La marca de fin es idéntica
a la inicial pero con el añadido de la barra inclinada, /, justo antes del nombre de la misma.
Un texto marcado tendrá por tanto este aspecto:
...texto normal <marca> texto afectado por la marca </marca> resto del texto...
Por ejemplo, para resaltar un texto en negrita, se emplea la marca <B> de la siguiente forma:
...texto normal <B> texto en negrita </B> resto del texto...
Si en este ejemplo nos hubiésemos olvidado de la marca de final, el resto de la página
estaría también en negrita.
Elementos vacíos:
Estos elementos no requieren de la marca final, ya que normalmente no producen un efecto
sobre el texto en sí, sino que definen separadores.
Nombre Elementos de HTML. No. 13
Instrucciones
para el Alumno
Identifica los elementos de HTML
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Conoce e identifica los elementos de HTML.

Página de
Página 56 de 105
Por ejemplo el elemento <HR> que sirve para mostrar una línea horizontal en la pantalla, se
escribirá:
<HR>
Elementos con argumentos:
Algunos elementos tienen argumentos, los cuales son denominados atributos. Cada uno de
estos atributos podrá tener un valor el cual irá entre comillas, si es alfanumérico:
<marca atributo1 atributo2=numerico atributo3="alfanumetrico">
Ejemplos:
<HR NOSHADE>
<TABLE WIDTH=300> ... </TABLE>
<A HREF="/home/default.html"> ... </A>
Si se quieren utilizar caracteres como < o > en el texto normal, habrá que acudir a un artificio
para que el browser no intente interpretarlos como marca. Estos caracteres así como otros
símbolos utilizados en el código HTML se reemplazarán por los siguientes grupos de
caracteres:
 el carácter < será reemplazado por <
 el carácter > será reemplazado por >

Página de
Página 57 de 105
Nombre Ejemplos de html. No. 5
Instrucciones
para el Alumno
Analiza las imágenes de código para la creación de paginas web
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza la sintaxis del HTML para la creación de paginas web

Página de
Página 58 de 105
Estructura de una página HTML
Estructura básica
 Cada página comienza con: < HTML >.
 A continuación viene la cabecera, delimitada por < HEAD >y < /HEAD >.
 Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a
continuación, y finalizarán con < /BODY >.
 La página acabará con < /HTML >.
Es decir:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>
Nombre Estructura de HTML. No. 14
Instrucciones
para el Alumno
Conoce la estructura de HTML
Saberes a
adquirir
 Sentencias
HTML.
Manera
Didáctica
de
Lograrlos
Conoce la estructura del como debe estar la
estructura de HTML para la creación de
paginas web

Página de
Página 59 de 105
Cabecera
La cabecera de un documento está delimitada por las etiquetas < HEAD >y </HEAD > Sus
componentes son opcionales. El más importante es <TITLE>, que permite escribir el título
del documento. El título no se muestra en la página, sino en la parte superior de la ventana
del visualizador, como identificador en los bookmarks y en la historylist. Se utiliza de la
siguiente forma:
<HEAD>
<TITLE>Título del documento HTML</TITLE>
</HEAD>
Cuerpo
Es la parte delimitada por <BODY> y < /BODY >. Puede llevar los siguientes atributos:
 BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.
 BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse.. Más
adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en
inglés: white, blue, red, green ...
 TEXT="######": color del texto. Por defecto será negro.
 LINK="######": color de los links. Por defecto será azul.
 VLINK="######": color de los links visitados. Por defecto será violeta.

Página de
Página 60 de 105
Nombre Ejemplo de Web semántica en búsquedas. No. 6
Instrucciones
para el Alumno
Identifica la sintaxis del HTML.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Identifica la sintaxis de HTML para la creación de página web con código HTML.

Página de
Página 61 de 105
Nombre Diseño de página web. No. 5
Instrucciones
para el Alumno
Diseña en papel la estructura que tendría tu página web.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Elabora en papel como podrías elabora una página web con lo aprendido hasta
ahora.
Recuerda contar con hojas
blancas para el desarrollo de
esta actividad.

Página de
Página 62 de 105
<html>Asíquedaría….
<head>
<title> estilos y efectos </title>
</head>
<body>
<p>
--- E S T I L O S ---
</p>
<p>
Este es un <em>estilo</em>
<br/>
Este es un <strong>estilo</strong>
<br/>
Este es un <code>estilo</code>
<br/>
Este es un <abbr>estilo</abbr>
<br/>
Este es un <acronym>estilo</acronym>
<br/>
Este es un <dfn>estilo</dfn>
<br/>
Este es un <kbd>estilo</kbd>
<br/>
Este es un <samp>estilo</samp>
<br/>
Este es un <var>estilo</var>
<br/>
</p>
</body>
</html>
Nombre Diseño de estilos y efectos No. 6
Instrucciones
para el Alumno
Diseña en papel la estructura que tendría tu página web.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza y desarrolla la creación de algunas estilo para el desarrollo de pagina
web.

Página de
Página 63 de 105
Asi Quedaria ….
<html>
DAME TUS DATOS <br/><br/>
<b>Nombre:</b><br/>
<input type="text" name="nombre"><br/><br/>
<b>Edad:</b><br/>
<input type="text" name="edad"><br/><br/>
<b>Sexo:</b><br/>
<input type="radio" name="sexo" value="masculino"/>Masculino<br/>
<input type="radio" name="sexo" value="masculino"/>Femenino<br/><br/>
<b>Pasatiempos:</b><br/>
<input type="checkbox" name="pasatiempo1" value="Futbol"/>Futbol<br/>
<input type="checkbox" name="pasatiempo2" value="Cine"/>Cine<br/>
<input type="checkbox" name="pasatiempo3" value="Java"/>Bailar<br/>
<input type="checkbox" name="pasatiempo4" value="Bailar"/>Cantar<br/><br/>
<input type="submit" value="Guardar">
</html>
Nombre Elaborar formularios Web. No. 7
Instrucciones
para el Alumno
Elabora un formulario como se muestra en la figura y código que se te presenta,
puedes realizar cambios según formulario quieras mostrar.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza y desarrolla la creación de formularios web.

Página de
Página 64 de 105
Asi Quedaria …
<html>
<head>
<title> TABLAS </title>
</head>
<body>
<table border="2">
<caption> N I E V E S </caption>
<tr>
<th> tipo </th><th> precio </th><th> foto </th>
</tr>
<tr>
<td> limon </td>
<td> ch - 10 <br> md - 15 <br> gr - 20 </td>
<td><img src="img1.jpg"></td>
</tr>
<tr>
<td> fresa </td>
<td> ch - 10 <br> md - 15 <br> gr - 20 </td>
</tr>
<tr>
<td> chocolate </td>
<td> ch - 10 <br> md - 15 <br> gr - 20 </td>
</tr>
</table>
</body>
</html>
Nombre Elaborar tablas Web. No. 8
Instrucciones
para el Alumno
Elabora tablas como se muestra en la figura y código que se te presenta, puedes
realizar cambios según formulario quieras mostrar.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Analiza y desarrolla la creación de tablas dentro de tu pagina web.

Página de
Página 65 de 105
La Web Semántica es la nueva generación de la Web, que intenta realizar un filtrado automático
preciso de la información. Para ello, es necesario hacer que la información que reside en la Web sea
entendible por las propias máquinas. Especialmente su contenido, más allá de su simple estructura
sintáctica.
Con lo cual, podemos determinar que la Web Semántica trata sobre diferentes ámbitos, por un lado
es un conjunto de lenguajes y procedimientos para poder añadir esa semántica a la información para
que sea entendible por los agentes encargados de procesarla. Y por el otro lado trata, el desarrollo y
la construcción de los agentes encargados de procesar esa información y filtrar la que es útil para los
usuarios o para agentes que tienen que realizar una determinada función.
Con este fin, los agentes deben recuperar y manipular la información pertinente, lo que requiere una
integración sin fisuras con la Web y aprovechar totalmente las infraestructuras existentes.
Al dotar a la Web por lo tanto, de semántica, se pueden obtener soluciones a problemas habituales
en la búsqueda de información gracias a la utilización de una infraestructura común, mediante la cual,
es posible compartir, procesar y transferir información de forma sencilla.
Como punto adicional, la Web Semántica también trata la forma en la cual se implementan servicios
web fiables e interoperables a gran escala, creando una web de servicios interpretables e
interoperables que agentes inteligentes puedan descubrir, ejecutar y componer automáticamente
Nombre Concepto de Web semántica. No. 15
Instrucciones
para el Alumno
Conoce el significado de la web semántica.
Saberes a
adquirir
Sentencias HTML.
Manera
Didáctica
de
Lograrlos
Analiza y comprende el concepto de web
semántica.

Página de
Página 66 de 105
La Web Semántica
La Web Semántica es una Web extendida, dotada de mayor significado en la que cualquier
usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y
sencilla gracias a una información mejor definida. Al dotar a la Web de más significado y, por
lo tanto, de más semántica, se pueden obtener soluciones a problemas habituales en la
búsqueda de información gracias a la utilización de una infraestructura común, mediante la
cual, es posible compartir, procesar y transferir información de forma sencilla. Esta Web
extendida y basada en el significado, se apoya en lenguajes universales que resuelven los
problemas ocasionados por una Web carente de semántica en la que, en ocasiones, el
acceso a la información se convierte en una tarea difícil y frustrante.
¿Para qué sirve?
La Web ha cambiado profundamente la forma en la que nos comunicamos, hacemos
negocios y realizamos nuestro trabajo. La comunicación prácticamente con todo el mundo en
cualquier momento y a bajo coste es posible hoy en día. Podemos realizar transacciones
económicas a través de Internet. Tenemos acceso a millones de recursos,
independientemente de nuestra situación geográfica e idioma. Todos estos factores han
contribuido al éxito de la Web. Sin embargo, al mismo tiempo, estos factores que han
propiciado el éxito de la Web, también han originado sus principales problemas: sobrecarga
de información y heterogeneidad de fuentes de información con el consiguiente problema de
interoperabilidad.
Nombre ¿Para que nos sirve la Web semántica? No. 16
Instrucciones
para el Alumno
Conoce el significado de la web semántica.
Saberes a
adquirir
Sentencias HTML.
Manera
Didáctica
de
Lograrlos
Comprende y conoce para que nos sirve la
web semántica en la elaboración de
consultas web.

Página de
Página 67 de 105
La Web Semántica ayuda a resolver estos dos importantes problemas permitiendo a los
usuarios delegar tareas en software. Gracias a la semántica en la Web, el software es capaz
de procesar su contenido, razonar con este, combinarlo y realizar deducciones lógicas para
resolver problemas cotidianos automáticamente.
Funcionamiento de la web semántica.
Supongamos que la Web tiene la capacidad de construir una base de conocimiento sobre las
preferencias de los usuarios y que, a través de una combinación entre su capacidad de
conocimiento y la información disponible en Internet, sea capaz de atender de forma exacta
las demandas de información por parte de los usuarios en relación, por ejemplo, a reserva de
hoteles, vuelos, médicos, libros, etc.
PRINCIPALES COMPONENTES:
Entre los principales componentes de la Web Semántica podemos encontrar XML, XML
Schema, RDF, RDF Schema y OWL. La descripción de OWL en inglés “Ontology Web
Language” describe las funciones y relaciones de cada componente de la Web Semántica:
 XML: Provee una sintaxis elemental para las estructuras de contenidos dentro de
documentos.
 XML Schema: Es un lenguaje para proporcionar y restringir la estructura y el
contenido de los elementos contenidos dentro de documentos XML.
 RDF: Es un lenguaje simple para expresar modelos de los datos, que refieren a los
objetos “recursos” y a sus relaciones. Un modelo de RDF-based se puede representar
en sintaxis de XML.
 RDF Schema: Es un vocabulario para describir propiedades y clases de recursos
RDF-based, con semántica para generalizar-jerarquías de las propiedades y clases.
 OWL: Es un mecanismo para desarrollar temas o vocabularios específicos en los que
podamos asociar esos recursos.

Página de
Página 68 de 105
Por ejemplo, para encontrar todos los vuelos a Praga para mañana por la mañana, obtendría
unos resultados exactos sobre su búsqueda. Sin embargo la realidad es otra. La figura 1
muestra los resultados inexactos que se obtendrían con el uso de cualquier buscador actual,
el cual ofrecería información variada sobre Praga pero que no tiene nada que ver con lo que
realmente el usuario buscaba. El paso siguiente por parte del usuario es realizar una
búsqueda manual entre esas opciones que aparecen, con la consiguiente dificultad y pérdida
de tiempo. Con la incorporación de semántica a la Web los resultados de la búsqueda serían
exactos. La figura 2 muestra los resultados obtenidos a través de un buscador semántico.
Estos resultados ofrecen al usuario la información exacta que estaba buscando. La ubicación
geográfica desde la que el usuario envía su pregunta es detectada de forma automática sin
necesidad de especificar el punto de partida, elementos de la oración como "mañana"
adquirirían significado, convirtiéndose en un día concreto calculado en función de un "hoy".
Algo semejante ocurriría con el segundo "mañana", que sería interpretado como un momento
determinado del día. Todo ello a través de una Web en la que los datos pasan a ser
información llena de significado. El resultado final sería la obtención de forma rápida y
sencilla de todos los vuelos a Praga para mañana por la mañana.
Nombre Ejemplo de web semántica en búsquedas. No. 7
Instrucciones
para el Alumno
Identifica el ejemplo de la web semántica ,
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Identifica por medio de un ejemplo como se puede utilizar la web semántica en
búsquedas.

Página de
Página 69 de 105
Figura 1 - Resultados obtenidos con un buscador normal
Buscador Actual
Vuelos a praga para mañana por la mañana Buscar
Resultados de la búsqueda:
Toda la magia de Budapest y Praga
... Suplementos Gran Premio Fórmula 1 en Budapest para las
salidas del ... con Ferias y/o Congresos en Praga del 9 ... Más
información de los vuelos ...
LA VANGUARDIA DIGITAL - Praga, testigo de la historia
europea
... Para emergencias el teléfono de la policía es el 150, el de las
ambulancias el ... 46) y Praga tres días por semana. Los vuelos
salen de Madrid (Tel ...
Foros sobre Europa República Checa Pragainkietante
... solo decirte que me llamó la atención tu alias (aunque no me
llamo Raula) y que me voy mañana mismo para Praga ...
buscador de vuelos ...
ofertas de espectáculos, viajes y hoteles al mejor precio
... autoridades que tienen tres copas gigantes para entregar a ...
mañana creo que cogeremos el bus mañana ... En Atrápalo
puedes también reservar vuelos ...

Página de
Página 70 de 105
Figura 2 - Resultados obtenidos con un buscador semántico
La forma en la que se procesará esta información no sólo será en términos de entrada y
salida de parámetros sino en términos de su SEMÁNTICA. La Web Semántica como
infraestructura basada en metadatos aporta un camino para razonar en la Web, extendiendo
así sus capacidades.
No se trata de una inteligencia artificial mágica que permita a las máquinas entender las
palabras de los usuarios, es sólo la habilidad de una máquina para resolver problemas bien
definidos, a través de operaciones bien definidas que se llevarán a cabo sobre datos
existentes bien definidos.
Buscador Semántico
Vuelos a praga para mañana por la mañana
Buscar
Resultados de la búsqueda:
viajaconnosotros.com - viajes a Praga
... todos los vuelos a Praga desde tu
ciudad que saldrán mañana por la
mañana, ordenados según su hora de
salida ...
viajes a Praga - vuelos disponibles
... lista de vuelos. Horarios de salida
y llegada ...
Ofertas especiales - vuelos a Praga
... ofertas especiales de vuelos a
Praga ...
Analiza bien los dos
ejemplos anteriores,
para que puedas
comprender la web
semántica.

Página de
Página 71 de 105
Otra tecnología que ofrece la Web Semántica para enriquecer los contenidos de la Web
tradicional es RDFa. Mediante RDFa se pueden representar los datos estructurados visibles
en las páginas Web (eventos en calendarios, información de contacto personal, información
sobre derechos de autor, etc.), a través de unas anotaciones semánticas incluidas en el
código e invisibles para el usuario, lo que permitirá a las aplicaciones interpretar esta
información y utilizarla de forma eficaz.
Por ejemplo, una aplicación de calendario podría importar directamente los eventos que
encuentra al navegar por cierta página Web, o se podrían especificar los datos del autor de
cualquier foto publicada, así como la licencia de cualquier documento que se encuentre. Para
extraer el RDF se podría utilizar GRDDL, una técnica estándar para extraer la información
expresada en RDF desde documentos XML, y en particular, de las páginas XHTML.
Figura 3 - Ilustración del ejemplo de consulta de eventos de calendario
El objetivo es satisfacer las expectativas
de búsqueda de usuarios que requieren
respuestas precisas.El encuadre grupal
ayuda a comprender la importancia de
lograr la competencia eficientemente.

Página de
Página 72 de 105
¿Qué es la Web Semántica?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
¿Para qué sirve la Web Semántica?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
¿Cómo funcionala Web Semántica?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
¿Cómo surge la Web Semántica?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
Nombre Cuestionario de la Web Semántica. No. 6
Instrucciones
para el Alumno
Contesta a cada pregunta que a continuación aparecen correctamente.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Resolviendo el siguiente cuestionario podrás entender a un mas acerca de la web
semántica

Página de
Página 73 de 105
¿Cuál es su objetivo?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
¿Cuáles son sus principales componentes?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
Bien Ahora se realizara al
evaluación de tus
respuestas.

Página de
Página 74 de 105
Nombre Pagina Web. No. 7
Competencia a
Desarrollar
Construir una base de datos sencilla, mediante su modificación, ordenación y
realización de consultas, para desarrollar aplicaciones elementales.
Atributos de la
competencia
 Manejo del lenguaje HTML para el desarrollo de páginas web.
Instrucciones
para el Alumno
Realiza la implementación de una página web donde puedas incluir temas vistos
con lenguaje de programación web.
Instrucciones
para el
Docente
Proporciona el equipo necesario, el IDE y su respectivo DDL.
Recursos
materiales de
apoyo
Computadora, Internet, dispositivo de almacenamiento.
Competencias
Genéricas a
Desarrollar
 Escucha, interpreta y emite mensajes pertinentes en distintos contextos
mediante la utilización de medios, códigos y herramientas apropiados.
 Desarrolla innovaciones y propone soluciones a problemas a partir de
métodos establecidos.
Manera
Didáctica de
Lograrlas
Implementando la página como herramienta tecnológica.

Página de
Página 75 de 105
Como te habrás dado cuenta En esta primera
competencia conociste y aprendiste el lenguaje de
definición de datos así como la creación de bases de
datos desde MySql, dominaste también lo de web
dentro del submodulo Manipular una base de datos
mediante interfaces gráficas.
Llevándote por el interesante mundo del
programador y conociendo las bases de datos con interfaces graficas, así como se te facilito
esta primera competencia esperamos sigas preparándote día a día por el mundo de la
informática.
Te felicitamos porque si tú llegaste hasta aquí significa que sigues avanzando, y esperamos
que nada ni nadie te detenga. Te invitamos a que continúes, pregunta a tu maestro todas las
dudas que tengas y verás que el futuro dentro de la carrera de técnico programador de
software será mucho mejor para ti.
Date cuenta ahora, tú sabes utilizar un lenguaje de definición de datos y sobre todos utilizarlo
en interface grafica. Continua así y veraz lo que podrás lograr en la siguiente competencia
FELICIDADES!!!! Y TE INVITAMOS A QUE AHORA APRENDAS A UTILIZAR LAS LISTAS
ENLAZADAS DE DATOS ASI COMO LOS ARBOLES…..

Página de
Página 76 de 105
1. Modelo Vista Controlador.
2. Javascript.
3. Características de Javascript.
4. Elementos de JavaScript.
5. Actividad 5
1. Votos.
2. Javascript.
3. Ejemplo de elementos de JavaScript.
1. Sopa de letras.
2. Mapa mental JavaScript.
3. Ejercitando en Papel.
4. Elementos de JavaScript.
1. Elabora tu propia página web.
2. Elabora una base de datos.
3.
Instrumentar estructuras relacionales de mediana complejidad, mediante el
manejo de variables, la generación de reportes, pantallas y bases de datos
múltiples, para implementar aplicaciones más poderosas y agregar elementos
que faciliten el manejo de la base a otros usuario.
2

Página de
Página 77 de 105
Hoy en día los gráficos por computadora son el principal medio de comunicación entre
usuarios y computadoras, debido a su facilidad de uso. Pues los diferentes recursos
disponibles de representan con imágenes que pueden controlarse con dispositivos de
entrada tales como teclado, mouse, pantallas sensitivas al contacto etc.
Ya que es el punto de entrada en la interacción del usuario con la computadora y sirve de
ayuda que se tenga un desarrollo de un interfaz grafica adecuada en nuestras aplicaciones.
Las bases de datos espaciales se han convertido en una alternativa a los software
tradicionales y SQL es el lenguaje que utilizan los SGBD para gestionar sus bases de datos
tanto alfanuméricas como espaciales. Dentro del mundo del software libre PostgreSQL y su
extensión espacial PostGIS se han convertido en el sistema gestor de bases de datos
(SGDB) más extensamente utilizado a nivel mundial, siendo empleado en multitud de
proyectos y aplicaciones tanto de escritorio como web.
En esta competencia que nos familiarizarnos con el uso del lenguaje SQL en general, así
como dar a conocer su potencia y funcionalidad y adentrarse especialmente en su
componente especial y consecuentemente en las funciones para el tratamiento y
manipulación de los datos podremos realizar una interfaz segura y su vista ya sea en el
modelo vista contralor o en una interfaz de HTML veras como se desarrollan bases de datos
eficientes y con vista atractiva para el usuario y el programador.

Página de
Página 78 de 105
.
Como primera actividad es muy importante realizar un encuadre grupal para que el
estudiante comprenda las posibles tecnologías web y las bases de datos existentes en su
contenido y sobre todo los elementos.
El docente muestra las tecnologías web y como puede utilizar las bases de datos de forma
adecuada demás de realizar actividades para poder identificar loes elementos y
características que tiene esta tecnología en el mundo actual.
ATRIBUTOS DE
LA
COMPETENCIA
 Explorar una base de datos existente para visualizar su
contenido y sus elementos principales.
RESULTADO DE
APRENDIZAJE
Al término del módulo el estudiante realiza una aplicación
Web, eligiendo las tecnologías más adecuadas en función del
tipo de aplicación a realizar.

Página de
Página 79 de 105
La arquitectura MVC (Model/View/Controller), fue diseñada para reducir el esfuerzo de
programación necesario en la implementación de sistemas múltiples y sincronizados de los
mismos datos. Sus características principales son que el Modelo, las Vistas y los
Controladores se tratan como entidades separadas; esto hace que cualquier cambio
producido en el Modelo se refleje automáticamente en cada una de las Vistas.
Este modelo de arquitectura se puede
emplear en sistemas de representación
gráfica de datos, como se ha citado, o
en sistemas CAD, en donde se
presentan partes del diseño con
diferente escala de aumento, en
ventanas separadas.
En la figura siguiente, vemos la
arquitectura MVC en su forma más
general. Hay un Modelo, múltiples
Controladores que manipulan ese
Modelo, y hay varias Vistas de los datos del Modelo, que cambian cuando cambia el estado
de ese Modelo.
Nombre Modelo Vista Controlador. No. 1
Instrucciones
para el Alumno
Mediante el análisis podrás comprender el concepto de MVC
Saberes a
adquirir
 Creación de base
de datos en Java.
Manera
Didáctica
de
Lograrlos
Mediante el análisis de la información podrás
comprender el tema de modelo vista
controlador.

Página de
Página 80 de 105
Este modelo de arquitectura presenta varias ventajas:
Hay una clara separación entre los componentes de un programa; lo cual nos permite
implementarlos por separado.
Hay un API muy bien definido; cualquiera que use el API, podrá remplazar el Modelo, la Vista
o el Controlador, sin aparente dificultad. La conexión entre el Modelo y sus Vistas es
dinámica; se produce en tiempo de ejecución, no en tiempo de compilación.
Al incorporar el modelo de arquitectura MVC a un diseño, las piezas de un programa se
pueden construir por separado y luego unirlas en tiempo de ejecución. Si uno de los
Componentes, posteriormente, se observa que funciona mal, puede remplazarse sin que las
otras piezas se vean afectadas. Este escenario contrasta con la aproximación monolítica
típica de muchos programas Java. Todos tienen un Frame que contiene todos los elementos,
un controlador de eventos, un montón de cálculos y la presentación del resultado. Ante esta
perspectiva, hacer un cambio aquí no es nada trivial.
Definición de las partes
El Modelo es el objeto que representa los datos del programa. Maneja los datos y controla
todas sus transformaciones. El Modelo no tiene conocimiento específico de los Controladores
o de las Vistas, ni siquiera contiene referencias a ellos. Es el propio sistema el que
tiene encomendada la responsabilidad de mantener enlaces entre el Modelo y sus Vistas, y
notificar a las Vistas cuando cambia el Modelo.
La Vista es el objeto que maneja la presentación visual de los datos representados por el
Modelo.
Genera una representación visual del Modelo y muestra los datos al usuario. Interactúa con
el Modelo a través de una referencia al propio Modelo.
El Controlador es el objeto que proporciona significado a las órdenes del usuario, actuando
sobre los datos representados por el Modelo. Cuando se realiza algún cambio, entra en
acción, bien sea por cambios en la información del Modelo o por alteraciones de la Vista.
Interactúa con el Modelo a través de una referencia al propio Modelo.
Vamos a mostrar un ejemplo concreto. Consideremos como tal el sistema descrito en la
introducción a este capítulo, una pieza geométrica en tres dimensiones, que representamos
en la figura siguiente:

Página de
Página 81 de 105
En este caso, la pieza central de la escena en tres dimensiones es el Modelo. El Modelo es
una descripción matemática de los vértices y las caras que componen la escena. Los datos
que describen cada vértice o cara pueden modificarse (quizás como resultado de una acción
del usuario, o una distorsión de la escena, o un algoritmo de sombreado). Sin embargo,
no tiene noción del punto de vista, método de presentación, perspectiva o fuente de luz. El
Modelo es una representación pura de los elementos que componen la escena.
La porción del programa que
transforma los datos dentro del Modelo
en una presentación gráfica es la Vista.
La Vista incorpora la visión del Modelo
a la escena; es la representación
gráfica de la escena desde un punto de
vista determinado, bajo condiciones de
iluminación determinadas.
El Controlador sabe que puede hacer
el Modelo e implementa la interfaz de
usuario que permite iniciar la acción.
En este ejemplo, un panel de datos de
entrada es lo único que se necesita,
para permitir añadir, modificar o borrar
vértices o caras de la figura.

Página de
Página 82 de 105
Un ejemplo
Tomemos como ejemplo una aplicación hecha para almacenar y
procesar los datos de las elecciones municipales.
El modelo del dominio sería bastante simple: Un conjunto de votos,
un conjunto de mesas y un conjunto de departamentos. Cada voto
almacenaría la selección hecha por el votante y la mesa donde
emitió su voto. Cada mesa contendría información sobre el lugar de
votación y el departamento donde estaría ubicada.
El conjunto de vistas sobre el modelo también sería sencillo: Se
podría obtener un gráfico estadístico de votos por departamento en
barras, otro grafico de votos por departamento mostrado como torta,
el conjunto de votos totales en una tabla, el conjunto de votos totales
en barras o en torta, etc. Como se puede ver, aunque todas las
vistas estarían mostrando la información de diferente manera, todas
estarían asociadas al mismo modelo del dominio.
El controlador se encargaría de mostrar las vistas que el usuario desearía ver y de permitir al
usuario introducir información de votos. Si el usuario desearía ver una vista, el controlador
crearía la vista solicitada, esta vista obtendría la información necesaria del modelo y la
desplegaría. Si el usuario aumentaría información de votos al sistema, el controlador se
encargaría de actualizar la información contenida en el modelo del dominio que, al ser
modificado, anunciaría al modelo de la aplicación la existencia de cambios y ´este notificaría
a todas sus vistas asociadas para que se actualicen. De esta manera, las vistas estarían
siempre actualizadas mostrando exactamente la misma información contenida en el modelo.
Nombre Votos. No. 1
Instrucciones
para el Alumno
Analiza el ejemplo y comprende para que nos sirviera el modelo vista controlador.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Mediante un ejemplo podrás comprender para que nos sirve el MVC

Página de
Página 83 de 105
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas
web dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es
necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos
con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de
procesos intermedios.
Javascript es un lenguaje que puede ser utilizado
por profesionales y para quienes se inician en el
desarrollo y diseño de sitios web. No requiere de
compilación.
Como síntesis se pude decir que Javascript es un
lenguaje interpretado, basado en prototipos,
mientras que Java es un lenguaje más orientado a
objetos.
Nombre Javascript. No. 2
Instrucciones
para el Alumno
Comprende el siguiente concepto de javascript.
Saberes a
adquirir
 Creación de base
de datos en Java.
Manera
Didáctica
de
Lograrlos
Analiza la información proporcionada e
investiga cómo puedes aplicar es concepto
en un proyecto.
Javascriptpermite a
los desarrolladores
crear acciones en sus
páginas web.

Página de
Página 84 de 105
Nombre Sopa de letras. No. 1
Instrucciones
para el Alumno
Resuelve la sopa de letras.
Competencias
Genéricas a
Desarrollar
Manera
Didáctica de
Lograrlas
Resolviendo la sopa de letras podrás conocer algunos conceptos
Resuelve la sopa de
letras en todos los
sentidos

Página de
Página 85 de 105
J A V A E J Q E R T U S I M A V E G
J C E V A I P O K O K J H G F D S A
E C S U B E S I L L T C E R T Y U S
D I S E Ñ O O I U L Y T R E W Q A A
Z O W I Q U E G Z O R R T I R C A S
E N U E T E X T O R U S E R I R M A
E E D D O I Q A Q R R U I M A F A L
S S U E X R O B T A E X A A E R L A
S E I S E F A S Q S E N O C X Q U O
A N A A P O I U Y E I T R P E B W Q
Z O R R T S E R O D A M A R G O R P
M I R R W O W Z X C V B N O U T I A
H C J O K Ñ M N B V C X Z G T O I M
A A S L D E F E F G U U I R E N W E
A M M L L L M N B V C X Z A A E A Q
K I R A A O P P R O G R A M A S S T
Z N O D U X A O A B U A F A D S A Q
Z A Z O Z A X E T G E R A C T I F Z
R R E R O U F D S A I N L I N K I K
G E L E N G U A J E G N E O S G E Q
N E R S E S O N I L E F A N E C Z A
V E N T Q E V E N T A N A S A S N A
JAVA VENTANAS
LENGUAJE LINK
PROGRAMACION DESARROLLO
PAGINAS BOTONES
WEB ACCIONES
DINAMICAS DESARROLLADORES
DISEÑO PROGRAMADORES
SITIOS
PROGRAMAS
TEXTO
ANIMACIONES

Guía didactica módulo iv sub ii

Guía didactica módulo iv sub ii

Recomendados

Recomendados

Más contenido relacionado

Similar a Guía didactica módulo iv sub ii

Similar a Guía didactica módulo iv sub ii (20)

Último

Último (16)

Guía didactica módulo iv sub ii