Sistemas computacionales diseño de aplicaciones web

UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO

COLEGIO DE CIENCIAS Y HUMANIDADES

DEPARTAMENTO DE OPCIONES TÉCNICAS

Programa de la Opción Técnica

Sistemas computacionales:

Diseño de aplicaciones Web y Base de datos

2

Definición del técnico:

El egresado de esta opción estará capacitado para analizar, diseñar e implementar

soluciones a problemas relacionados con la manipulación de hojas de cálculo y bases de

dato. Haciendo uso de la computadora como una herramienta potente en el manejo de

datos y por consiguiente en la obtención de información, con el uso de las diferentes

opciones que el software le ofrece, además de poder compartir y obtener recursos y datos

por medio de las redes incluyendo Internet. Será capaz de diseñar aplicaciones web para

distribuirse en la Internet o en algún otro medio como discos, Intranet, etc.

Competencias desarrolladas en los alumnos:

Extrapolar las soluciones de problemas a un modelo que le permita automatizar su

solución

Clasificar las diferentes herramientas computacionales que se utilizan en la

implementación de soluciones a problemas en una computadora

Será capaz de utilizar un sistema operativo de ambiente gráfico para optimizar los

recursos

Instalar y configurar impresoras en equipos de computo

Aplicar medidas preventivas y de eliminación de virus informáticos.

Aplicar los recursos informáticos en las aplicaciones contables para implementar la

solución de un problema con el uso de una hoja electrónica de cálculo.

Implementar soluciones a problemas que manipulen grandes cantidades de datos por

medio de la utilización de archivos y bases de datos.

Retocar fotografías y manipular imágenes con ayuda de un software gráfico.

Aplicar los conceptos del hipertexto por medio HTML para el diseño de aplicaciones

web.

Utilizar los conceptos referentes a redes que permitan utilizar y compartir recursos,

entre computadoras.

Diseñar publicaciones para la WEB, como para cualquier otro medio de distribución

Utilizar los servicios y recursos que INTERNET ofrece al acceder a la información en

línea.

BIBLIOGRAFÍA

Informática, presente y futuro, Daniel Sanders, McGraw Hill

3

UNIDAD UNO

SISTEMA OPERATIVO DE AMBIENTE GRÁFICO

Objetivo de la Unidad: Con el uso de este software el alumno administrará la información contenida en los distintos medios de

almacenaje, así como darle mantenimiento a los mismos, además agregará y configurará impresoras en el equipo de trabajo. .

HORAS TEMÁTICA OBJETIVOS ESTRATEGIAS DE ENSEÑANZA-

APRENDIZAJE

10

1. Administrador de archivos

a. Descripción del ambiente de

trabajo

b. Carpetas y Archivos

i. Definición

ii. Crear y Abrir carpetas

iii. Seleccionar archivos o carpetas

Copiar

Mover

Borrar

c. Buscar archivos o carpetas

d. Comprimir y Descomprimir archivo

2. Herramientas de sistema

a. Escanear un disco

b. Desfragmentar un disco

c. Liberador de espacio

3. Detección y eliminación de virus

4. Agregar y configurar impresoras

El alumno:

Operará el Administrador de archivos

para buscar y manipular archivos y

carpetas de los diferentes medios de

almacenamiento.

Empleará un software que le permita

comprimir y descomprimir archivos.

Utilizará algunas utilerías de

verificación del estado de un disco

para poder hacer su respectiva

corrección.

Empleará un software que le permita

detectar y eliminar virus.

Instalará y configurará impresoras en

equipos de cómputo.

Mediante una lluvia de ideas describir

el ambiente de trabajo del

administrador de archivos.

Utilizar ejercicios dirigidos para

familiarizar al alumno con los

conceptos y la manera de administrar

archivos y carpetas.

Mediante ejercicios mostrar al alumno

la forma de comprimir y descomprimir

archivos y carpetas.

Emplear ejercicios que provoquen la

utilización de las herramientas del

sistema operativo para dar

mantenimiento a los medios de

almacenamiento.

Solicitar al alumno usar antivirus para

revisar sus discos y eliminar posibles

virus.

4

UNIDAD DOS

HOJA ELECTRÓNICA DE CÁLCULO

Objetivo de la Unidad: Creará hojas de cálculo que le permitan plantear y resolver problemas particulares, así como automatizarla

mediante una hoja electrónica de cálculo que le facilitará la manipulación de los datos que la conforman.


APRENDIZAJE

30

1. Hoja de cálculo

a. Introducción

b. Definición

i. Etiquetas

ii. Números

iii. Formulas

c. Creación

2. Hoja electrónica de cálculo

a. Introducción

b. Definición

c. Implementación de una hoja de

cálculo

i. Etiquetas

ii. Números

iii. Formulas

iv. Funciones

d. Edición de datos

i. Manejo de bloques

El alumno:

Reafirmará el concepto de hoja de

cálculo (HC).

Diseñará hojas de cálculo (HC) que le

faciliten el planteamiento y manejo de

datos en la solución de problemas.

Reafirmará el concepto de hoja

electrónica de cálculo (HEC).

Diferenciará entre una hoja de cálculo

y una hoja electrónica de cálculo.

Utilizará la HEC para implementar la

HC diseñada.

Empleará los comandos de la HEC

para manipular y dar formato a la

información que contiene la misma.

Construirá formulas o utilizará

funciones para obtener resultados

solicitados.

El alumno realizará una investigación

que le permita introducirse en el

concepto de las hojas de cálculo (HC)

y las hojas electrónicas de cálculo

(HEC).

Generar una lluvia de ideas en el

grupo a partir de la investigación

hecha por los alumnos, para definir los

conceptos de HC y HEC.

Desarrollar ejercicios de manera

conjunta con los alumnos para diseñar

hojas de cálculo que faciliten el

planteamiento y solución de

problemas.

Dejar a los alumnos problemas que

para su solución requieran utilizar HC.

Elaborar conjuntamente con los

alumnos la implementación de las HC

5


APRENDIZAJE

ii. Formato de datos

iii. Autoformatos

iv. Manipulación de filas y columnas

e. Gráficos

i. Creación

ii. Formato

iii. Modificación

f. Impresión

i. Hojas y gráficos

g. Base de datos

i. Ordenamiento

ii. Filtros

h. Importación y exportación de

datos

i. Macros

i. Definición

ii. Creación

iii. Ejecución

Generará gráficas para mostrar una

interpretación de la información que

contiene una HC.

Practicará el procedimiento para

imprimir HEC y sus gráficas.

Identificará en una primera

aproximación una HEC como una

base de datos.

Aplicará ordenamiento y filtros a los

datos de una HEC.

Empleará la importación y exportación

de datos.

Empleará las macros como una forma

de automatizar rutinas en una HEC.

de algunos ejercicios de ese tema en

HEC, para facilitar la manipulación de

los datos.

Retomar las HC de los ejercicios

resueltos en ese tema, para que el

alumno las implemente en HEC y

elabore sus gráficas.

Dejar a los alumnos la solución de

problemas donde requieran diseñar

una HC e implementarla en una HEC,

para su mejor solución.

Emplear ejercicios que permitan que

el alumno manipule los datos, de una

HEC, como en una base de datos.

Solicitar al alumno automatice algunas

rutinas cotidianas.

6

UNIDAD TRES

BASE DE DATOS

Objetivo de la Unidad: Creará bases de datos para la obtención de la información de situaciones particulares, utilizando un software

especifico para ello.


APRENDIZAJE

50

1. Concepto de base de datos

a. Definición

b. Finalidad de una base de datos

c. Flexibilidad en el manejo de una

base de datos

d. Limites y alcances de una base

de datos

2. Definición de la estructura de una

base de datos

a. Registro

b. Campo

c. Tipos de campos

3. Análisis y diseño de la estructura de

una base de datos

4. Creación de una base de datos

a. Creación de campos

b. Modificar el tipo de dato de un

El alumno:

Entenderá el concepto de base de

datos.

Distinguirá los beneficios, flexibilidad y

limitantes de una base de datos.

Describirá la estructura de una base

de datos.

Analizará la pertinencia de diseñar

una base de datos para generar la

información de una situación en

particular.

Implementará soluciones a problemas

usando bases de datos.

Diseñará estructuras de bases de

datos.

Construirá bases de datos.

Manipulará bases de datos.

El alumno realizará una investigación

que le permita introducirse en el

concepto de las bases de datos.

Generar una lluvia de ideas en el

grupo a partir de la investigación

hecha por los alumnos, definir el

concepto de bases de datos, así como

su limites y alcances.

Desarrollar ejercicios de manera

conjunta con los alumnos para diseñar

la estructura y construir la base de

datos que le de solución a problemas.

Utilizar las bases de datos creadas

para obtener información de ellas y en

algunos casos modificarlas

Solicitar a los alumnos diseñen la

estructura, construyan y obtengan la

7


APRENDIZAJE

campo

c. Modificación de la estructura de

una base de datos

d. Importación y exportación de

datos

5. Edición de registros en la base de

datos

a. Tipos de edición

b. Modificación del contenido

i. Agregar datos

ii. Eliminar datos

iii. Modificar datos

6. Obtención de información de una

base de datos

a. Formas de listado

i. Reportes

Formato

Impresión

b. Criterios de consulta

i. Filtros

Condiciones

Limitaciones

c. Localización de información

7. Indexado y ordenamiento de una

Editar y modificar los registros de la

base de datos.

Consultará, localizará e imprimirá

información de la base de datos.

Empleará el indexado y ordenamiento

para organizar la información de una

base de datos.

Empleará la programación como una

forma de automatizar rutinas en las

bases de datos.

información necesaria de las bases de

datos que les ayude a resolver

problemas.

Emplear ejercicios que provoquen, al

alumno, automatizar ciertas rutinas en

una base de datos.

8


APRENDIZAJE

base de datos

a. Formas de organización de

información de una base de datos

i. Por un índice

ii. Por más de un índice

iii. Ordenación

8. Programación de rutinas

a. Definición

b. Creación

c. Ejecución

UNIDAD CUATRO

REDES

Objetivo de la unidad: Introducir al alumno al conocimiento de las redes de computadoras y su configuración.


APRENDIZAJE

12

1. Conceptos generales de redes

Red informática

Ventajas de las redes

2. Arquitectura Cliente / servido

3. Topologías

4. Protocolos

El alumno:

Identificará los elementos que integran

una red y sus ventajas.

Conocerá la arquitectura cliente-

servidor.

Identificará los componentes que

Investigar todo lo referente a las redes

de computadoras, topologías,

configuraciones, componentes y

estructuras en libros, revistas, Internet y

otros medios.

Si es posible, visualizar los

9


APRENDIZAJE

5. Tipos de redes

6. Niveles de redes

7. Reglas de la red

Ethernet y fast Ethernet

8. Configuración de la red

Sistema operativo de red

9. Acceso telefónico a redes

Intranet

Extranet

Internet

integran una red de computadoras.

Distinguirá las diferentes topologías de

redes de computadoras que existen.

Entenderá lo que es un protocolo y su

utilización.

Comprenderá los diferentes niveles de

redes que existen.

Apreciará las ventajas que ofrece la

aplicación de las reglas en las redes.

Describirá como configurar una red

utilizando un sistema operativo.

Explicará como acceder a redes por

medio del acceso telefónico y las

deferencias entre redes.

componentes físicos utilizados para

armar una red de computadoras.

Con el uso de esquemas, videos o

software mostrar las diferentes

topologías de computadoras.

Enumerar y enlistar los diferentes

protocolos, niveles y tipos de redes de

computadoras que permitan su

comprensión y análisis.

10

UNIDAD CINCO

MANIPULADOR DE IMAGENES

Objetivo de la unidad: El alumno construirá y manipulará imágenes utilizando las distintas herramientas que le proporciona el potencial

de los diferentes paquetes de manipulación de imágenes.


APRENDIZAJE

30

1.- Introducción

Introducción

Instalación del software

Importancia del manejo de

imágenes

2.- Imagen Digital

Obtención

Tipos

Programas de manipulación de

imágenes

Optimización de imágenes para

Web.

3.- Transformación y retocado de

imágenes.

Uso de herramientas de dibujo,

selección, orientación y texto.

Uso de canales y capas.

Aplicación de filtros especiales.

El alumno:

Conocerá las tareas profesionales

relacionadas con imágenes, su

retoque y el fotomontaje

Describirá las características y

utilidades de los diferentes

programas gráficos, a partir de

explicar los diferentes usos y tipos

de formatos de archivos que

manejan.

Obtendrá imágenes digitales

mediante el uso de escáner,

cámaras digitales, etc.

Manipulará imágenes digitales

importadas u obtenidas con otros

medios.

Editará fotografías digitales,

mediante la manipulación de las

Solicitar a sus alumnos investiguen

que son los programas gráficos y

sus diversas extensiones.

Explicar que es adobe Photoshop.

Mostrar la digitalización de una

imagen mediante el uso del

escáner.

Destacar las aplicaciones prácticas

de la herramienta para quien se

dedica a la fotografía, al diseño

gráfico, etc.

Conjuntamente con los alumnos

retocar las imágenes scanneadas

así como realizar un fotomontaje.

Mostrar a los alumnos como una

imagen puede cambiar su

apariencia con diversos tipos de

relleno y degradados.

11


APRENDIZAJE

4.- Vectorización de imágenes

herramientas y características

generales de Photoshop.

Realizará la sobre posición de

capas mediante el uso de la

herramienta (layers); con la

finalidad de identificar su utilidad

en el diseño de una interfaz

gráfica.

Empleará el uso de filtros para

transformar imágenes.

Vectorizará mapas de bits,

mediante el uso de las

herramientas de Photoshop.

Mostrar a través de textos e

imágenes creadas en diversas

capas una interfaz.

Mediante la realización de

ejercicios el alumno practicará con

imágenes los diversos tipos de

filtros que se le pueden aplicar.

El alumno ejercitará las

características de las capas y el

efecto que se puede producir al

aplicarse a los textos.

Mostrar las diversas modalidades

para guardar una imagen a partir

del tipo de aplicación que se le va

ha dar ya sea profesional, web o

normal.

Ejemplificar la creación de una

imagen

Mostrar la selección de partes de

su contenido para alguna mejor,

modificación o borrado de la

imagen.

12

UNIDAD SEIS

LENGUAJE HTML

Objetivo de la unidad: El alumno diseñará e implementará aplicaciones web utilizando el lenguaje HTML.

HORAS TEMATICA OBJETIVOS EDUCATIVOS ESTRATEGIAS DE ENSEÑANZA

APRENDIZAJE

20

1. Introducción

Navegadores

Historia de HTML

2. Elementos Principales

Estructura básica de una página

3. Formato de una Página

Etiquetas de formato

Atributos

Atributos para Body

Caracteres especiales

4. Listas

Definición

Tipos

5. Tablas

Definición

Formato

Atributos

6. Imágenes

Tipos

El alumno:

Conocerá los diferentes

navegadores

Manejará la estructura general de

un documento en HTML

Utilizará los elementos básicos

para la creación de una aplicación

web

Utilizará las diferentes etiquetas

para darle formato al documento

Manejará una serie de atributos

que le permitan establecer

características generales para todo

el documento

Utilizará las diferentes formas de

presentar la información por medio

de listas

Manejará la presentación de la

información en filas y columnas

Destacar las funciones que realizan los

visualizadores.

Mediante la elaboración de una aplicación

web mostrar su estructura básica como los

elementos que la forman.

Exponer a los alumnos los formatos de

texto y los colores en una página.

Desarrollar un aplicación web utilizando

las etiquetas básicas, tipos de fuentes y

colores.

Destacar lo útil de presentar la información

de manera que tenga sentido y sea fácil de

leer por medio de listas.

Señalar que la información se distribuye

en una cuadrícula de filas y columnas.

Ejemplificar la utilidad ilustrativa y diseño

de los documentos por medio de una

tabla.

Mediante la revisión de aplicaciones web

13

HORAS TEMATICA OBJETIVOS EDUCATIVOS ESTRATEGIAS DE ENSEÑANZA

APRENDIZAJE

Atributos

7. Ligas

Definición

Los URL’s

Ligas

Ligas con imágenes

8. Mapas de Imágenes

Definición

Formato

9. Formularios

Definición

Características

Tipos de elementos

10. Frames

Definición

Tipos

11. Montar una aplicación web a la red.

Dominará la forma de agregar

imágenes a nuestro documento

Manejará las diferentes formas de

acceder a otros documentos

Utilizará imágenes como vínculos

hacia otras aplicaciones

Utilizará los mapas de imágenes

que le permitan manejar varios

vínculos en una sola imagen

Manejará la forma de interactuar

con las personas que navegan en

Internet mediante formularios

Utilizará los frames para desplegar

más de una página HTML a la vez

con el navegador

Conocerá los pasos para montar

una página en un portal

resaltar la utilización de imágenes de

forma adecuada, ya que favorecer mucho

la apariencia de una página.

Describir a los alumnos los diferentes tipos

de formato de imagen.

Resaltar la importancia de acceder o

brincar a otras aplicaciones desde una

aplicación web.

Ejemplificar la forma de definir

hipervínculos.

Crear imágenes como vínculos hacia otras

aplicaciones.

Ejemplificar un mapa de imagen para

asociar un vínculo sobre una figura .

Señalara la utilidad de los formularios

dentro de los documentos para obtener

información de los usuarios de la

aplicación web.

Ejemplificar frames para presentar varios

documentos en una misma pantalla.

Ejemplificar los pasos para montar una

aplicación web a la red.

14

UNIDAD SIETE

LENGUAJE DE AUTOR

Objetivo de la unidad: El alumno aplicará las herramientas de Dreamweaver, para una mejor presentación de sus aplicaciones web.


APRENDIZAJE

16

1. Introducción

Definición

2. Aspectos básicos de Dreamweaver.

3. Diseño de la posición de los

elementos que integran una

aplicación web.

4. Creación de sitios dinámicos.

5. Utilización del código de

aplicaciones web.

6. Adición de activos a una aplicación

web

Imágenes

Texto

Objetos multimedia

7. Utilización de interactividad y

animación en aplicaciones web.

8. Utilización de páginas múltiples.

El alumno:

Conocerá la importancia de utilizar

un lenguaje de autor.

Explicará que es Dreamweaver, e

identificará que es uno de los medios

para darle una mejor presentación a

las aplicaciones web.

Aprenderá a utilizar la

documentación y otros recursos,

para configurar el espacio de trabajo,

de acuerdo con su estilo de trabajo

preferido.

Configurará un servidor de

aplicaciones conectándola con una

base de datos.

Utilizará las herramientas avanzadas

de codificación para crear o modificar

aplicaciones web.

Utilizará las herramientas de diseño

Dejar a los alumnos una

investigación sobre Dreamweaver.

A partir de la investigación generar

una discusión grupal para unificar

que es y para que sirve

Dreamweaver.

Explicará como se configura

Dreamweaver para la elaboración de

una aplicación web.

Mediante la realización de un

ejemplo el profesor mostrará a los

alumnos como editar y depurar el

código en la vista de diseño de una

aplicación web.

Realizar junto con los alumnos una

aplicación web que utilice tablas y

marcos en su diseño.

Aplicar en la elaboración de

aplicaciones web la inserción de

15


APRENDIZAJE

visual para crear sofisticadas

disposiciones de aplicaciones web.

Utilizará las herramientas visuales

para añadir objetos de tipo textos,

imágenes, colores, películas, sonido

y otros elementos multimedia a sus

aplicaciones web.

Utilizará herramientas que generan

código javascript y líneas de tiempo

de animación de capas, para añadir

interactividad y animación, con el fin

de dar una mejor presentación a las

aplicaciones web.

Establecerá enlaces entre las

aplicaciones web.

Reutilizará los elementos de diseño

para distintas aplicaciones web.

imágenes, películas, sonido, etc.

Mediante el análisis del código

generado por el lenguaje de autor al

insertar en la aplicación web un

activo que utiliza javascript.

Mostrar mediante un ejemplo como

se crean los enlaces y como se

comprueba una aplicación web.

16

UNIDAD OCHO

INTERNET

Objetivo de la unidad: Aplicar los conceptos y conocimientos referentes a los temas a tratar en esta unidad y las previas de HTML y

lenguaje de autor.


APRENDIZAJE

16

1. Definición

2. Surgimiento y desarrollo

3. Conectándose a Internet

4. Servicios de Internet

Correo electrónico

Leyendo y enviando mensajes

El FTP

Videoconferencias

5. Los domicilios de Internet

El alumno:

Concluir en una definición clara y

precisa sobre lo que es Internet.

Mostrar las ventajas y desventajas que

tiene el uso del Internet.

Utilizar los servicios que el Internet

ofrece.

Conocerá algunos sitios de interés

para los alumnos que les permita

navegar y desplazarse por los

diferentes portales.

Creará e intercambiara su correo

electrónico para envío y recepción de

mensaje.

Conocerá el formato de las diferentes

direcciones en Internet.

Desarrollar un intercambio de

opiniones y aportaciones que permitan

obtener una buena definición de

Internet.

Practicar los conceptos aprendidos en

la red de computadoras.

Visitar algunos sitios de Internet para

obtener información.

Buscar información en Internet

Enviar y visualizar mensajes por medio

del correo electrónico.

Utilizando los conocimientos previos,

crear una página y montarla en alguno

de los sitios disponibles para tal efecto.

Sistemas computacionales diseño de aplicaciones web

Science

Transcript of Sistemas computacionales diseño de aplicaciones web