guía didactica módulo iv sub ii

Página de

Página 1 de 105

Técnico en Programador de

Software

Módulo IV Analizar la Programación II y Tópicos de Programación Web.

Submódulo II

Manipular una Base de Datos Mediante Interfaces Gráficas.

Página de

Página 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

http://www.sybase.com/informationmanagement?Adtitle=InfoMgt;content_id_display=1028817;nav_id=32273;click=Image_home_buckets

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


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



Manera

Didáctica de

Lograrlas

Mediante la observación identifica el modelo entidad relación.

Página de

Página 18 de 105

Nombre Creación de diagrama entidad relación. No. 1

Competencia a

Desarrollar

Construir una base de datos sencilla, mediantesu modificación, ordenación y

realización deconsulta, para desarrollar aplicacioneselementales.

Atributos de la

competencia Realizar consultas de complejidad mediante los campos.

Instrucciones

para el Alumno

Elabora un diagrama entidad relación para el departamento de recursos humanos

de un hotel.

Instrucciones

para el

Docente

Proporcionar la información así como el software necesario para que los

estudiantes elaboren la practica solicitada.

Recursos

materiales de

apoyo

Computadora, dispositivos de almacenamiento, impresora, hojas blancas, lápiz,

borrador, colores.

Competencias

Genéricas a

Desarrollar

Desarrolla innovaciones y propone soluciones a problemas a partir de métodos

establecidos.

Manera

Didáctica de

Lograrlas

El estudiante muestra su interés y participa de manera entusiasta para desarrollar

el trabajo asignado.

Página de

Página 19 de 105

Un lenguaje de definición de datos (DataDefinitionLanguage, DDL por sus siglas eninglés) es un lenguajeproporcionado por el sistema de gestión debase de datos que permite a los usuarios de lamisma llevar a cabo las tareas de definición delas estructuras que almacenarán los datos asícomo de los procedimientos o funciones quepermitan consultarlos. Ya sea a usuariosespecíficos o a un rol credo dentro de la basede datos.

La principal herramienta de una base de datos, el sistema gestor de bases de datos (DBMS). A través de éste se realizan todas las operaciones con los datos (consultas y transacciones), de forma que al DBA no le atañe la manera en que los datos se encuentran almacenados físicamente, pudiéndose concentrar en los aspectos conceptuales en cuanto a diseño, desarrollo y mantenimiento. Un DBMS típico integra los siguientes componentes:

Un lenguaje de definición de datos (DDL: Data DefinitionLanguage). Un lenguaje de manipulación de datos (DML: Data ManipulationLanguage) Un lenguaje de consulta (QL: QueryLanguage). De forma accesoria, pero ya casi obligada, los DBMS modernos añaden un interfaz de

usuario gráfico (GUI: GraphicalUser Interface). consultas mediante ejemplo (posiblemente gráficas) ((G)QBE: (Graphical)

QueryByExample)

El QL por excelencia es el llamado StructuredQueryLanguage (SQL), que, aun con muchas modificaciones y adiciones, es un estándar de las DBMS relacionales (RDBMS: RelationalDatabase Management System). Hoy en día, sin embargo, con la llegada de las DBMS orientadas a objetos (ODBMS: ObjectDatabase Management System), otros estándar de consulta se han hecho necesarios; así ha nacido otro estándar, OQL (ObjectQueryLanguage), como resultado de una de las primeras implementaciones de

Nombre Lenguaje de Definición de Datos No. 2

Instrucciones

para el Alumno Analiza la información referente al DDL

Saberes a

adquirir

Sentencias

combinadas

para

consultas

complejas.

Manera

Didáctica

de

Lograrlos

Mediante el análisis de la información crea y

construye su propio concepto del DDL.

Página de

Página 20 de 105

ODBMSs(O2, de O2 Technologies). Además, una base de datos puede ser consultada y modificada mediante técnicas "externas", es decir, mediante lenguajes de programación de propósito general, típicamente de tercera generación (3GL). Hoy en día, estas técnicas se hallan muy avanzadas, existiendo estándares que simplifican el acceso a diferentes DBMSs de forma transparente, tales como ODBC (Open DatabaseConnectivity), que garantizan el acceso a los datos de bases, posiblemente remotas, de distintas compañías.

¿Qué es MySQL?

MySQL es el servidor de bases de datos relacionales más popular, desarrollado y proporcionado por MySQL AB. MySQL AB es una empresa cuyo negocio consiste en proporcionar servicios en torno al servidor de bases de datos MySQL.

MySQL es un sistema de administración de bases de datos Una base de datos es una colección estructurada de datos. La información que puede almacenar una base de datos puede ser tan simple como la de una agenda, un contador, o un libro de visitas, ó tan vasta como la de una tienda en línea, un sistema de noticias, un portal, o la información generada en una red corporativa. Para agregar, accesar, y procesar los datos almacenados en una base de datos, se necesita un sistema de administración de bases de datos, tal como MySQL. MySQL es un sistema de administración de bases de datos relacionales Una base de datos relacional almacena los datos en tablas separadas en lugar de poner todos los datos en un solo lugar. Esto agrega velocidad y flexibilidad. Las tablas son enlazadas al definir relaciones que hacen posible combinar datos de varias tablas cuando se necesitan consultar datos. La parte SQL de "MySQL" significa "Lenguaje Estructurado de Consulta", y es el lenguaje más usado y estandarizado para accesar a bases de datos relacionales. MySQL es Open Source

Open Source significa que la persona que quiera puede usar y modificar MySQL. Cualquiera puede descargar el software de MySQL de Internet y usarlo sin pagar por ello. Inclusive, cualquiera que lo necesite puede estudiar el código fuente y cambiarlo de acuerdo a sus necesidades. MySQL usa la licencia GPL (Licencia Pública General GNU), para definir qué es lo que se puede y no se puede hacer con el software para diferentes situaciones. Sin embargo, si uno está incómodo con la licencia GPL o tiene la necesidad de incorporar código de MySQL en una aplicación comercial es posible comprar una versión de MySQL con una licencia comercial ¿Por qué usar MySQL?

El servidor de bases de datos MySQL es muy rápido, seguro, y fácil de usar. Si eso es lo que se está buscando, se le debe dar una oportunidad a MySQL. Se pueden encontrar comparaciones de desempeño con algunos otros manejadores de bases de datos en la página de MySQL.

Página de

Página 21 de 105

El servidor MySQL fue desarrollado originalmente para manejar grandes bases de datos mucho más rápido que las soluciones existentes y ha estado siendo usado exitosamente en ambientes de producción sumamente exigentes por varios años. Aunque se encuentra en desarrollo constante, el servidor MySQL ofrece hoy un conjunto rico y útil de funciones. Su conectividad, velocidad, y seguridad hacen de MySQL un servidor bastante apropiado para accesar a bases de datos en Internet. Algunos detalles técnicos de MySQL

El software de bases de datos MySQL consiste de un sistema cliente/servidor que se compone de un servidor SQL multihilo, varios programas clientes y bibliotecas, herramientas administrativas, y una gran variedad de interfaces de programación (APIs). Se puede obtener también como una biblioteca multihilo que se puede enlazar dentro de otras aplicaciones para obtener un producto más pequeño, más rápido, y más fácil de manejar.

Página de

Página 22 de 105

Nombre Mapa Mental. No. 2

Instrucciones

para el Alumno Elabora un mapa mental acerca de MySql.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza y desarrolla información para realizar un mapa mental de MySql.

Para realizar esta actividad es

muy importante haber

comprendido para que te

puede servir el conocer MySql.

Página de

Página 23 de 105

Investigar los conceptos de los elementos del lenguaje SQL:

SELECT, FROM, WHERE, ALTER, TABLE, ADD, BETWEEN,

CREATE, DATABASE, ETC.

Investiga los comandos como por ejemplo: CREATE, DROP, ALTER,

SELECT, INSERT, DELETE, UPDATE.

Investiga clausulas tales como: FROM, WHERE, GROUP BY,

HAVING, ORDER BY.

Así como también te recomendamos investigar los operadores lógicos, operadores de

comparación y por ende las funciones de agregado.

Con esto podrás conocer y diseñar bases de datos desde el lenguaje de definición de datos de manera eficiente así como también podrás comprender a profundidad cada concepto, comando y clausula investigada.

De cualquier otra forma te presentamos en la siguiente sección, referente a esto, lo cual te

servirá de ayuda en la compresión de esta actividad, te recordamos que esta información es

básica y deberás realizar tu investigación complementaria.

Nombre Conceptos de del lenguaje SQL No. 3

Instrucciones

para el Alumno Investigar los conceptos de los elementos del lenguaje SQL: SELECT, FROM, WHERE,ALTER, TABLE, ADD, BETWEEN, CREATE,DATABASE, ETC.

Saberes a

adquirir

Sentencias

combinadas

para

consultas

complejas.

Manera

Didáctica

de

Lograrlos

Investiga, analiza e interpreta los comandos

de SQL

Página de

Página 24 de 105

Comandos DLL

Comando Descripción

CREATE Utilizado para crear nuevas tablas, campos e índices

DROP Empleado para eliminar tablas e índices

ALTER Utilizado para modificar las tablas agregando campos o cambiando la definición de los campos.

Comandos DML

Comando Descripción

SELECT Utilizado para consultar registros de la base de datos que satisfagan un criterio determinado

INSERT Utilizado para cargar lotes de datos en la base de datos en una única operación.

UPDATE Utilizado para modificar los valores de los campos y registros especificados

DELETE Utilizado para eliminar registros de una tabla de una base de datos

Cláusulas

Las cláusulas son condiciones de modificación utilizadas para definir los datos que desea seleccionar o manipular.

Cláusula Descripción

FROM Utilizada para especificar la tabla de la cual se van a seleccionar los registros

WHERE Utilizada para especificar las condiciones que deben reunir los registros que se van a seleccionar

GROUP BY Utilizada para separar los registros seleccionados en grupos específicos

HAVING Utilizada para expresar la condición que debe satisfacer cada grupo

ORDER BY Utilizada para ordenar los registros seleccionados de acuerdo con un orden específico

Página de

Página 25 de 105

Operadores Lógicos

Operador Uso

AND Es el "y" lógico. Evalúa dos condiciones y devuelve un valor de verdad sólo si ambas son ciertas.

OR Es el "o" lógico. Evalúa dos condiciones y devuelve un valor de verdad si alguna de las dos es cierta.

NOT Negación lógica. Devuelve el valor contrario de la expresión.

Operadores de Comparación

Operador Uso

< Menor que

> Mayor que

<> Distinto de

<= Menor ó Igual que

>= Mayor ó Igual que

= Igual que

BETWEEN Utilizado para especificar un intervalo de valores.

LIKE Utilizado en la comparación de un modelo

In Utilizado para especificar registros de una base de

datos

Página de

Página 26 de 105

Una vez que conoces los comandos, es el momento de acceder a una base de datos.

Suponga que en su hogar posee varias mascotas y desea registrar distintos tipos de información sobre ellas. Puede hacerlo si crea tablas para almacenar sus datos e introduce en ellas la información deseada. Entonces, podrá responder una variedad de preguntas acerca de sus mascotas recuperando datos desde las tablas. Esta sección le muestra como:

Crear una base de datos

Crear una tabla

Introducir datos en la tabla

Recuperar datos desde la tabla de varias maneras

Emplear múltiples tablas

Nombre Crear bases de datos con MySql. No. 4

Instrucciones

para el Alumno Analiza la información que se presenta

Saberes a

adquirir


Manera

Didáctica

de

Lograrlos

Analiza y comprende los comandos de un

DDL para la creación de bases de datos.

Página de

Página 27 de 105

Si te estás preguntando ¿Cómo crear una base de datos en mysql? pero no tienes la menor idea, aquí te ayudaremos a solucionarlo

Para todos aquellos que nunca han creado una base de datos en mysql y se preguntan cuál es su estructura aquí está un ejemplo muy simple de base de datos en mysql:

create database if not exists èjemplode`;

use èjemplode`;

CREATE TABLE `basedatosmysql` (

ìd` smallint(7) unsigned NOT NULL auto_increment,

`nombre` varchar(50) NOT NULL default '',

`categoria` varchar(50) NOT NULL default '',

`descripcion` text NOT NULL,

PRIMARY KEY (ìd`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 PACK_KEYS=0 AUTO_INCREMENT=8140 ;

O bien dela siguiente forma:

Creación de la base de datos

Una vez dentro de MySQL, el primer paso es crear la base de datos:

Createdatabase postal;

Nombre Ejemplo como crear una base de datos y la tabla. No. 2

Instrucciones

para el Alumno

Analiza el siguiente código y sus comandos para la creación de una base de datos

desde su inicio con su respectiva tabla.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza e interpreta la información que a continuación se presenta.

Página de

Página 28 de 105

Feld Type Null Key Default Extra

Perfume Vachar(20) Yes Null

Marca Vachar(20) Yes Null

Depto Char(2) Yes Null

Item Int(4) Yes Null

X_cont_ml Int(3) Yes Null

X_precio Float(6) Yes Null

X_pais_origen Vachar(20) Yes Null

Fecha Date Yes Null

Nombre Crear una base de datos. No. 3

Instrucciones

para el Alumno

Observa la siguiente tabla de perfumería, y realiza como ejercicio la creación de

una base de datos con MySql utilizando las cláusulas correspondientes sabiendo

que pertenece a la base de datos Sears.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Desarrolla, analiza y aplica la creación de bases de datos en su cuaderno como

ejercicio.

Recuerda utilizar el

comando USE de MySql ya

que la base de datos ya fue

creada.

Página de

Página 29 de 105

Nombre Elaboración de bases de datos desde el DDL No. 2

Competencia a

Desarrollar



Atributos de la


Instrucciones

para el Alumno

Elaborar una base de datos en MySql de una veterinaria. Creando la base de datos

desde cero.

Instrucciones

para el

Docente


estudiantes elaboren la práctica solicitada.

Recursos

materiales de

apoyo

Computadora, impresora, dispositivo de almacenamiento, Lenguaje de definición

de datos, hojas blancas.

Competencias

Genéricas a

Desarrollar

Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante

la utilización de medios, códigos y herramientas apropiados.

Manera

Didáctica de

Lograrlas

Elaborando practicas manejado el lenguaje de definición de datos.

Página de

Página 30 de 105

Nombre Elaboración de tablas en bases de datos desde un DDL. No. 3

Competencia a

Desarrollar



Atributos de la


Instrucciones

para el Alumno Crear las tablas necesarias para la base de datos de una veterinaria en MySql.

Instrucciones

para el

Docente



Recursos

materiales de

apoyo



Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas


Página de

Página 31 de 105

Borrado de datos.

La sentencia DELETE.

Para borrar datos de una tabla, debemos utilizar la sentencia DELETE.

La sintaxis de la sentencia DELETE es la siguiente:

DELETE FROM <nombre_tabla>

[ WHERE<condicion>];

Cuando trabajemos con la sentencia DELETE debemos tener en cuenta las siguientes consideraciones:

Solo podemos borrar datos de una única tabla. Cuando borramos datos de una vista, los estamos borrando también de la tabla. Las

vistas son solo una forma de ver los datos, no una copia.

Nombre Borrado de datos con MySql No. 5

Instrucciones


Saberes a

adquirir


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


Saberes a

adquirir


Manera

Didáctica

de

Lograrlos


actualizar datos desde un DDL dentro de


Página de

Página 33 de 105

Veamos un ejemplo: UPDATE Person SET given_names = 'Stefano' WHERE surname = 'Spaccapietra'

La instrucción anterior cambia el valor de la columna given_name de la tabla Person en las líneas (en nuestro caso es una sola) en que la columna surname tiene valor 'Spaccapietra'. La sintaxis de DELETE es: DELETE FROM nombre_tabla [ WHEREexpresión_condicional ]

La instrucción delete elimina de una tabla todas las líneas que satisfacen la expresión condicional de la cláusula WHERE. Si WHERE no se especifica, se cancelan todas las líneas de la tabla. Si en la definición de la tabla se han especificado las cláusulas ON UPDATE u ON DELETE, en el momento en que se ejecutan estas operaciones también se ejecutan las que habían estado previstas en las columnas referenciadas (CASCADE, SET DEFAULT o SET NULL).

Nombre Actualizar una base de datos. No. 3

Instrucciones

para el Alumno

Analiza la sintaxis del código de SQL e interpreta la manera de actualizar en

MySql

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza la sintaxis de MySql para actualizar un registro dentro de una base de

datos

Página de

Página 34 de 105

Cómo modificar los datos ya presentes en la base de datos. A veces, sin embargo, no basta con modificar los datos, sino que es necesario actualizar la estructura misma de la base de datos para conseguir que se puedan representar nuevas informaciones. Desde el momento en que la estructura de la base de datos se da sustancialmente por la unión de las tablas que la componen, su actualización corresponde a la eliminación de tablas o al cambio de sus características.

Para eliminar una tabla de una base de datos la orden SQL que hay que usar es DROP TABLE: DROP TABLE nombre_tabla{ RESTRICT | CASCADE }

nombre_tabla es el nombre de la tabla que tiene que será eliminada.Si se especifica la cláusula CASCADE, se eliminan automáticamente los vínculos de integridad y las vistas (view) en que la tabla está implicada. Y viceversa: si se especifica la cláusula RESTRICT y existen vínculos de integridad o vistas que se refieran a la tabla, la operación fracasa.

Nombre Modificar en una base de datos. No. 7

Instrucciones


Saberes a

adquirir


Manera

Didáctica

de

Lograrlos


modificar un registro de un DDL dentro de


Página de

Página 35 de 105

Nombre Registros de bases de datos desde el DDL. No. 4

Competencia a

Desarrollar



Atributos de la


Instrucciones

para el Alumno

Utiliza las opciones de actualizar, modificar y eliminaren una base de datos de una

veterinaria con MySql.

Instrucciones

para el

Docente



Recursos

materiales de

apoyo



Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas


Página de

Página 36 de 105

¿Qué es una consulta?

Básicamente, una consulta (query) es una forma de buscar, encontrar y exhibir determinada información, extrayéndola del cúmulo de datos que almacena la base.

Los datos que responderán a la consulta pueden provenir de una o varias tablas. En la figura 1.2 el recuadro griseado titulado "Una vista del cliente" es un formulario que toma los datos de una consulta, la que agrupa información proveniente de las tablas de clientes, de provincias, de categorías IVA y de vendedores. A la respuesta de la consulta se la denomina hoja de respuestas dinámicas.

Se le llama dinámica porque cualquier dato que se modifique en la mencionada hoja (que podrían ser, por ejemplo, los del recuadro gris de la figura), es actualizado en la(s) tabla(s) correspondientes.

Nombre Consultas. No. 8

Instrucciones


Saberes a

adquirir


Manera

Didáctica

de

Lograrlos

Comprende el concepto de una consulta en

una base de datos

Página de

Página 37 de 105

Como ejemplo, diremos que con una consulta podremos:

Localizar inmediatamente el nombre y la dirección de una determinada persona. Imprimir cartas y etiquetas dirigidas a residentes de determinada provincia. Extender una orden de reposición para productos que hayan llegado a un límite

predetermina-do de sus existencias. Imprimir un resumen total de ventas, con subtotales por productos o fechas. Imprimir cartas recordatorias de vencimientos a 30, 60 o más días.

Recuerda:

Nombre Ejemplo de una consulta. No. 4

Instrucciones

para el Alumno

Analiza los ejemplos de consultas en una base de datos

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza la forma de saber que es una consulta en una base de datos

Las consultas son las que trabajamos en la pantalla del monitor; de esta manera podremos ingresar y modificar los datos directamente en el formulario de la pantalla, formulario que habremos diseñado previamente según nuestra necesidad y en el que podremos incluir también material gráfico (fotos) y sonidos.

Página de

Página 38 de 105

Considera lo siguiente:

Las consultas de selección se utilizan para indicar al motor de datos que devuelva información de las bases de datos, esta información es devuelta en forma de conjunto de registros que se pueden almacenar en un objeto recordset. Este conjunto de registros es modificable.

Consultas básicas

La sintaxis básica de una consulta de selección es la siguiente: SELECT Campos FROM Tabla;

En donde campos es la lista de campos que se deseen recuperar y tabla es el origen de los mismos, por ejemplo:

SELECT Nombre, Telefono FROM Clientes;

Esta consulta devuelve un recordset con el campo nombre y teléfono de la tabla clientes.

Nombre Elaboración de consultas. No. 4

Instrucciones

para el Alumno Elabora una consulta en hojas blancas o en el cuaderno y presenta a tu maestro.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Desarrolla, analiza y aplica la elaboración de consultas en DDL.

Página de

Página 39 de 105

Nombre Elaboración de consultas en bases de datos desde el DDL. No. 5

Competencia a

Desarrollar



Atributos de la


Instrucciones

para el Alumno

Elaborar por lo menos dos consultas de la base de datos de la veterinaria en

MySql.

Instrucciones

para el

Docente


estudiantes elaboren la practica solicitada.

Recursos

materiales de

apoyo



Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Elaborando practicas manejado el lenguaje de definición de datos MySql.

Página de

Página 40 de 105

Nombre Creación de bases de datos sencillas desde MySql. No. 6

Competencia a

Desarrollar


realización deconsulta, para desarrollar aplicaciones elementales.

Atributos de la


Instrucciones

para el Alumno Elaborar una base de datos sencilla de un consultorio dental en MySql.

Instrucciones

para el

Docente



Recursos

materiales de

apoyo



Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Elaborando practicas manejado el lenguaje de definición de datos MySql.

Recuerda No olvidar tu

dispositivo de

almacenamiento para la

realización de tus prácticas.

Página de

Página 41 de 105

Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. El

concepto se utiliza en el ámbito tecnológico para nombrar a una red

informática y, en general, a Internet (en este caso, suele escribirse como

Web, con la W mayúscula).

El término, de todas formas, tiene varios usos. Además de nombrar a Internet en general, la palabra web puede servir hacer mención a una página web, un sitio web o hasta un servidor web.

Una página web es un documento que incluye un archivo HTML con texto, imágenes, videos, animaciones Flash, etc. Al conjunto de páginas web que suelen formar parte del mismo dominio o subdominio de Internet se lo conoce como sitio web. Dentro del sitio web, todas las páginas guardan alguna relación entre sí y están vinculadas mediante vínculos (también conocidos como enlaces, hipervínculos, hiperenlaces o links).

El servidor web, por otra parte, es un programa creado para transferir páginas web a través de la implementación del protocolo HTTP. Por extensión, se denomina servidor a la computadora donde se ejecuta dicho tipo de software.

Web 2.0, por otra parte, es un concepto que permite nombrar a las aplicaciones de Internet que facilitan la interacción de los usuarios. Los sitios que forman parte de la Web 2.0 posibilitan que los internautas compartan información y desarrollen tareas de forma mancomunada.

Nombre Tecnología WEB. No. 9

Instrucciones

para el Alumno Analiza e Investiga sobre la tecnología web.

Saberes a

adquirir

Sentencias

HTML.

Manera

Didáctica

de

Lograrlos

Analiza la información sobre tecnología web.

Página de

Página 42 de 105

Entre los ejemplos de Web 2.0 pueden nombrarse a las redes sociales (como Facebook), los portales de alojamiento de videos (YouTube) e imágenes (Flickr) y los servicios wikis (Wikipedia).

Analiza e investiga más

acerca de tecnología

Web.

http://www.flickr.com/

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.

http://www.maestrosdelweb.com/principiantes/python/

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



Manera

Didáctica de

Lograrlas

Analiza la sintaxis del HTML para la creación de paginas web

Página de

Página 58 de 105

Estructura de una página HTML

Estructura básica

Cada página comienza con: < HTML >.

A continuación viene la cabecera, delimitada por < HEAD >y < /HEAD >.

Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.

La página acabará con < /HTML >.

Es decir:

<HTML>

<HEAD>

Definiciones de la cabecera

</HEAD>

<BODY>

Instrucciones HTML

</BODY>

</HTML>

Nombre Estructura de HTML. No. 14

Instrucciones

para el Alumno Conoce la estructura de HTML

Saberes a

adquirir

Sentencias

HTML.

Manera

Didáctica

de

Lograrlos

Conoce la estructura del como debe estar la

estructura de HTML para la creación de

paginas web

Página de

Página 59 de 105

Cabecera La cabecera de un documento está delimitada por las etiquetas < HEAD >y </HEAD > Sus

componentes son opcionales. El más importante es <TITLE>, que permite escribir el título

del documento. El título no se muestra en la página, sino en la parte superior de la ventana

del visualizador, como identificador en los bookmarks y en la historylist. Se utiliza de la

siguiente forma:

<HEAD>

<TITLE>Título del documento HTML</TITLE>

</HEAD>

Cuerpo

Es la parte delimitada por <BODY> y < /BODY >. Puede llevar los siguientes atributos:

BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.

BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse.. Más adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ...

TEXT="######": color del texto. Por defecto será negro.

LINK="######": color de los links. Por defecto será azul.

VLINK="######": color de los links visitados. Por defecto será violeta.

Página de

Página 60 de 105

Nombre Ejemplo de Web semántica en búsquedas. No. 6

Instrucciones

para el Alumno

Identifica la sintaxis del HTML.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Identifica la sintaxis de HTML para la creación de página web con código HTML.

Página de

Página 61 de 105

Nombre Diseño de página web. No. 5

Instrucciones

para el Alumno Diseña en papel la estructura que tendría tu página web.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Elabora en papel como podrías elabora una página web con lo aprendido hasta

ahora.

Recuerda contar con hojas

blancas para el desarrollo de

esta actividad.

Página de

Página 62 de 105

<html>Asíquedaría…. <head>

<title> estilos y efectos </title>

</head>

<body>

<p>

--- E S T I L O S ---

</p>

<p>

Este es un <em>estilo</em>

<br/>

Este es un <strong>estilo</strong>

<br/>

Este es un <code>estilo</code>

<br/>

Este es un <abbr>estilo</abbr>

<br/>

Este es un <acronym>estilo</acronym>

<br/>

Este es un <dfn>estilo</dfn>

<br/>

Este es un <kbd>estilo</kbd>

<br/>

Este es un <samp>estilo</samp>

<br/>

Este es un <var>estilo</var>

<br/>

</p>

</body>

</html>

Nombre Diseño de estilos y efectos No. 6

Instrucciones

para el Alumno Diseña en papel la estructura que tendría tu página web.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza y desarrolla la creación de algunas estilo para el desarrollo de pagina

web.

Página de

Página 63 de 105

Asi Quedaria ….

<html>

DAME TUS DATOS <br/><br/>

<b>Nombre:</b><br/>

<input type="text" name="nombre"><br/><br/>

<b>Edad:</b><br/>

<input type="text" name="edad"><br/><br/>

<b>Sexo:</b><br/>

<input type="radio" name="sexo" value="masculino"/>Masculino<br/>

<input type="radio" name="sexo" value="masculino"/>Femenino<br/><br/>

<b>Pasatiempos:</b><br/>

<input type="checkbox" name="pasatiempo1" value="Futbol"/>Futbol<br/>

<input type="checkbox" name="pasatiempo2" value="Cine"/>Cine<br/>

<input type="checkbox" name="pasatiempo3" value="Java"/>Bailar<br/>

<input type="checkbox" name="pasatiempo4" value="Bailar"/>Cantar<br/><br/>

<input type="submit" value="Guardar">

</html>

Nombre Elaborar formularios Web. No. 7

Instrucciones

para el Alumno

Elabora un formulario como se muestra en la figura y código que se te presenta,

puedes realizar cambios según formulario quieras mostrar.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Analiza y desarrolla la creación de formularios web.

Página de

Página 64 de 105

Asi Quedaria …

<html> <head> <title> TABLAS </title> </head> <body> <table border="2"> <caption> N I E V E S </caption> <tr> <th> tipo </th><th> precio </th><th> foto </th> </tr> <tr> <td> limon </td> <td> ch - 10 <br> md - 15 <br> gr - 20 </td> <td><img src="img1.jpg"></td> </tr> <tr> <td> fresa </td> <td> ch - 10 <br> md - 15 <br> gr - 20 </td> <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



Manera

Didáctica de

Lograrlas

Analiza y desarrolla la creación de tablas dentro de tu pagina web.

Página de

Página 65 de 105

La Web Semántica es la nueva generación de la Web, que intenta realizar un filtrado automático

preciso de la información. Para ello, es necesario hacer que la información que reside en la Web sea

entendible por las propias máquinas. Especialmente su contenido, más allá de su simple estructura

sintáctica.

Con lo cual, podemos determinar que la Web Semántica trata sobre diferentes ámbitos, por un lado

es un conjunto de lenguajes y procedimientos para poder añadir esa semántica a la información para

que sea entendible por los agentes encargados de procesarla. Y por el otro lado trata, el desarrollo y

la construcción de los agentes encargados de procesar esa información y filtrar la que es útil para los

usuarios o para agentes que tienen que realizar una determinada función.

Con este fin, los agentes deben recuperar y manipular la información pertinente, lo que requiere una

integración sin fisuras con la Web y aprovechar totalmente las infraestructuras existentes.

Al dotar a la Web por lo tanto, de semántica, se pueden obtener soluciones a problemas habituales

en la búsqueda de información gracias a la utilización de una infraestructura común, mediante la cual,

es posible compartir, procesar y transferir información de forma sencilla.

Como punto adicional, la Web Semántica también trata la forma en la cual se implementan servicios

web fiables e interoperables a gran escala, creando una web de servicios interpretables e

interoperables que agentes inteligentes puedan descubrir, ejecutar y componer automáticamente

Nombre Concepto de Web semántica. No. 15

Instrucciones

para el Alumno Conoce el significado de la web semántica.

Saberes a

adquirir Sentencias HTML.

Manera

Didáctica

de

Lograrlos

Analiza y comprende el concepto de web

semántica.

Página de

Página 66 de 105

La Web Semántica

La Web Semántica es una Web extendida, dotada de mayor significado en la que cualquier usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida. Al dotar a la Web de más significado y, por lo tanto, de más semántica, se pueden obtener soluciones a problemas habituales en la búsqueda de información gracias a la utilización de una infraestructura común, mediante la cual, es posible compartir, procesar y transferir información de forma sencilla. Esta Web extendida y basada en el significado, se apoya en lenguajes universales que resuelven los problemas ocasionados por una Web carente de semántica en la que, en ocasiones, el acceso a la información se convierte en una tarea difícil y frustrante.

¿Para qué sirve?

La Web ha cambiado profundamente la forma en la que nos comunicamos, hacemos negocios y realizamos nuestro trabajo. La comunicación prácticamente con todo el mundo en cualquier momento y a bajo coste es posible hoy en día. Podemos realizar transacciones económicas a través de Internet. Tenemos acceso a millones de recursos, independientemente de nuestra situación geográfica e idioma. Todos estos factores han contribuido al éxito de la Web. Sin embargo, al mismo tiempo, estos factores que han propiciado el éxito de la Web, también han originado sus principales problemas: sobrecarga de información y heterogeneidad de fuentes de información con el consiguiente problema de interoperabilidad.

Nombre ¿Para que nos sirve la Web semántica? No. 16

Instrucciones

para el Alumno Conoce el significado de la web semántica.

Saberes a

adquirir Sentencias HTML.

Manera

Didáctica

de

Lograrlos

Comprende y conoce para que nos sirve la

web semántica en la elaboración de

consultas web.

Página de

Página 67 de 105

La Web Semántica ayuda a resolver estos dos importantes problemas permitiendo a los usuarios delegar tareas en software. Gracias a la semántica en la Web, el software es capaz de procesar su contenido, razonar con este, combinarlo y realizar deducciones lógicas para resolver problemas cotidianos automáticamente.

Funcionamiento de la web semántica. Supongamos que la Web tiene la capacidad de construir una base de conocimiento sobre las preferencias de los usuarios y que, a través de una combinación entre su capacidad de conocimiento y la información disponible en Internet, sea capaz de atender de forma exacta las demandas de información por parte de los usuarios en relación, por ejemplo, a reserva de hoteles, vuelos, médicos, libros, etc.

PRINCIPALES COMPONENTES:

Entre los principales componentes de la Web Semántica podemos encontrar XML, XML Schema, RDF, RDF Schema y OWL. La descripción de OWL en inglés “Ontology Web Language” describe las funciones y relaciones de cada componente de la Web Semántica:

XML: Provee una sintaxis elemental para las estructuras de contenidos dentro de documentos.

XML Schema: Es un lenguaje para proporcionar y restringir la estructura y el contenido de los elementos contenidos dentro de documentos XML.

RDF: Es un lenguaje simple para expresar modelos de los datos, que refieren a los objetos “recursos” y a sus relaciones. Un modelo de RDF-based se puede representar en sintaxis de XML.

RDF Schema: Es un vocabulario para describir propiedades y clases de recursos RDF-based, con semántica para generalizar-jerarquías de las propiedades y clases.

OWL: Es un mecanismo para desarrollar temas o vocabularios específicos en los que podamos asociar esos recursos.

Página de

Página 68 de 105

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

Nombre Ejemplo de web semántica en búsquedas. No. 7

Instrucciones

para el Alumno

Identifica el ejemplo de la web semántica ,

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Identifica por medio de un ejemplo como se puede utilizar la web semántica en

búsquedas.

Página de

Página 69 de 105

Figura 1 - Resultados obtenidos con un buscador normal

Buscador Actual

Vuelos a praga para mañana por la mañana Buscar

Resultados de la búsqueda:

Toda la magia de Budapest y Praga

... Suplementos Gran Premio Fórmula 1 en Budapest para las

salidas del ... con Ferias y/o Congresos en Praga del 9 ... Más

información de los vuelos ...

LA VANGUARDIA DIGITAL - Praga, testigo de la historia

europea

... Para emergencias el teléfono de la policía es el 150, el de las

ambulancias el ... 46) y Praga tres días por semana. Los vuelos

salen de Madrid (Tel ...

Foros sobre Europa República Checa Pragainkietante

... solo decirte que me llamó la atención tu alias (aunque no me

llamo Raula) y que me voy mañana mismo para Praga ...

buscador de vuelos ...

ofertas de espectáculos, viajes y hoteles al mejor precio

... autoridades que tienen tres copas gigantes para entregar a ...

mañana creo que cogeremos el bus mañana ... En Atrápalo

puedes también reservar vuelos ...

http://www.w3c.es/Divulgacion/GuiasBreves/WebSemantica





Página de

Página 70 de 105

Figura 2 - Resultados obtenidos con un buscador semántico

La forma en la que se procesará esta información no sólo será en términos de entrada y salida de parámetros sino en términos de su SEMÁNTICA. La Web Semántica como infraestructura basada en metadatos aporta un camino para razonar en la Web, extendiendo así sus capacidades.

No se trata de una inteligencia artificial mágica que permita a las máquinas entender las palabras de los usuarios, es sólo la habilidad de una máquina para resolver problemas bien definidos, a través de operaciones bien definidas que se llevarán a cabo sobre datos existentes bien definidos.

Buscador Semántico Vuelos a praga para mañana por la mañana

Buscar

Resultados de la búsqueda:

viajaconnosotros.com - viajes a Praga

... todos los vuelos a Praga desde tu

ciudad que saldrán mañana por la

mañana, ordenados según su hora de

salida ...

viajes a Praga - vuelos disponibles

... lista de vuelos. Horarios de salida

y llegada ...

Ofertas especiales - vuelos a Praga

... ofertas especiales de vuelos a

Praga ...

Analiza bien los dos

ejemplos anteriores,

para que puedas

comprender la web

semántica.




Página de

Página 71 de 105

Otra tecnología que ofrece la Web Semántica para enriquecer los contenidos de la Web tradicional es RDFa. Mediante RDFa se pueden representar los datos estructurados visibles en las páginas Web (eventos en calendarios, información de contacto personal, información sobre derechos de autor, etc.), a través de unas anotaciones semánticas incluidas en el código e invisibles para el usuario, lo que permitirá a las aplicaciones interpretar esta información y utilizarla de forma eficaz.

Por ejemplo, una aplicación de calendario podría importar directamente los eventos que encuentra al navegar por cierta página Web, o se podrían especificar los datos del autor de cualquier foto publicada, así como la licencia de cualquier documento que se encuentre. Para extraer el RDF se podría utilizar GRDDL, una técnica estándar para extraer la información expresada en RDF desde documentos XML, y en particular, de las páginas XHTML.

Figura 3 - Ilustración del ejemplo de consulta de eventos de calendario

El objetivo es satisfacer las expectativas

de búsqueda de usuarios que requieren

respuestas precisas.El encuadre grupal

ayuda a comprender la importancia de

lograr la competencia eficientemente.

Página de

Página 72 de 105

¿Qué es la Web Semántica? _________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

¿Para qué sirve la Web Semántica? _________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

¿Cómo funcionala Web Semántica? _________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

¿Cómo surge la Web Semántica?

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

Nombre Cuestionario de la Web Semántica. No. 6

Instrucciones

para el Alumno Contesta a cada pregunta que a continuación aparecen correctamente.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Resolviendo el siguiente cuestionario podrás entender a un mas acerca de la web

semántica

Página de

Página 73 de 105

¿Cuál es su objetivo?

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

¿Cuáles son sus principales componentes?

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

_________________________________________________________________________________

Bien Ahora se realizara al

evaluación de tus

respuestas.

Página de

Página 74 de 105

Nombre Pagina Web. No. 7

Competencia a

Desarrollar

Construir una base de datos sencilla, mediante su modificación, ordenación y

realización de consultas, para desarrollar aplicaciones elementales.

Atributos de la

competencia 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



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


Manera

Didáctica

de

Lograrlos

Analiza la información proporcionada e

investiga cómo puedes aplicar es concepto

en un proyecto.

Javascriptpermite a

los desarrolladores

crear acciones en sus

páginas web.

Página de

Página 84 de 105

Nombre Sopa de letras. No. 1

Instrucciones

para el Alumno Resuelve la sopa de letras.

Competencias

Genéricas a

Desarrollar



Manera

Didáctica de

Lograrlas

Resolviendo la sopa de letras podrás conocer algunos conceptos

Resuelve la sopa de

letras en todos los

sentidos

Página de

Página 85 de 105

J A V A E J Q E R T U S I M A V E G

J C E V A I P O K O K J H G F D S A

E C S U B E S I L L T C E R T Y U S

D I S E Ñ O O I U L Y T R E W Q A A

Z O W I Q U E G Z O R R T I R C A S

E N U E T E X T O R U S E R I R M A

E E D D O I Q A Q R R U I M A F A L

S S U E X R O B T A E X A A E R L A

S E I S E F A S Q S E N O C X Q U O

A N A A P O I U Y E I T R P E B W Q

Z O R R T S E R O D A M A R G O R P

M I R R W O W Z X C V B N O U T I A

H C J O K Ñ M N B V C X Z G T O I M

A A S L D E F E F G U U I R E N W E

A M M L L L M N B V C X Z A A E A Q

K I R A A O P P R O G R A M A S S T

Z N O D U X A O A B U A F A D S A Q

Z A Z O Z A X E T G E R A C T I F Z

R R E R O U F D S A I N L I N K I K

G E L E N G U A J E G N E O S G E Q

N E R S E S O N I L E F A N E C Z A

V E N T Q E V E N T A N A S A S N A

JAVA VENTANAS

LENGUAJE LINK

PROGRAMACION DESARROLLO

PAGINAS BOTONES

WEB ACCIONES

DINAMICAS DESARROLLADORES

DISEÑO PROGRAMADORES

SITIOS

PROGRAMAS

TEXTO

ANIMACIONES

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


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



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



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



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



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


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





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



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



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



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



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


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





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



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



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