guía didactica módulo iv sub ii
TRANSCRIPT
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 2 de 105
Técnico en
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.
Adriana García Ortiz
Antonio IxChuc
Manuel Gilberto Méndez Monforte
Hidalgo
Campeche
Yucatán
Técnico en
Página de
Página 5 de 105
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 7 de 105
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 9 de 105
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.
Figura del 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
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
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
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
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 `ejemplode`;
use `ejemplode`;
CREATE TABLE `basedatosmysql` (
`id` 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 (`id`)
) 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
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
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
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
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
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
Elaborar una base de datos en MySql de una veterinaria. Creando la base de datos
desde cero.
Instrucciones
para el
Docente
Proporcionar la información así como el software necesario para que los
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
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 Crear las tablas necesarias para la base de datos de una veterinaria en MySql.
Instrucciones
para el
Docente
Proporcionar la información así como el software necesario para que los
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 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 Analiza la información que se presenta
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 Analiza la información que se presenta
Saberes a
adquirir
Sentencias combinadas para consultas complejas.
Manera
Didáctica
de
Lograrlos
Analiza y comprende la sentencia de
actualizar datos desde un DDL dentro de
una de bases de datos.
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
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
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 Analiza la información que se presenta
Saberes a
adquirir
Sentencias combinadas para consultas complejas.
Manera
Didáctica
de
Lograrlos
Analiza y comprende la sentencia de
modificar un registro de un DDL dentro de
una de bases de datos.
Página de
Página 35 de 105
Nombre Registros de bases de datos desde el DDL. No. 4
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
Utiliza las opciones de actualizar, modificar y eliminaren una base de datos de una
veterinaria con MySql.
Instrucciones
para el
Docente
Proporcionar la información así como el software necesario para que los
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 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 Analiza la información que se presenta
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
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
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
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
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
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
Elaborar por lo menos dos consultas de la base de datos de la veterinaria en
MySql.
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, 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 MySql.
Página de
Página 40 de 105
Nombre Creación de bases de datos sencillas desde MySql. No. 6
Competencia a
Desarrollar
Construir una base de datos sencilla, mediantesu modificación, ordenación y
realización deconsulta, para desarrollar aplicaciones elementales.
Atributos de la
competencia Realizar consultas de complejidad mediante los campos.
Instrucciones
para el Alumno Elaborar una base de datos sencilla de un consultorio dental en MySql.
Instrucciones
para el
Docente
Proporcionar la información así como el software necesario para que los
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 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. Multiplataforma. 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. Multiplataforma.
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
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
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
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
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
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
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
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
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
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
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> <td><img src="img2.jpg"></td> </tr> <tr> <td> chocolate </td> <td> ch - 10 <br> md - 15 <br> gr - 20 </td> <td><img src="img3.jpg"></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
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
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
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
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
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
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 Realizar consultas de complejidad mediante los campos. 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
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
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
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
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
Página de
Página 86 de 105
Javascript es muy fácil de aprender para quien ya conoce lenguajes similares como el C++ o Java, pero, dada su simplicidad sintáctica y su manejabilidad, no es tampoco difícil para quien se acerca por primera vez a este lenguaje. Sin embargo, esto puede ser un arme de doble filo porque la simplicidad se basa en una disponibilidad de objetos limitada, por lo que algunos procedimientos, aparentemente muy sencillos, requieren script bastante complejos.
La característica principal de Javascript, de hecho, es la de ser un lenguaje de scripting, pero, sobre todo, la de ser el lenguaje de scripting por excelencia y, sin lugar a dudas, el más usado. Esta particularidad conlleva una notable serie de ventajas y desventajas según el uso que se le deba dar y teniendo en cuenta la relación que se establece entre el mecanismo cliente-servidor. Para explicar con pocas palabras dicha relación, podemos decir que el servidor envía los datos al cliente y estos datos pueden llegar en en dos formatos diversos: en formato texto (o ASCII) o en formato binario (o código máquina: El cliente sabe cómo comprender sólo el formato binario (es decir, la secuencia de 1 y 0), por lo que si los datos llegan en este formato son inmediatamente ejecutables (y, por desgracia, no dejan abierta la posibilidad de efectuar controles), mientras que si el formato es diverso tienen que ser interpretados y traducidos al formato binario y, por tanto, el cliente necesitará un filtro, o mejor dicho, un intérprete que sepa leer estos datos y los pueda traducir al binario. Los datos en formato texto son visibles al usuario como simples combinaciones de caracteres y de palabras y son, por tanto, fáciles de manipular, si bien requieran más tiempo para su interpretación a causa de los distintos pasos y de las transformaciones a las que deben someterse para que el cliente pueda comprenderlos: Los datos en formato binario, sin embargo, son difíciles de comprender por el usuario, pero inmediatamente ejecutables por el cliente ya que no requieren fases intermedias.
Sentada esta premisa, podemos dividir los lenguajes que suelen utilizarse en el web en cuatro tipologías:
Nombre Características de JavaScript. No. 3
Instrucciones
para el Alumno Analiza y conocelas características 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.
Página de
Página 87 de 105
1. HTML: está en formato texto y no es un lenguaje en el sentido tradicional, sino un empaginador para consentir colocar los objetos en la página con las características indicadas. Naturalmente, por esta peculiaridad, tiene un carácter estático y no interactúa con el usuario ni puede tomar decisiones sino por lo que se refiere a los formularios. Para su interpretación necesita un navegador;
2. lenguajes compilados: son lenguajes bastante complejos en los que la fuente (un file de texto con las operaciones que hay que ejecutar) se compila en código máquina y se empaqueta en un ejecutable que puede utilizarse sólo de la forma y para las operaciones para las que se ha proyectado;
3. lenguajes semicompilados: en realidad, a esta clase pertenece tan sólo Java porque es un lenguaje compilado en un formato intermedio entre los file ASCII y el file binario. Dicho formato se llama bytecode y es interpretado en el cliente por una máquina virtual llamada Java Virtual Machene. De esta manera, a la recepción, dicha máquina completa la compilación y hace que el file sea ejecutable;
4. lenguajes interpretados: son los que resultan muy similares al HTML, pero que tienen mayores potencialidades porque permiten efectuar controles y operaciones complejas. Se envían en en file ASCII y, por tanto, con código en claro que el navegador interpreta y ejecuta línea por línea en modalidad runtime.
El concepto de script queda bien expresado con una comparación que podemos leer en el texto de Michael Moncur sobre Javascript, recientemente publicado en Italia por TecnicheNuove. La explicación es muy eficaz y merece citarse: script en inglés significa "guión". De hecho, el uso es exactamente éste: el navegador lee una línea, la interpreta y la ejecuta, después pasa a la sucesiva y hace lo mismo, y así hasta el cierre del script.
Página de
Página 88 de 105
Nombre JavaScript. No. 2
Instrucciones
para el Alumno
Analiza la información proporcionada por medio de imágenes.
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
Analizando la información por medio de las imágenes de JavaScript.
Página de
Página 89 de 105
Nombre Mapa mental JavaScript. No. 2
Instrucciones
para el Alumno Elabora un mapa mental referente a JavaScript.
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
Elabora un mapa mental para comprensión del tema.
Investigado el tema
podrás desarrollar este
mapa mental
Página de
Página 90 de 105
Nombre Ejercitando en Papel. No. 3
Instrucciones
para el Alumno
Elaborauna página don de tu consideres que utilizaras JavaScript para el diseño
de tu página.
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
Realizando el ejercicio en papel de una pagina web.
Página de
Página 91 de 105
Nombre Elabora tu propia página web. No. 1
Competencia a
Desarrollar
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.
Atributos de la
competencia
Explorar una base de datos existente para visualizar su contenido y sus
elementos principales.
Instrucciones
para el Alumno Elabora tu propia pagina con tecnología web
Instrucciones
para el
Docente
Proporciona el equipo necesario, el IDE y su respectivo DDL.
Recursos
materiales de
apoyo
Computadora, lenguaje de programación, lenguaje de definición de datos y su
respectivo 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
Elaborando prácticas creativas donde aplique los conocimientos adquiridos.
Página de
Página 92 de 105
JavaScript nos permite modificar los elementos HTML de una pagina, por ejemplo, podemos cambiar
de forma dinámica las características del body (color de fondo, tipo de letra) o de un elemento div
entre otros.
Nombre Elementos de JavaScript. No. 4
Instrucciones
para el Alumno Analiza y comprende los elementos con los que cuenta JavaScript.
Saberes a
adquirir
Elementos de JavaScript.
Manera
Didáctica
de
Lograrlos
Analiza los elementos de JavaScript.
Página de
Página 93 de 105
En este ejemplo, se creara un script el cual mediante un formulario con un campo de texto permita cambiar el
color de fondo de la página por el color que seleccionemos en un formulario.
Nombre Ejemplo de elementos de JavaScript. No. 3
Instrucciones
para el Alumno
Analiza e identifica los elementos con los que cuenta JavaScript
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
Analiza los elementos de JavaScript por medio de imágenes.
Página de
Página 94 de 105
<head>
< script type="text/javascript">
function modificarElemento() {
document.bgColor = document.formulario.color.value;
}
< /script>
< /head>
< body>
< form name="formulario">
< input type="button" value="Modificar Color" onclick="modificarElemento()">
< input name="color" type="text">
< /form>
< /body>
Éste código está dividido en dos partes, por un lado tenemos en el head el codigoJavascript con la función que hará el cambio de color, por otro lado tenemos en el body un formulario con un boton y un campo de texto, al apretar el boton se cambiará el color de fondo de la página por el color que hayamos escrito en el campo de texto.
Nombre Elementos de JavaScript. No. 4
Instrucciones
para el Alumno
Elabora un formulario de los elementos de java script que cambie el color
de un formulario por medio de un botó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
Elabora en un formulario el cambio de color por medio de un botón.
Página de
Página 95 de 105
El código javascript Éste código únicamente tiene una función javascript. Podemos ver dentro de la función lo siguiente
document.bgColor = document.formulario.color.value;
document.bgColorindica que queremos trabajar con el elemento body de nuestra pagina y su atributo
bgColor. Si quisieramos trabajar con otro elemento de nuestro documento como una tabla, deberiamos
indicar a dicha tabla un atributo id y hacer referencia utilizando tablaID.atributo = valor . Lo veremos
mejor en el segundo ejemplo de este artículo
document.formulario.color.value; formulario hace referencia al valor del atributo name del formulario color hace refencia al atributo name del campo de texto del formulario. value hace referencia al valor del campo de texto En este caso hemos utilizado el valor de un elemento para establecer el color. Tabién podríamos indicar el nuevo valor diréctamenteponiendolo entre comillas document.bgcolor = "red" Por lo tanto podríamos decir que en este código Javascript estamos indicando que el atributo bgcolor de nuestro body sea igual al valor que tengamos escrito en el campo de texto del formulario. Por ultimo, nuestro boton del formulario tiene un atributo onclick con el que hacemos la llamada a nuestra funcionjavascript
<input type="button" value="Modificar Color" onclick="modificarElemento()" >
Posiblemente este sea un caso poco practico, ya y que rara vez vamos a necesitar cambiar el color
de una pagina, pero lo que importa aquí es que entiendas como funciona este código y que sepas
que de igual modo que ahora he modificado el elemento body de nuestro documento podemos
modificar casa cual otro elemento de nuestro pagina, como una tabla, una capa...
En la siguiente pagina vemos como trabajar con una capa y su atributo stylepara modificar sus
propiedades CSS
Página de
Página 96 de 105
Nombre Elabora una base de datos No. 2
Competencia a
Desarrollar
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.
Atributos de la
competencia
Explorar una base de datos existente para visualizar su contenido y sus
elementos principales.
Instrucciones
para el Alumno
Elabora una base de datos donde puedas aplicar una interfaz grafica con la
implantación de una base de datos.
Instrucciones
para el
Docente
Proporciona el equipo necesario, el IDE y su respectivo DDL.
Recursos
materiales de
apoyo
Computadora, lenguaje de programación, lenguaje de definición de datos y su
respectivo 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
Elaborando prácticas creativas donde aplique los conocimientos adquiridos.
Página de
Página 97 de 105
Nombre Bases de Datos y Modelo Vista Controlador con Java. No. 1
Competencia a
Desarrollar
Construir una base de datos sencilla, mediante su modificación, ordenación y realización de consultas, para desarrollar aplicaciones elementales.
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.
Atributos de la
competencia
Explorar una base de datos existente para visualizar su contenido y sus
elementos principales.
Instrucciones
para el Alumno Elabora una base de datos y realiza una conexión de la base de datos
Instrucciones
para el
Docente
Proporciona el IDE, DDL y el uso del laboratorio de computo.u
Recursos
materiales de
apoyo
Computadora, Dispositivo de Almacenamiento, IDE y DDL.
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
Elaborando prácticas e implementado diseño creativo en tus programa con bases
de datos y aplicando un Modelo Vista Controlador
Página de
Página 98 de 105
Como te habrás dado cuenta las bases de datos con una interfase grafica
te ayuda a la implementación de sistemas con un diseño especializado
resultando interesante y por tal motivo te seguiremos llevando por el
mundo del desarrollo del software.
Por lo te felicitamos porque si tú llegaste hasta aquí significa que sigues avanzando, y
esperamos que nada ni nadie te detengas. Te invitamos a que continúes, pregunta a tu
maestro todas las dudas que tengas y verás que el futuro será mucho mejor para ti.
Date cuenta ahora, tú sabes crear, diseñar, a más de realizar consultas en un entorno de
programación al mismo tiempo de la utilización de un lenguaje de definición de datos y sobre
todo aplicado en un modelo vista controlador.
FELICIDADES!!!! Y TE INVITAMOS A QUE AHORA EMPRENDAS EL VIAJE AL MUNDO DE LA
PROGRAMACION Y PUEDAS IMPLEMENTAR LO HASTA AQUÍ APRENDIDO…
Página de
Página 99 de 105
Esta guía fue concebida como un medio de aprendizaje en la educación técnica de nivel medio superior, y de ninguna manera se pretende que sea un sustituto del docente, por el contrario, se busca que sirva como un medio de apoyo a la dinámica del proceso de enseñanza aprendizaje, al orientar la actividad del estudiante en el aprendizaje desarrollador, a través de situaciones problemáticas y tareas que garanticen la apropiación activa, crítico - reflexiva y creadora de los contenidos, con la adecuada dirección y control de sus propios aprendizajes.
La guía está integrada por dos competencias:
1. Construir una base de datos sencilla, mediante su modificación, ordenación y realización de consulta, para desarrollar aplicaciones elementales.
1. 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.
El desarrollo de estas competencias permite cubrir básicamente con el Resultado de Aprendizaje del Submódulodos, que es el deManipular una base de datos mediante interfaces gráficas. La forma de evaluar el presente Submódulo es en primer término considerando los instrumentos de evaluación, los cuales determinan el producto y el desempeño, derivados de cada una de las prácticas plasmadas en la guía.
Página de
Página 100 de
105
Diseño de bases de datos con java. RINEHART, MARTIN (aut.) Editorial McGraw-Hill /Interamericana
de España, S.A.
Java 2. Interfaces gráficas y aplicaciones para internet 3ª Edición. CEBALLOS SIERRA, FRANCISCO
JAVIER (aut) Editorial Ra-Ma.
Java 2: Lenguaje y aplicaciones. SIERRA, FRANCISCO JAVIER (aut) Editorial Ra-Ma.
Comunicaciones y bases de datos con java a través de ejemplos. BOBADILLA SANCHO, JESÚS;
SANCHO HERNÁNDEZ, ADELA (aut.). Editorial Ra-Ma.
Fundamentos de base de datos, Silberschatz/korth/Sudarshan, editorial McGraw Hill
Página de
Página 101 de
105
JAVASCRIPT: Es un lenguaje interpretado, es decir, que no requiere compilación, utilizado
principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.
COMENTARIOS: La sintaxis de los comentarios es la misma de C++, comentarios de bloque
delimitados por «/*» y «*/», y comentarios de línea delimitados por «//» y el fin de línea.
SINTASIX DEL LENGUAJE: JavaScript es case sensitive, o lo que es lo mismo, diferencia mayúsculas y minúsculas. Es diferente, por tanto, una variable llamada Foode otra llamada foo. VARIABLES: Son espacios de memoria dentro del navegador del cliente a los que se les asigna un nombre de acceso para todo el programa. Se pueden eliminar con el operador delete. Únicamente se pueden borrar las variables declaradas implícitamente (sin el operador vardelante). Están asociados a un valor, un objeto o a una función. Hay varios tipos de variables: string, number, object, function, array, boolean... OPERADORES: Existen de varios tipos: asignación, aritméticos, lógicos, especiales y alfanuméricos (este ultimo fusiona numéricos y alfabéticos). Operador de asignación:El operador de asignación en el lenguaje JavaScript es el símbolo igual, =. Operadores aritméticos:Los aritméticos son los matemáticos: suma(+), resta(-), multiplicación(*), división(/), y resto de división o módulo (%). El operador + también puede ser utilizado para concatenar strings.
Página de
Página 102 de
105
Nombre del alumno: Campos de aplicación
Carrera: Técnico en Programador de Software. Actividades de ingreso y egreso en adulto mayor en:
1. Empresas privadas
2. Empresas publicas o gubernamentales
3. Escuelas públicas y
privadas.
MóduloIV:.Aplicar los Fundamentos de Programación II y los Tópicos de Programación Web.
SubmóduloII: Manipular una base de datos mediante interfaces gráficas.
Evidencia por desempeño: carpeta de evidencia con los programas y prácticas donde está aplicando su proyecto.
Evidencia de actitud asociada: orden, disciplina y
honestidad
Instrucciones para el estudiante: Implementa bases de datos con interface grafica.
CRITERIOS CUMPLIO
OBSERVACIONES SI NO
1 ¿Utilizó manual de usuario en su proyecto? 2 ¿Aplicó el lenguaje de definición de datos indicado? 3 ¿Aplicó el lenguaje de programación solicitado? 4 ¿Aplicó su proyecto en alguna empresa publica o privada? 5 ¿Aplicó la tecnología web?
Observaciones
generales
Evaluó (Nombre y Firma) Lugar y fecha de la aplicación
GUIA DE OBSERVACION: TPS-05/M4S2/001
Página de
Página 103 de
105
CUESTIONARIO PARA VISITAS GUIADAS.
1.- ¿Escribe elnombre del sistema de aplicación que viste?
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
2.- ¿Escribe una lista de los lenguajes de programación que utilizan?
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
3.- Describe para quienes o que empresas elaboran programas y/o sistemas la que
visitaste.
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
4.- Describe en qué parte del proceso de la programación te gustaría desarrollarte.
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
5.- Cuantas computadoras pudiste localizar que son las dedicadas exclusivamente
para la creación de programas y sistemas de aplicación.
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
6.- Describe que fue lo que más te intereso en la visita guiada.
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
Página de
Página 104 de
105
Nombre del Estudiante:
Materia:
Lista de Cotejo
Carpeta de Evidencia a Estudiantes
Cumplió Aplica No Aplica
Portada
Misión y Visión
Índice
Desarrollo de temas
Incluyo temas extras desarrolladas
Contiene Exámenes Calificados
Ejercicios en clase
Contiene Prácticas y/o Reportes de los laboratorios
Incluye tareas y trabajos investigación
Incluye su Proyecto
Incluye Conclusión
Observaciones:
Oscar David Bustos Torres
Firma del estudiante Docente
Página de
Página 105 de
105