SERVICIO NACIONAL DE APRENDIZAJE SENA

SISTEMA INTEGRADO DE GESTIN Versin: 02

Procedimiento Ejecucin de la Formacin Profesional Integral
GUA DE APRENDIZAJE Cdigo: GFPI-F-019

GUA DE APRENDIZAJE N 2

1. IDENTIFICACIN DE LA GUIA DE APRENDIZAJE

Programa de Formacin: Cdigo:228106 Anlisis y Desarrollo de Sistemas de

Versin: Informacin
102
DISEO E IMPLEMENTACION DE SOFTWARE
Nombre del Proyecto: QUE AGILICEN LOS PROCESOS DEL CENTRO
Cdigo: 866036
AGROEMPRESARIAL Y DESARROLLO PECUARIO
DEL HUILA
Fase del proyecto: ANLISIS
Actividad (es) del Actividad (es) de 104 MATERIALES DE FORMACIN
Proyecto: Aprendizaje: DEVOLUTIVO CONSUMIBLE
Construir la capa de datos, 32
lgica de negocios y computadores
presentacin del sistema de
informacin aplicando
estndares de calidad y
buenas practicas de
ergonoma.
Resultados de Competencia:
Aprendizaje:
"Realizar la codificacin de los CONSTRUIR EL SISTEMA
mdulos del sistema y el QUE CUMPLA CON LOS
programa principal, a partir de REQUISITOS DE LA
la utilizacin del lenguaje de SOLUCIN
programacin seleccionado, de INFORMTICA
acuerdo con las
especificaciones del diseo."

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.

Ejecutar y documentar las

pruebas del software, aplicando

Pgina 1 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
GUA DE APRENDIZAJE Versin: 02
SISTEMA INTEGRADO DE GESTIN
Proceso Gestin de la Formacin Profesional Integral Cdigo: GFPI-F-019
Procedimiento Ejecucin de la Formacin Profesional Integral

tcnicas de ensayo-error, de
acuerdo con el plan diseado y
los procedimientos
establecidos por la empresa.
Duracin de la gua ( yenCSS son tecnologas (o metalenguajes, ya que no puede considerrselos
HTML, JAVASCRIPT
horas): 100deHoras
lenguajes programacin) que intervienen en prcticamente todo desarrollo, grande o pequeo. Se
encargan de dotar de una estructura y presentacin agradables a aquello que ve el usuario de
pginas web.
Los lenguajes de programacin del lado del servidor realizan procesos en el servidor (computador
remoto que se encarga de enviar las pginas web a travs de internet): podemos citar entre estos
lenguajes Java (JSP), ASP.NET, PHP, o Perl, entre los principales.
Los lenguajes de programacin del lado del cliente realizan procesos en el ordenador personal del
usuario (efectos visuales, clculos, etc.): podemos citar entre estos lenguajes Javascript, Java
(applets), o VBScript, entre los principales.
En cuanto a bases de datos podemos nombrar MySQL, SQLServer y Oracle, entre las principales.
Las tecnologas se combinan entre ellas de muy diversas maneras. Podemos citar algunas
combinaciones bastante habituales entre lenguajes de programacin y bases de datos: Java + Oracle,
ASP.NET + SQLServer, PHP + MySQL. Sea cual sea la combinacin utilizada, en un desarrollo
web moderno siempre intervendr HTML y CSS.
En resumen, CSS es un lenguaje para dotar de presentacin y estilo a pginas web cuyos aspectos
bsicos deben ser conocidos tanto por programadores web como por diseadores web o
maquetadores web. En la prctica, muchas veces se entremezcla el cdigo de programacin con el
cdigo HTML y cdigo CSS, de ah que coloquialmente se hable de programacin web para
referirse a todo este conjunto, aunque formalmente ni HTML ni CSS son lenguajes de
programacin.
Fjate que estamos tratando de dejar claro qu es y para qu sirve CSS antes de empezar a estudiar
este lenguaje porque si tenemos los conceptos claros nos ser mucho ms sencillo el aprendizaje,
ahorraremos tiempo y cometeremos menos errores.

2. INTRODUCCIN

Pgina 2 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
GUA DE APRENDIZAJE Versin: 02
SISTEMA INTEGRADO DE GESTIN
Proceso Gestin de la Formacin Profesional Integral Cdigo: GFPI-F-019
Procedimiento Ejecucin de la Formacin Profesional Integral

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de Reflexin inicial.

A veces nos encontraremos que se puede lograr un mismo efecto usando HTML, usando CSS
usando un lenguaje de programacin. Por qu tantas formas para hacer una misma cosa? Dnde
est la frontera entre cada lenguaje? Esta pregunta no es de fcil respuesta. Vamos a ver con un
ejemplo lo que puede ocurrir para algo tan sencillo como aplicar algunos efectos a un texto. No
obstante, ten en cuenta que este ejemplo relativo a texto podra aplicarse a otros conceptos como
bordes, mrgenes, animaciones, etc. El lenguaje HTML permite aplicar algunos efectos visuales al
texto. Escribe o copia este cdigo y gurdalo en un archivo de nombre ejemplo1.html.

Con Javascript podemos hacer algo parecido.

http://aprenderaprogramar.com/index.php?option=com_attachments&task=download&i
d=702

3.2 Actividades de contextualizacin e identificacin de conocimientos necesarios para el

aprendizaje.)

Empezar a usar javascript a partir de html y css bsicos (men, listas, links, formularios, etc.)
http://aprenderaprogramar.com/index.php?option=com_attachments&task=download&id=7
04
El cdigo anterior es HTML y CSS y lo usaremos a lo largo del curso para poner diferentes
ejemplos, por lo que lo denominaremos "cdigo base HTML del curso" o cdigo base CSS del
curso. Para seguir este curso debes ser capaz de comprender todo el cdigo HTML y CSS que
hemos usado, su significado y sintaxis. Si no comprendes el cdigo anterior no continues
avanzando, dirgete a la web aprenderaprogramar.com y en la seccin cursos busca los cursos
Curso bsico del programador web: HTML desde cero y Curso bsico del programador web:
CSS desde cero y realzalos. Si no lo haces as no entenders o no le sacars todo el partido posible
a este curso.
Visualiza el documento HTML en un navegador. Debes obtener un resultado similar a este (si te
falla alguna imagen puedes cambiar las rutas y poner otra imagen que t desees):

3.3 Actividades de apropiacin del conocimiento (Conceptualizacin y Teorizacin).

Para la apropiacin del conocimiento con el fin de aplicarlo en su proyecto de grado con el fin de
dar solucin a los requerimientos solicitados por el cliente.

Pgina 3 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
GUA DE APRENDIZAJE Versin: 02
SISTEMA INTEGRADO DE GESTIN
Proceso Gestin de la Formacin Profesional Integral Cdigo: GFPI-F-019
Procedimiento Ejecucin de la Formacin Profesional Integral

Aqu podr ver video tutorial utilizando un MVC llamado Bootstrap

https://www.youtube.com/watch?v=eFywnP-
lquA&list=PLpOqH6AE0tNhW4kDFOTPs4keq1GcvJnwI

3.4 Actividades de transferencia del conocimiento.

Creamos una interfaz grfica

Vamos al archivo html y css luego diseamos una interfaz de usuario segn lo solicitado
por la dependencia a cargo.

Programamos la interfaz grfica

Ejemplo gua
Web ejemplo - Ejemplo de una pgina web desde cero en HTML y CSS
https://www.youtube.com/watch?v=S0dSsqN30j0

3.5 Actividades de evaluacin.

Evidencias de Aprendizaje Criterios de Evaluacin Tcnicas e Instrumentos de
Evaluacin
Evidencias de Conocimiento Evidencias de Producto:
Crea la base de datos en el Lista de chequeo
Evidencias de Producto motor de base de datos
Disear y Desarrollar la seleccionado, siguiendo
interfax de usuario con especificaciones tcnicas del
conexin a la BD del sistema informe, segn normas y
de informacin solicitado por protocolos de la empresa.
construye la interfaz del
el cliente
aplicativo, siguiendo los
parmetros establecidos en el
diseo que cumpla con las
necesidades del usuario final.
"utiliza las herramientas de
desarrollo, para la
codificacin de los mdulos
del sistema, aplicando las
funciones propias del
lenguaje de programacin

Pgina 4 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
GUA DE APRENDIZAJE Versin: 02
SISTEMA INTEGRADO DE GESTIN
Proceso Gestin de la Formacin Profesional Integral Cdigo: GFPI-F-019
Procedimiento Ejecucin de la Formacin Profesional Integral

seleccionado, de acuerdo con

las necesidades del sistema
de informacin."

Pgina 5 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
SISTEMA INTEGRADO DE GESTIN Versin: 02
Procedimiento Ejecucin de la Formacin Profesional Integral
GUA DE APRENDIZAJE Cdigo: GFPI-F-019

4. RECURSOS PARA EL APRENDIZAJE

Materiales de formacin devolutivos: Materiales de formacin AMBIENTES DE

Talento Humano (Instructores)
(Equipos/Herramientas) (consumibles) APRENDIZAJE TIPIFICADOS

ACTIVIDADES DEL DURACIN

ESCENARIO (Aula,
PROYECTO (Horas) Laboratorio, taller, unidad
productiva) y elementos y
Descripcin Cantidad Descripcin Cantidad Especialidad Cantidad
condiciones de seguridad
industrial, salud ocupacional
y medio ambiente
Construir la
capa de
datos, lgica
de negocios y computadoras 30
presentacin de escritorio
del sistema de Mesas para 16
trabajo
informacin 100
colaborativo con
N/A N/A Ingeniero de sistemas 1 104
aplicando ubicacin para 2
estndares de aprendices.
calidad y sillas 32
buenas
practicas de
ergonoma.

Pgina 6 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
SISTEMA INTEGRADO DE GESTIN Versin: 02
Procedimiento Ejecucin de la Formacin Profesional Integral
GUA DE APRENDIZAJE Cdigo: GFPI-F-019

5. GLOSARIO DE TERMINOS

abstract: Abstracto.Aplicable a clases o mtodos.

array: Variable que posee varias posiciones para almacenar un valor en cada posicin. Las
posiciones son accedidas mediante un ndice numrico.
break: Palabra clave que finaliza la ejecucin de un bucle o de una instruccin switch.
bucles: Tipo de estructura iterativa, que permite repetir un conjunto de instrucciones un nmero
variable de veces.
clase: Estructura que define como son los objetos, indicando sus atributos y sus acciones.
clase base: Clase de la cul se hereda para construir otra clase, denominada derivada.
CLASSPATH: Variable de entorno que permite a la mquina virtual java saber donde localizar
sus clases.
constructor: Funcin especial empleada para inicializar a los objetos, cada clase posee sus propios
constructores.
derivada: Clase que hereda de una clase base.
Excepcion: Objeto empleado para representar una situacin de excepcin (error) dentro de una
aplicacin java.
herencia: Caracterstica que permite que una clase posea las caractersticas de otra, sin tener que
reescribir el cdigo.
herencia sencilla y mltiple: Dos tipos de herencia, con una sla clase base, o con varias.
instancia: Un objeto creado a partir de una clase.
instanciacin: Proceso de creacin de un objeto a partir de una clase.
interfaz: Define un tipo de datos, pero slo indica el prototipo de sus mtodos, nunca la
implementacin.
JDK: Java Development Kit, es el conjunto de herramientas proporcionadas por sun, que permite
compilar y ejecutar cdigo java.
jerarqua de herencia: rbol construido mediante las relaciones de herencia en las clases java.
mquina virtual: Es la encargada de ejecutar el cdigo java.
multiplataforma: Posibilidad de existir en varias plataformas (sistemas operativos)
package: Paquete. Carpeta creada para contener clases java, y as poder organizarlas.
PATH: Variable de entorno, empleada por los sistemas operativos para saber donde localizar sus
programas ejecutables.
Sobrescritura: Poseer el mismo mtodo, pero con cdigo distinto, en una clase base y en una clase
que deriva de ella.
transformacin de datos: Cmo cambiar el tipo de una informacin, por ejemplo cambiar el literal
"23" al valor numrico 23.

Pgina 7 de 8
 SERVICIO NACIONAL DE APRENDIZAJE SENA
GUA DE APRENDIZAJE Versin: 02
SISTEMA INTEGRADO DE GESTIN
Proceso Gestin de la Formacin Profesional Integral Cdigo: GFPI-F-019
Procedimiento Ejecucin de la Formacin Profesional Integral

6. REFERENTES BIBLIOGRFICOS

https://www.java.com/es/download/faq/helpful_concepts.xml
http://panamahitek.com/los-7-pasos-seguir-para-el-manejo-de-mysql-con-java/

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

ING. HUGO FERNANDO POLANIA DUSSAN

Pgina 8 de 8