SISTEMA INTEGRADO DE MEJORA

CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular





Programa de Formacin:
ANALISIS Y DESARROLLO DE SISTEMAS DE
INFORMACIN Adsi

Duracin: 1240
Competencia: Disear el sistema de acuerdo con los
requerimientos del cliente
Duracin: 600
Proyecto formativo: RFID Caprinos de los ANDES.
Fase:
Planeacin.
Resultados de Aprendizaje:

Disear la estructura de datos, a partir del modelo conceptual
determinado en el anlisis del sistema, utilizando herramientas
tecnolgicas de bases de datos, segn las normas y estndares
establecidos.
Actividad de aprendizaje: Disear pginas web
utilizando herramientas DreamWeaber, Flash y
Fireworks para su diseo.
Acompaamiento
directo
90

Trabajo
autnomo

40

La informacin es el elemento fundamental de trabajo para cualquier organizacin, la
adecuada administracin de este recurso permite que el control sobre los procesos,
as como las actividades desarrolladas por cada usuario se hagan de forma eficiente
y productiva permitiendo al recurso humano la bsqueda del mejoramiento continuo
en cada una de las tareas realizadas por l en su ambiente de trabajo.

La Administracin de Bases de datos y lenguajes de programacin, en el diseo web
permite la generacin de aplicativos robustos que apuntan al desarrollo de
aplicaciones, que ayudan a la administracin optima de los recursos a todo nivel.

El programa del Tecnlogo en Anlisis y Desarrollo de Sistemas de Informacin est
orientado al desarrollo de las competencias para administrar las actividades de
cualquier sistema, para propiciar la interaccin y el desempeo del aprendiz en las
actividades reales en un puesto de trabajo.



Cmo se desarrollan aplicaciones web?

En un principio la web era sencillamente una coleccin de pginas
estticas, documentos, etc., para su consulta o descarga. El paso
inmediatamente posterior en su evolucin fue la inclusin de un mtodo
para elaborar pginas dinmicas que permitieran que lo mostrado tuviese
carcter dinmico (es decir, generado a partir de los datos de la peticin).




SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular





Este mtodo fue conocido como CGI ("Common Gateway Interface") y
defina un mecanismo mediante el que se poda pasar informacin entre el
servidor y ciertos programas externos. Los CGIs siguen utilizndose
ampliamente; la mayora de los servidores web permiten su uso debido a
su sencillez. Adems, dan total libertad para elegir el lenguaje de
programacin que se desea emplear.

El funcionamiento de los CGIs tena un punto dbil: cada vez que se
reciba una peticin, el servidor deba lanzar un proceso para ejecutar el
programa CGI. Como la mayora de CGIs estaban escritos en lenguajes
interpretados, como Perl o Python, o en lenguajes que requeran "run-time
environment", como Java o VisualBasic, el servidor se vea sometido a una
gran carga. La concurrencia de mltiples accesos al CGI poda comportar
problemas graves.
Por eso se empiezan a desarrollar alternativas a los CGIs que solucionaran
el problema del rendimiento. Las soluciones llegan bsicamente por 2 vas:
1) se disean sistemas de ejecucin de mdulos mejor integrados con el
servidor, que evitan la instanciacin y ejecucin de varios programas.
2) se dota a los servidores un intrprete de algn lenguaje de
programacin que permita incluir el cdigo en las pginas de forma que
lo ejecute el servidor, reduciendo el intervalo de respuesta.
Entonces se experimenta un aumento del nmero de arquitecturas y
lenguajes que permiten desarrollar aplicaciones web. Todas siguen alguna
de estas vas. Las ms tiles y las ms utilizadas son las que permiten
mezclar los 2 sistemas: un lenguaje integrado que permita al servidor
interpretar comandos "incrustados" en las pginas HTML y, adems, un
sistema de ejecucin de programas mejor enlazado con el servidor, que no
implique los problemas de rendimiento propios de los CGIs.
Una de las ms potentes es la seguida por Sun Microsystems con su Java,
integrado por 2 componentes; un lenguaje que permite la incrustacin de
cdigo en las pginas HTML que el servidor convierte en programas
ejecutables, JSP ("Java Server Pages" o "Pginas de Servidor de Java"), y
un mtodo de programacin muy ligado al servidor, con un rendimiento
superior a los CGIs, denominado "Java Servlet".
Otra tecnologa de xito y una de las ms utilizadas es el lenguaje PHP. Se
trata de un lenguaje interpretado que permite la incrustacin de HTML en




SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular





los programas, con una sintaxis derivada de C y Perl. El hecho de ser
sencillo y potente ha contribuido a hacer de PHP una herramienta muy
apropiada para determinados desarrollos.
Existen otros mtodos, a menudo vinculados a un servidor web concreto,
como mod_perl para Apache o RXML para Roxen.





Cmo se instala Dreamwevaver y flash?

Instalar Dreamwevaver

Doble click en el archivo de instalacin.
Aparece la ventana de presentacin y se le da Siguiente.
Luego le damos en aceptar las condiciones de uso y seguidamente s.
Luego pide el nmero de serie.
Al introducir el nmero, preguntara si se quiere instalar y se le da la opcin si.
Luego pregunta donde se quiere guardar la instalacin del programa y por
defecto aparece q se guardara en el men programas y luego se le da
siguiente.
Asi queda instalado y luego se pulsa finalizar.




Qu herramientas adicionales son necesarias para el desarrollo de aplicaciones
web?

Por qu desarrollar en Dreamweaber y no en otros programas?

Cuales ventajas se obtienen utilizando Dreamweaver?

Cules son los requerimientos mnimos de hardware necesarios para aplicar el
programa?





Estrategia metodolgica:





SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular





1. EXPLORACION DE PRESABERES

Complete el siguiente cuadro teniendo en cuenta que cada compaero tiene
un pre saber y que juntos pueden construir un conocimiento, en parejas
desarrollen el siguiente cuadro para luego socializarlo en plenaria. Recuerde
que pueden apoyarse de la web

CUADRO PARA ESTABLECER AFINIDADES
Que
herramientas
necesitas para
programar sitios
web?

Que tipos de BD
se usan para
aplicaciones
web?

Mencione varios
sitios html
diseados en
Dreamweaver?

Cules son los
inicios del
Desarrollo en
Dreamweaver?

Que
herramientas
adicionales
conoce para
complementar
Dreamweaver?


2. CONCEPTUALIZACION

A partir de las unidades encontradas en el (Manual de Dreamweaver cs4),
escoja los trminos tcnicos que empleara en la elaboracin de las paginas
web, diligencie las columnas S Q A, de forma individual.




S Q A
QUE SE? CUAL ES SU
SIGNIFICADO?
PARA QUE ME
SERVIRA?




SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular








3. TEORIZACION

Analice el manual de Dreamweaver que encontraras en el correo Sena como
material de apoyo, all visualizaras los pasos que deben seguir para disear
sitios web. Elabore un organizador grafico (mapa conceptual) donde sintetice
los temas tratados en el manual.


4. AFIANZAMIENTO

Observe paso a paso la construccin de un sitio web con Dreamweaver, y apoyados
de las guas de clase realice el paso a paso de la construccin del sitio web para el
proyecto, formule todas las inquietudes que surjan durante el proceso

5. APLICACIN

Entregue el sitio web construido y funcionando con toda la informacin del proyecto
formativo: CODIFICACIN DE LOS MDULOS DEL SISTEMA Y EL PROGRAMA PRINCIPAL, A
PARTIR DE LA UTILIZACIN DEL LENGUAJE DE PROGRAMACIN SELECCIONADO, DE
ACUERDO CON LAS ESPECIFICACIONES DEL DISEO

realice el proceso de determinacin de la arquitectura de una aplicacin real o simulada para
un sistema utilizando herramientas DreamWeber, Flash, FireWorks








Evidencias de Aprendizaje Criterios de evaluacin
Tcnicas e instrumentos de
evaluacin
PRODUCTO:
sitio web construido y
funcionando con toda la
informacin del proyecto
formativo: CODIFICACIN
DE LOS MDULOS DEL
SISTEMA Y EL PROGRAMA
PRINCIPAL, A PARTIR DE LA

Utiliza las herramientas
de desarrollo, para la
codificacin de los
mdulos del sistema,
aplicando las funciones
propias del lenguaje de
Lista de Verificacin






SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular





UTILIZACIN DEL LENGUAJE
DE PROGRAMACIN
SELECCIONADO, DE
ACUERDO CON LAS
ESPECIFICACIONES DEL
DISEO
programacin
seleccionado, de acuerdo
con las necesidades del
sistema de informacin.

.
Elabora el manual
tcnico de la aplicacin,
documentando los
procesos involucrados en
la administracin
especializada del sistema
de informacin, segn
normas y procedimientos
de la organizacin.

Realiza y documenta las
pruebas de la interface
segn el plan establecido,
para definir acciones
correctivas a seguir y
asegurar el buen
funcionamiento del
sistema de informacin.
DESEMPEO:
POCESO DE
CONSTRUCCION DE LA
PAGINA WEB


Utiliza las herramientas
de desarrollo, para la
codificacin de los
mdulos del sistema,
aplicando las funciones
propias del lenguaje de
programacin
seleccionado, de acuerdo
con las necesidades del
sistema de informacin.

Elabora el programa de
instalacin del aplicativo,
de acuerdo con las
caractersticas
y la arquitectura de la
aplicacin, utilizando
herramientas
tecnolgicas, segn
normas y protocolos de la
organizacin.

Lista de chequeo




SISTEMA INTEGRADO DE MEJORA
CONTINUA INSTITUCIONAL
FORMATO GUIA DE APRENDIZAJE
F08-9545-003 / 05-09 Versin 2
Proceso: Ejecucin de la formacin profesional
Procedimiento: Desarrollo curricular









Realiza y documenta las
pruebas del software
segn el plan establecido,
para definir acciones
correctivas a seguir y
asegurar el buen
funcionamiento del
sistema de informacin.
Conocimiento





Orientaciones generales:

Es de vital importancia que usted lea y analice el modulo de Dreamweaver y las
guias de clase de manera que logre comprender mejor el curso de diseo de sitios
wev con la herramienta seleccionada.




Ambientes/Recursos educativos y Material de Apoyo:

Ambiente de formacin aula 1 sistemas, TV plasma, Videos de Desarrollo de
sitios web, VideoBean



Bibliografa/Cibergrafa:
http://miajas.com/Informatica/ApuntesBach/Apuntespaso.htm





Elaboro (Instructor): Guillermo Alonso Archila Gualdron