Desarrollo sistemas web

Desarrollo Sistemas Web
1
Concepción, 05 de Septiembre de 2010.
Señor
Gabriel Sandoval Linderos
Gerente General
Genesys S.A desarrollo de Software
Presente
REF.: Solicitud de Colaboración para asignatura Desarrollo Sistemas Web.
Estimado Sr. Sandoval:
Junto con saludar, y en su calidad de ex alumno y permanente colaborador
de nuestra carrera, se ha considerado su participación en el nuevo proyecto pedagógico con el que
busca potenciar la calidad del aprendizaje de nuestros alumnos.
Nuestro Instituto Profesional Virginio Gómez, en su constante búsqueda de la excelencia en la
formación de sus estudiantes y basados en las recomendaciones entregadas durante el último
proceso de acreditación de nuestra carrera como en los informes de las prácticas realizadas por
nuestros alumnos en variadas empresas regionales, ha considerado necesario realizar una
modificación en la metodología aplicada en la carrera de Ingeniería ejecución en Computación e
Informática, incorporando la enseñanza por Competencias basada en un enfoque Constructivista
comenzando en una primera etapa con la asignatura de “Desarrollo de Sistemas Web”.
Esta innovación, estamos ciertos, representará un verdadero punto de inflexión en la historia de
nuestra carrera, pero requerirá no solo de nuestro diseño e implementación sino que también de
la decidida colaboración y apoyo de empresarios que, como usted, contratan a nuestros
egresados.
Como podrá apreciar en el diseño adjunto de la asignatura, nuestros alumnos van a tener que
desarrollar proyectos reales que los pondrán en situaciones de negociación, desarrollo de
pensamiento lógico, de estructuración de sistemas y solución de conflictos internos y externos.
Para ello será necesario contar con las ideas y consejos de personas seleccionadas por su
capacidad y reconocido prestigio profesional para ejercer el rol de expertos externos, razón por la
cual, hemos seleccionado a usted para integrar el equipo de expertos que contempla este
proyecto.
Afectuosamente.
Mauricio Gutiérrez V.
Jefe de Carrera
Ingeniería ejecución en Computación e Informática
Instituto Profesional Virginio Gómez

2
I. INTRODUCCION
La Informática es una ciencia que ha tenido un desarrollo sostenido en las últimas décadas. En
nuestra sociedad de la información, el conocimiento es el recurso más crítico para el desarrollo
social y económico, y esta información es canalizada fundamentalmente por instrumentos creados
y administrados por profesionales de esta área. Esto implica una gran compromiso para todos los
centros de enseñanza que imparten carreras relacionadas al área, ya que no solo debemos
preparar a nuestros egresados para que puedan utilizar las herramientas actuales sino también
fomentar la iniciativa de crear proyectos innovadores y/o la capacidad de adaptarse a las
necesidades del mercado para hacer frente a la vertiginosa variabilidad que hay en el mundo.
Además se hace necesario desarrollar una mejora permanente en la didáctica de la
enseñanza, en el sentido de motivar en el trabajo del alumno la implementación de nuevas
estrategias de innovación para el trabajo informático, diseñando proyectos a empresas, sistemas
de aplicación para un nuevo negocio, o programa de aplicación para trabajos personalizados.
A consecuencia de esto, ha sido necesario modificar el currículum incorporando
aspectos metodológicos constructivistas con el fin de entregarles a nuestros alumnos nuevas
herramientas sociales y técnicas para fortalecer sus relaciones interpersonales con el medio.
I. CONTEXTO DE LA ASIGNATURA.
La asignatura tiene por nombre “Desarrollo de Sistemas Web”, impartida en quinto semestre de
la carrera de Ingeniería de Ejecución en Informática del Instituto Profesional Virginio Gómez
INSTITUCIÓN.
Instituto Profesional Virginio Gómez está ubicado en Concepción y con sedes en Chillán y Los
Ángeles, depende de la Universidad de Concepción y está enfocado a impartir carreras Técnicas y
de Ingeniería que no se imparte en dicha Universidad.
Misión
Tiene como misión formar profesionales y técnicos que respondan al interés y requerimientos del
país en un contexto globalizado, para lo cual deberá propender a la formación integral de sus
estudiantes, a desarrollar programas de estudio orientados al logro de competencias y a conferir a
sus alumnos una formación general y tecnológica necesarias para un adecuado desempeño
profesional.

3
Visión
Ser reconocido como el Instituto más importante de la Región del Bío Bío por la consolidación de
sus carreras, por la inserción laboral de sus egresados, por el sello diferenciador que se entrega a
sus alumnos y por constituir una institución de educación superior referente entre sus pares.
CARRERA
Ingeniería de Ejecución en Computación e Informática
Perfil de Egreso
El Ingeniero de Ejecución en Computación e Informática del Instituto Profesional Virginio Gómez
es un profesional orientado a las áreas de desarrollo de sistemas y soporte computacional. Sus
sólidos conocimientos responden a los requerimientos de las empresas de producción y servicios.
Además está capacitado para desempeñarse eficientemente en empresas productivas, de servicios
y comerciales; oficinas de ingeniería y de proyectos; capacitación y entrenamiento de personal;
universidades, institutos profesionales y tecnológicos, tanto en docencia como en asistencia
técnica y transferencia tecnológica. Libre ejercicio de la profesión.
II. FUNDAMENTACIÓN DEL DISEÑO DE ASIGNATURA
Se ha considerado plantear el diseño de la asignatura en base a un Enfoque Constructivista, que
según criterios de la institución, prepara de mejor forma a los alumnos en su futuro laboral.
¿Por qué constructivismo?
El constructivismo considera el aprendizaje como un proceso interno de entendimiento, que se
produce cuando el alumno participa activamente en la comprensión y elaboración del
conocimiento (MAYER, 2000). Otro enfoque es el constructivismo social (VYGOTSKY, 1978/2000),
argumenta que la cultura y el contexto son importantes en la formación del entendimiento.
En este paradigma, el aprendizaje no es un proceso puramente interno, sino un constructo-social
mediado por el lenguaje utilizado en el discurso social, donde el contexto en el cual ocurre,
constituye el centro del aprendizaje mismo. La naturaleza de conocer y el proceso de construcción
de conocimiento se originan en la interrelación social de personas que comparten, comparan y
discuten ideas. Es a través de este proceso altamente interactivo que el alumno construye su
propio conocimiento.
En otras palabras, se considera que el conocimiento está inmerso y vinculado a la situación en la
cual ocurre el aprendizaje (APPLEFIELD, HUBER Y MOALLEM, 2001) como proceso activo,

4
determinado por interacciones complejas entre el conocimiento existente en los alumnos, el
contexto social y el problema a resolver (Tam, 2000).
III. ESPECIFICACIONES DEL DISEÑO DE LA ASIGNATURA
La asignatura pretende desarrollar en el alumno la competencia de DESARROLLO DE
SISTEMAS WEB, es decir que el alumno viva la experiencia de plantear, diseñar, construir y
ejecutar un Sistema interactivo vía Internet.
Al definir Competencia, expresaría Le Boterf que el concepto actual posee un atractivo
singular, la dificultad de definirlo crece con la necesidad de utilizarlo, de manera que como
destaca este autor más que un concepto operativo es un concepto en vía de fabricación.
(Tejeda Fernández, 1999)
El desarrollo de la asignatura está basada en tres Ejes didácticos, propuestos por
PERRENOUD en su libro “Construir competencias desde la Escuela”:
• Eje Aprendizaje de Recursos que describe los aspectos teóricos como charlas y
talleres.
• Eje Experiencial que contempla familias de situaciones problemas que permitan al
alumno vivenciar situaciones similares y formar analogías.
• Eje Distanciación crítica que contempla Evaluaciones mediante rúbricas.
Para esto, los alumnos son asistidos por un docente que se desempeña como orientador,
asesor, guía, motivador, y problematizador de los planteamientos relacionados con los
contenidos de enseñanza.
Además la asignatura cuenta con el importante aporte de un Colaborador Externo quien
brinda asesoría técnica con una mirada real sobre las soluciones requeridas por los clientes
IV. METODOLOGIA DE LA ENSEÑANZA
La propuesta de enseñanza tiene como Eje principal el Experiencial, a través de la presentación
de SITUACIONES PROBLEMAS el alumno podrá hacer analogías que permitan definir un mapa
conceptual, que a futuro servirá como guía para la solución de problemas. (PERRENOUD
PHILLIPE, “Construir competencias desde la Escuela”)
La situación problemática a resolver a través de un proyecto se plantea en forma incompleta,
como un problema contextualizado, mal estructurado y con múltiples soluciones (JONANSSE
DAVID, 1997), para lograr posibles respuestas por parte de los alumnos, se requiere la puesta
en juego de conocimientos y técnicas desarrolladas a lo largo del curso.
Esto favorece las discusiones entre los alumnos para definir las características principales del

5
problema que motiva a los estudiantes a explorar el dominio del conocimiento requerido.
Al comienzo del curso se presenta a los alumnos el proyecto general que se desarrollará a lo
largo de la materia y a las actividades de andamiaje que contribuirán al desarrollo de la misma,
en el marco de las estrategias didácticas definidas, a través de un Contrato Didáctico.
A continuación se presenta el diseño de la asignatura basado en los tres ejes que plantea
Perrenoud. Primero se muestra un cronograma semanal de las actividades, según los ejes y
luego se explica cada uno de ellos.

6
Cronograma Actividades Asignatura Desarrollo Sistemas Web
SEMANAS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
SP1
RUBRICA
EXPEREN
CIAL
P
U
N
T
O
D
E
I
N
F
L
E
X
I
Ó
N
SP4
SP5
SP6
EJE
EXPERIENCIAL
SP2
SP3
EJE
DISTANCIACION
CRITICA
RUBRICA
TECNICA
TALLER
BASE DE
DATOS
TALLER
SEGURIDA
D Y
ERRORES
EJE
APRENDIZAJE DE
RECURSOS
TALLER DE
DISEÑO
TALLER
EXPERTO
NEGOCIA
DOR
TALLER DE
FORMULA
RIOS Y
FRAMEW
ORK

7
1. EJE EXPERIENCIAL
El Eje Experiencial define en principio un Contrato Didáctico, luego dos familias de tres situaciones
problemas cada una, separadas por un punto de inflexión.
El contrato didáctico especifica la situación cero en que el curso se constituye como una empresa
de desarrollo de Sistemas Web denominada: EXECOMP, donde el profesor toma el rol de Gerente
general y los alumnos forman grupos de trabajo en que asumen el rol de desarrolladores de
proyectos web, creando a su vez subroles dentro de los grupos, tales como rol editor, rol
coordinador grupal, rol redactor, rol investigador y rol de servicio externo. Esta selección de
subroles, la realizará el grupo de acuerdo a las características y preferencias de sus integrantes,
pudiéndose basar en la descripción de cargo entregada en la tabla N°1.
Tabla N°1: Subroles establecidos en cada grupo de trabajo
ROL EDITOR TECNICO( DE FONDO )
Asume la crítica constructiva del grupo desde punto
de vista del contenido técnico. Se apoya en expertos
en desarrollo web, foros y aplicaciones web
dedicados al tema.
ROL EDITOR FIGURATIVO ( DE
FORMA)
Se audita constructivamente el contenido de forma
de los sistemas en implicancias de ámbitos
multidimensionales, tales como: redacción, social,
político, ético, etc.
ROL DESARROLLO E INVESTIGACION
Se investigan y desarrollan propuestas innovativas de
los sistemas en desarrollo.
ROL DE SERVICIO EXTERNO
Se contacta a los clientes del grupo en cuestión y se
asume un papel de servicio postventa tendiente a
retroalimentar al grupo de trabajo.
ROL COORDINADOR GRUPAL
Se asume como mediador en el interior de grupos
como en su interconexión con los otros grupos. Se
plantean y se proponen soluciones, al grupo total,
respecto de los problemas suscitados en ambos
casos.

8
Figura N°1 ESQUEMA GRAL. ASIGNATURA
ROL COORDINADOR
DE GRUPO
ROL EDITOR
FORMA
ROL EDITOR
TECNICO
ROL
INVESTIGACION
Y DESARROLLO
ROL SERVICIO
EXTERNO
GRUPOS DE
TRABAJO
DOCENTE
COORDINADOR
MEDIADOR
HERRAMIENTA GRAL
DEL CURSO.
AULA VIRTUAL :
-FORO VIRTUAL
-ESTANTERIA VIRTUAL
-ARCHIVO DE
PROYECTOS
ESTRATEGIAS
DIDACTICA

9
EJE EXPERIENCIAL
FAMILIA DE SITUACIONES PROBLEMAS 1
Situación Problema 1.1
Contexto: La empresa EXECOMP se inicia sin una cartera de clientes definida, por lo que
decide buscar clientes insatisfechos del segmento PYME en el mercado local de páginas web.
Roles: Todos los subroles del contrato Investigación y desarrollo
Representación del problema: Dentro del proceso se ha considerado explorar las páginas
Webs existente en la red pertenecientes a la Octava región, con preferencia a los de la
Provincia de Concepción, para favorecer el contacto. Los prospectos de clientes van ha ser
seleccionados dentro del mercado, principalmente porque presentan sistemas web que no han
logrado posicionarse dado su poco atractivo y escaso contenido informativo. A partir de esta
información se debe realizar un análisis crítico de las páginas Webs de estos potenciales
clientes, descomponiendo y descontextualizando, en fin dando un rodeo a estas experiencias,
según plantea el autor LE BOTERF en “ingeniería de competencias”, de modo de poder crear
propuestas atractivas para cada caso.
Toma de Decisiones: Los grupos de trabajo deben decidir, que páginas web no están
posicionadas? ¿Qué criterios usamos para determinarlas? ¿Se observa una tendencia en los
sitios seleccionados? ¿Qué mejoras se podrían realizar según cada caso observado?

10
Propósito: Encontrar a corto plazo prospectos de clientes decidiendo rubros o tendencias
de los prospectos comerciales.
Tarea: Investigar el mercado local de clientes PYME con sistemas web precarios .
Herramientas Cognitivas:
• Pauta de evaluación de sistemas web como planilla de ejemplo que se adjunta.
Ejemplos:
Listas de direcciones web de Pymes proporcionadas en internet por asociaciones
gremiales, culturales, Institutos, etc.
Fuentes:
• www.la webera.es
• lawebdelprogramador.com
Herramientas de apoyo al rendimiento:
• Computadores
• Software descomposición de sistemas web existentes en internet Type room, Cssfly
Herramientas de conversación:
• Foro virtual del curso en que se critican prototipos
Apoyo Social
• Apoyo externo de colaboradores de empresa consultora como tutoría informativa de
la situación del mercado de desarrollo web.
Contexto: Cada grupo de trabajo debe crear soluciones Web para los casos observados en la
situación de análisis experimentada en la SP 1.1.
Roles: Todos los subroles con énfasis en editor de fondo y forma
Representación del problema: Los coordinadores de cada grupo deben presentar al menos 4
posibles soluciones Web, utilizando herramientas de diseño y generando un posible carta de
clientes.

11
Toma de decisiones: Los grupos deben decidir ¿Qué tipo de soluciones planteamos para los
casos observados? ¿Las soluciones están acordes con la empresa que representan? ¿Es
necesario adquirir conocimientos teóricos para la solución?
Propósito : Modernizar y personalizar páginas web de clientes.
Tarea: Realizar una cartera de prototipos de sistemas web.
• Técnicas de diseño de páginas.
• Mapas mentales de estructuras de paginas
Ejemplos: www.stvisual.com/portfolio.php
Fuentes:
• Crearwebgratis.com
• Desarrolloweb.com
• Computadores
• Plantillas Webs modificables como Joomla, Worpress, PhpNuke
• Software diseño y construcción de Páginas:
• Dreamweaver
• Flash
• Photoshop
• Reuniones de Grupo
• Foro virtual del curso en que se critican los prototipos subidos a la estantería virtual
del curso
Apoyo Social
• Charla claves de creación de prototipos de alguno de los colaboradores de la
empresa.
Contexto: Las posibles soluciones planteadas en la SP2 deben negociarse con clientes y
concretar al menos un Desarrollo de Sistema Web.
Roles: Todos los subroles presentados en la tabla N°1 con énfasis en servicio externo.

12
Representación del problema: El coordinador y servicio externo deben fijar reuniones con
clientes para negociar contratos y fijar requerimientos del sistema.
Toma de Decisiones: Los grupos deben decidir ¿Con que clientes negociamos? ¿Cómo
realizamos la negociación? ¿Cómo especificamos los requerimientos con el cliente? ¿Debemos
reestructurar los roles?
Propósito : Entregar valor agregado a las propuestas para diferenciarse del mercado.
Tarea: Fijar contrato con cliente y requerimientos del sistema web a construir.
• Técnicas de negociación.
• Técnicas captura de requerimientos.
Ejemplos: http://www.mitecnologico.com/Main/RequerimientosParaElAnalisisYNegociacion
Fuentes:
• Libro “Diseño De Páginas Web Interactivas Con Java
script” por Juan Carlos Oros 2002 publicación
independiente.
• Computadores
• Dreamweaver
• Microsoft Word
• Microsoft Power Point
• Software Camtasia Studio que graba secuencias de actividades realizadas en PC.
• Reuniones con clientes
Apoyo Social
• Tutoría de Negociación y especificación de requerimientos por parte de experto de su
empresa.

13
Punto de Inflexión
La metodología de trabajo diseñada para el módulo que presentamos, establece la fijación de
un punto de inflexión en algún momento del transcurso de las Situaciones Problemas, con fin
de generar un desequilibrio didáctico que genere en el alumno la obligación de replantear su
trabajo en la asignatura. Específicamente en nuestro caso incluye un cambio en la demanda
cognitiva por parte de los alumnos, ya que hasta este punto los alumnos están en un camino
inductivo desde lo que está presente en internet en cuanto a sistemas web y a medida que
analizan estos “hechos” van descubriendo los conceptos involucrados . (Concepto Deductivo-
Inductivo de MARTINIANO ROMAN en su Libro “Secuencias de Contenido” ).
Al presentar el punto de inflexión se establece lo siguiente por parte del docente:
Una vez firmado el contrato con el cliente, comenzará el desarrollo del Sistema Web, que
contará con la retroalimentación de la primera etapa de situaciones. Por lo tanto cada grupo
deberá realizar una planificación que incluya las nuevas tareas a desarrollar y reestructure los
roles en función de cumplir con las exigencias reales de un proyecto Informático.
Luego de presentado el punto de inflexión se estable un ruta deductiva que establece una
nueva familia de Situaciones Problemas que llevarán al alumno a completar su competencia,
tal como especifica el autor P. PERRENOUD, esto es movilizando todos los recursos disponibles
en situaciones problema simuladas lo más cerca de lo real o de la vida profesional.
FAMILIA DE SITUACIONES PROBLEMAS 2
Contexto: La empresa debe cumplir con los primeros plazos indicados en los contratos
establecidos, el gerente al revisar, deduce atrasos en los avances, por lo tanto decide
establecer estrategias para avanzar más rápido en la construcción de los Sistemas para
presentarlos en las próximas reuniones con clientes.
Roles: Todos los subroles especificados en tabla N°1
Representación del problema: El gerente general(docente) envía un correo masivo
informando la situación en que está la empresa y cita a reunión para profundizar el tema. La
reunión se realiza en pocos minutos en la sala de clases.
Toma de Decisiones: Los grupos deben decidir ¿Cómo planificamos el trabajo para cumplir con
los plazos? ¿Qué tareas asignamos a cada integrante para mejorar la eficiencia? ¿Qué recursos
técnicos necesitamos para cumplir los plazos? ¿Hemos cometido errores que nos han llevado a
atrasos?

14
Propósito : Ser proactivo en el proceso, esto es visualizar posibles puntos de conflicto y contar
con soluciones rápidas de implementar.
Tarea: Construir sistema según requerimientos obtenidos en la etapa anterior
• Técnicas de construcción de algoritmos.
Ejemplos:
• Explicación de códigos de sistemas web ya realizados que resuelven distintos
problemas, a través de talleres de lenguaje de programación.
Fuentes:
• Webestilo.com
• Php.net
• Computadores
Softwares a usar:
• Dreamweaver
• PhpMyadmin
• Apache
• Reunión con cliente.
• Chat y foro virtual del curso
• Reunión de planificación
• Reunión de verificación
Apoyo Social
• Modelos de construcción de programas en lenguaje PHP
• Tutorías de lenguajes de programación con apoyo de colaboradores de su empresa
• Refuerzo a través de explicación de ejercicios similares lo que construyen en sus
sistemas web

15
Situación problema 2.2:
Contexto: Los clientes exigen visualizar el avance en sus proyectos y como parte de la cultura
organizacional de EXECOM, ellos realizan reuniones críticas con los clientes para realizar
pruebas y críticas a los proyectos.
Roles: Todos los subroles especificados en tabla N°1
Representación del problema: El gerente realiza un llamado a reunión crítica, se realiza un
exposición de cada proyecto, luego una sesión de críticas y finalmente una minuta de reunión
del encuentro con el cliente.
Toma de decisiones: Los grupos de trabajo deciden: ¿Cómo se realiza una reunión crítica?
¿Qué datos son importantes captar de una reunión con clientes? ¿Cómo se realiza una buena
aceptación a las críticas?
Propósito: Evaluación crítica de avances por parte del grupo curso y con clientes reales
Tarea: Mostrar avance del proyecto al cliente.
• Técnicas de exposición a clientes.
• Manejo y aceptación de críticas.
• Construcción de minutas de reunión.
Ejemplos:
• Explicación para construir una minuta de reunión.
• Expresar con argumentos algunas críticas a sistemas web.
• http://discoveryschool.com/schrockguide/evalhigh.html
Fuentes:
• Foros de internet (Análisis de discusiones)
• http://www.guiaweb.gob.cl/guia/capitulos/uno/instrumentos.htmPhp .net
• Computador
• Word
• Proyector Multimedia
• Servidor Web
• Exposición o disertación.
• Foro virtual
• Debate con otros grupos en el curso
Apoyo Social

16
• Modelos de presentaciones o exposiciones (Guía)
• Modelos para estructurar críticas
• Modelo argumentar puntos de vista.
• Participación en reuniones críticas de algunos de sus colaboradores.
Contexto: Se cumple el plazo de entrega, por lo tanto, cada grupo debe probar e implementar
el sistema en su cliente y corregir los errores que puedan surgir.
Roles: Todos los subroles de la tabla N°1
Representación del problema: Cada grupo publica en internet su sistema y establece un
periodo de marcha en donde los usuarios reales interactúan con el sistema utilizando datos
reales.
Toma de decisiones: Los grupos deciden: ¿Cómo realizaremos la puesta en marcha? ¿Qué
usuarios participaran? ¿Cuáles son los plazos de marcha blanca? ¿Cómo se corregirán los
posibles errores?
Propósito: Fidelizar el sistema en Internet con el cliente.
Tarea: Verificar que se cumplen los requerimientos fijados con el cliente.
• Plan de pruebas.
Ejemplos:
• Páginas web de experiencias similares:
http://redalyc.uaemex.mx/redalyc/pdf/559/55924204.pdf
Fuentes:
• Proyectos punto.com en http://books.google.cl/books?id=EI-
XAvYJLLYC&pg=PA79&dq=puesta+en+marcha+webs&hl=es&ei=kiN_TL7jAYa8lQfJ6JT7
Dg&sa=X&oi=book_result&ct=result&resnum=8&ved=0CEgQ6AEwBw#v=onepage&q&
f=false
• Comercio electrónico en http://books.google.cl/books?id=HzG9fz-_2SoC&pg=RA1-
PA89&dq=puesta+en+marcha+webs&hl=es&ei=kiN_TL7jAYa8lQfJ6JT7Dg&sa=X&oi=bo
ok_result&ct=result&resnum=6&ved=0CD4Q6AEwBQ#v=onepage&q&f=false
• Computadores portátiles
• Software para transferir archivos de un lugar a otro. Cute ftp

17
• Conversaciones con cliente y su personal.
• Chat con usuarios finales.
• Foros de internautas.
Apoyo Social
• Apoyo externo de empresa de desarrollo web colaboradora, con charlas experienciales
de puestas en marcha.
2. EJE APRENDIZAJE DE RECURSOS
El eje de aprendizaje de recursos, establece talleres o charlas en función de los aprendizajes
cognitivos necesarios para la asignatura, para ello establecemos los siguientes talleres.
2.1 Taller de Diseño:
Taller en que los alumnos interiorizan la creación de páginas web enfatizando la técnica de
etiquetas.
En principio el docente a través de un pequeño ejemplo muestra la estructura básica de una
página web y como verla en un navegador.
A continuación se encarga a los alumnos la misión de agregar formato a la página, agregar
imágenes, hipervínculos y tablas. Ellos tendrán que buscar las etiquetas necesarias para
generar los requerimientos señalados. Luego de realizar la actividad, se realiza un foro donde
se establecen las etiquetas más utilizadas.
En un paso siguiente, se estudian algunos Software que permiten crear páginas web, algunos
estudian Dreamweaver y otros estudian WordPress. Luego se hace un análisis crítico de
ventajas y desventajas de las herramientas estudiadas a través de exposiciones de los
alumnos.
Tiempo Estimado: 4 horas pedagógicas.
2.2 Taller de Experto Negociador.
Realizado por el Consultor Empresa Colaboradora en que relata los elementos necesarios a
considerar en una negociación, con ejemplos reales de su empresa.
Tiempo Estimado: 2 horas pedagógicas.

18
2.3 Taller de Formularios y Framework
Este taller pretende integrar los diseños de páginas con Lenguajes de programación Web
como PHP o ASP.
Al alumno se entregará un formulario diseñado previamente, con distintos controles, que está
comunicado con un lenguaje de programación. Luego los alumnos con el docente analizan los
elementos importantes a considerar en la construcción de páginas interactivas.
A continuación el docente explica algunas características importantes del lenguaje como por
ejemplo:
• Iniciar y finalizar un programa.
• Control de variables
• Estructuras de condición e iteración
• Clases y Objetos
Luego los alumnos con el docente analizan los elementos importantes a considerar en la
construcción de páginas interactivas. Establecen sintaxis y estructura de funcionamiento
importantes.
Al finalizar en taller los alumnos realizan avances para su proyecto utilizando formularios con
lenguajes de programación.
Tiempo Estimado: 3 horas pedagógicas
2.4 Taller de Base de Datos
El taller pretende que los alumnos puedan conectar los programas realizados con diversas
bases de datos, por ejemplo Postgresql o Mysql.
Los alumnos implementan la Base de Datos de su proyecto en un sistema de gestión de Base
de Datos.
El docente entrega y explica ejemplos para conectar programas web con las Bases de Datos ya
implementadas. Revisa las funciones y métodos de conexión.
A continuación los alumnos avanzan en sus proyectos personales, ingresando y obteniendo
información de la Base de Datos, el docente resuelve dudas y facilita el trabajo.
Tiempo Estimado: 2 Horas pedagógicas.
2.5 Taller de Seguridad y Errores
El taller pretende que los alumnos interpreten los errores que aparecen en sus programas y
sepan corregirlos.
El docente elige algunos proyectos y fuerza los errores, para explicar sus significados y mostrar
formas de corrección. Uno de los errores que genera en los proyectos se relaciona con la
seguridad, mostrando casos en que se vulnera el acceso a los sistemas.

19
El docente muestra ejemplos de cómo implementar seguridad en los sistemas, como por
ejemplo validaciones de usuario y control de Sesiones.
Los alumnos revisan la seguridad en sus sistemas y establecen estructuras concretas de
validación.
3. EJE DISTANCIACIÓN CRÍTICA
El eje Distanciación Crítica pretende establecer la evaluación y calificación de la asignatura,
para ello hemos construido dos rúbricas, una experiencial, para evaluar todo el proceso y otra
rúbrica técnica para evaluar el sistema construido.
Rúbrica Experiencial para Competencia "Diseña sistema Web"
CATEGORIA 2 1 0
Interacción Con
el cliente
Establece una relación
cordial, respetuosa,
empática y de confianza
con el cliente.
cordial y respetuosa con el
cliente.
difícil y poco productiva
con el cliente.
Especificación
de
Requerimientos
Logra especificar los
requerimientos de forma
clara. Redacta y sintetiza
los requerimientos en
forma detallada y precisa.
Logra especificar los
requerimientos de manera
incompleta. Redacta pero
no logra sintetizar a
cabalidad ya que la
comunicación con el cliente
no es muy fluida.
No logra especificar los
requerimientos ya que la
comunicación con el
cliente es difícil.
Conocimientos
técnicos
Maneja los conocimientos
técnicos de forma fluida.
Logra responder
rápidamente las consultas
planteadas y sabe
perfectamente donde se
encuentran cada uno de
los elementos en el
sistema.
Tiene un entendimiento
básico del material incluido
en el sitio. No puede
fácilmente contestar la
mayoría de las preguntas
sobre el contenido y los
procedimientos usados para
crear el sistema.
El estudiante no parece
haber aprendido mucho de
este proyecto. No puede
contestar la mayoría de
las preguntas sobre el
contenido y los
procedimientos usados
para crear el sistema.
Trabajo
cooperativo
Los compañeros
demuestran respeto por las
ideas de cada uno, dividen
el trabajo de forma justa,
muestran un compromiso
por la calidad del trabajo y
se apoyan unos a otros.
Los compañeros muestran
respeto por las ideas de
cada uno y dividen el
trabajo de forma justa. Hay
poca evidencia de
compromiso hacia la calidad
del trabajo en grupo.
Los compañeros discuten
o no respetan las ideas de
cada uno y su aportación.
La crítica no es
constructiva y no se ofrece
apoyo. El trabajo es hecho
por una ó dos personas.
Cumplimiento
de plazos
Se cumplen todos los
plazos establecidos con
holgura.
Se cumplen algunos de los
plazos establecidos en
tiempo límite.
No se cumplen algunos
plazos establecidos.

20
Confección de
manual de
usuarios
Se confecciona el manual
de usuario, incluyendo
conceptos, ejemplos e
imágenes.
de usuario, incluyendo sólo
conceptos e imágenes, sin
incluir ejemplos.
de usuario sólo incluyendo
algunos conceptos pero
no incluye imágenes ni
ejemplos.
Investigación y
utilización de
otros recursos
web
Analiza las páginas web y
obtiene conclusiones claras
de cada una de ellas,
aplicándolas en distintas
situaciones.
Analiza las páginas web
pero obtiene conclusiones
ambiguas sin aplicarlas a
otros contextos.
Analiza páginas web pero
no obtiene conclusiones
aplicables a otros
contextos.
Plan de puesta
en marcha
Ejecuta un plan concreto
de puesta en marcha con
resultados validos y
medibles
Ejecuta un plan concreto de
puesta en marcha pero
logra con dificultad los
resultados esperados
Ejecuta un plan concreto
de puesta en marcha pero
no logra resultados
esperados.
Rúbrica técnica para Competencia "Diseña sistema Web"
CATEGORIA 3 2 1 0
Contenido El sitio en la red
tiene un propósito y
un tema claros y
bien planteados y
son consistentes en
todo el sitio.
El sitio en la red
tiene un propósito y
un tema claros,
pero tiene uno ó
dos elementos que
no parecen estar
relacionados.
El propósito y el
tema del sitio en la
red son de alguna
forma confusos o
imprecisos.
El sitio en la red
carece de propósito
y de tema.
Enlaces
(Contenido)
Todos los enlaces
apuntan a sitios
fidedignos,
actualizados y de
alta calidad.
Casi todos los
enlaces apuntan a
sitios fidedignos,
actualizados y de
alta calidad.
La mayoría de los
enlaces apunta a
sitios fidedignos,
actualizados y de
alta calidad.
Menos del 3/4 de
los enlaces apunta a
sitios actualizados y
de alta calidad.
Interés El autor ha hecho
un esfuerzo
excepcional por
hacer el contenido
de este sitio
interesante para las
personas a quiénes
está dirigido.
El autor trató de
hacer el contenido
de este sitio
interesante para las
personas a quiénes
está dirigido.
El autor ha puesto
mucha información
en el sitio, pero hay
muy poca evidencia
de que la persona
trató de presentar
la información en
una manera
interesante.
El autor ha
proporcionado sólo
la cantidad mínima
de información y no
la ha transformado
para hacerla más
interesante para la
audiencia (por
ejemplo, sólo ha
proporcionado una
lista de enlaces al
contenido
presentado por
otros).

21
Conocimientos
del Material
El estudiante posee
un entendimiento
excepcional del
material incluido en
el sitio y sabe
dónde encontrar
información
adicional. Puede
fácilmente
contestar las
preguntas sobre el
contenido y los
procedimientos
usados para crear el
sitio en la red.
El estudiante tiene
un buen
entendimiento del
material incluido en
el sitio. Puede
fácilmente
contestar preguntas
sobre el contenido y
los procedimientos
sitio.
El estudiante tiene
un entendimiento
básico del material
incluido en el sitio.
No puede
fácilmente
contestar la
mayoría de las
preguntas sobre el
contenido y los
procedimeintos
sitio.
El estudiante no
parece haber
aprendido mucho
de este proyecto.
No puede contestar
la mayoría de las
preguntas sobre el
contenido y los
procedimientos
sitio.
Imágenes
(accesibilidad)
Todas las imágenes,
(especialmente
aquéllas que son
usadas para la
navegación) tienen
una etiqueta ALT
que describe la
imagen y su enlace
para que las
personas que son
dicapacitadas
visuales puedan
usar bien el sitio.
Todas las imágenes
usadas, para la
navegación tienen
una etiqueta ALT
que describe la
imagen y dónde
está enlaza para
que las personas
que son
descapacitadas
visuales pueden
usar bien el sitio.
La mayoría de las
imágenes usadas
para la navegación
tienen una etiqueta
ALT que describe la
imagen y dónde
está enlaza para
que las personas
que son
descapacitadas
visuales puedan
usar bien el sitio.
La necesidad de los
usuarios de Internet
que son
descapacitados
visuales es
ignorada.
Gráficas Las gráficas están
relacionadas al
tema/propósito del
sitio, su tamaño
está
cuidadosamente
selecionado, son de
alta calidad y
aumentan el interés
o el entendimiento
del lector.
Las gráficas están
relacionadas al
tema/propósito del
sitio, son de buena
calidad y aumentan
el interés o el
entendimiento del
lector.
Las gráficas están
relacionadas al
tema/propósito del
sitio y son de buena
calidad.
Las gráficas parecen
haber sido
escogidas al azar,
son de baja calidad
o distraen al lector.
Compatibilidad Este sitio web ha
sido probado y
funciona en ambas
plataformas:
"Macs" y "PCs" y en
versiones
relativamente
actualizadas de
"Navigator",
"Explorer" y
“FireFox”.
Este sitio web ha
sido probado y
funciona en
versiones
relativamente
actualizadas de
"Navigator",
"Explorer" y
“FireFox”.
Este sitio web ha
sido probado y
funciona en ambas
plataformas:
"Macs" y "PCs",
pero es sólo
mostrada
correctamente por
un navegador.
Este sitio web no ha
sido probado o es
mostrada
correctamente sólo
en un navegador.

22
Navegación Los enlaces para la
navegación están
claramente
etiquetados,
colocados
consistentemente,
permiten al lector
moverse fácilmente
de una página a
otras páginas
relacionadas (hacia
delante y atrás), y
llevan al lector
donde él o ella
espera ir. El usuario
no se pierde.
Los enlaces para la
navegación están
claramente
etiquetados,
permiten al lector
moverse fácilmente
de una página a
otras páginas
relacionadas (hacia
delante y atrás), y
los enlaces internos
llevan al lector
donde él o ella
espera ir. El usuario
rara vez se pierde.
Los enlaces de
navegación llevan al
lector donde él o
ella espera ir, pero
algunos enlaces
necesarios parecen
no estar presentes.
El usuario algunas
veces se pierde.
Algunos enlaces no
llevan al lector a los
sitios descritos. El
usuario se siente
perdido.
Presentación El sitio en la red
tiene un atractivo
excepcional y una
presentación útil. Es
fácil localizar todos
los elementos
importantes. El
espacio en blanco,
los elementos
gráficos y/o el
centrado son
usados con
efectividad para
organizar el
material.
Las páginas tienen
un atractivo y una
presentación útil.
Todos los
elementos
importantes son
fáciles de localizar.
Las páginas tienen
una presentación
útil, pero pueden
parecer estar llenas
de información o
ser aburridas. La
mayoría de los
elementos son
fáciles de localizar.
Las páginas se ven
llenas de
información o son
confusas. Es a
menudo difícil
localizar elementos
importantes.
Elección de
Color
Los colores de
fondo, el tipo de
letra y los enlaces
visitados y no
visitados forman
una mezcla de
colores agradables
y no restan valor al
contenido y son
consistentes en
todas las páginas.
Los colores de
fondo, el tipo de
letra y los enlaces
visitados y no
visitados no
distraen del
contenido y son
consistentes en
todas las páginas.
Los colores de
fondo, el tipo de
letra y los enlaces
visitados y no
visitados no
distraen del
contenido.
Los colores de
fondo, el tipo de
letra y los enlaces
visitados y no
visitados hacen el
contenido difícil de
leer o distraen al
lector.

23
Tipo de Letra Los tipos de letra
son consistentes,
fáciles de leer y de
tamaños variados
apropiados para los
títulos y el texto. El
uso de diferentes
tipos de letras
(cursiva, negrita,
subrayado) mejora
la lectura.
Los tipos de letra
son consistentes,
fáciles de leer y de
tamaños variados
apropiados para los
títulos y el texto.
Los tipos de letra
son consistentes y
de tamaños
variados apropiados
para los títulos y el
texto.
Se usa una gran
variedad de tipos de
letras, estilos y
tamaños.
Fondo El fondo es
excepcionalmente
atractivo,
consistente a través
de las páginas,
añade al tema o
propósito del sitio y
no afecta la
legibilidad.
El fondo es
atractivo,
de las páginas,
añade al tema o
propósito del sitio y
no afecta la
legibilidad.
El fondo es
de las páginas y no
afecta la legibilidad.
El fondo afecta la
legibilidad del sitio.
Ortografía y
Gramática
No hay errores de
ortografía,
puntuación o
gramática en el
borrador final del
sitio web.
Hay 1-3 errores de
ortografía,
puntuación o
gramática en el
borrador final del
sitio web.
Hay 4-5 errores de
ortografía,
puntuación o
gramática en el
borrador final del
sitio web.
Hay más de 5
errores de
ortografía,
puntuación o
gramática en el
borrador final del
sitio web.
Conección a la
Base de Datos
Se conecta a la Base
de datos,
permitiendo la
actualización,
modificación e
inserción en la
misma,
manteniendo
integra la
información
de Datos,
permitiendo la
actualización,
modificación e
inserción en la
misma, pero no
mantiene íntegra la
información
de Datos,
permitiendo sólo
consulta, pero no
permite actualizar,
modificar e insertar.
No se conecta a la
Base de Datos
Módulo de
Informes
Los informes son
precisos, presentan
los datos necesarios
y al hacer click en
los encabezados de
columnas, estas se
ordenan y agrupan
según el
requerimiento. Se
pueden exportar a
hoja de cálculo y
además se pueden
imprimir.
Los informes son
precisos, presentan
los datos
necesarios, pero al
hacer click en los
encabezados de
columnas, éstas no
se ordenan ni
agrupan según el
requerimiento. Se
pueden exportar a
hoja de cálculo y
además se pueden
imprimir.
Los informes son
precisos, presentan
los datos
necesarios, pero al
hacer click en los
encabezados de
columnas, éstas no
se ordenan ni
agrupan según el
requerimiento. No
se pueden exportar
a hoja de cálculo y
sólo se puede
imprimir.
Los informes no son
precisos, falta de
datos. No se
ordenan los datos
presentados. No se
pueden exportar a
hoja de cálculo y
tampoco imprimir.

24
Seguridad en
módulos
El Sistema permite
el uso sólo a los
usuarios
correspondientes y
logueados ver su
información. El
usuario que no es
administrador, no
puede ver la
información de
Administrador.
Trabaja con
variables de sesión
El Sistema permite
el uso sólo a los
usuarios
correspondientes y
logueados ver su
información. El
usuario que no es
administrador, no
puede ver la
información de
Administrador, pero
no trabaja con
variables de sesión
El sistema permite
loguearse, y si no lo
hace, no se puede
ver la información
que no le
pertenezca al tipo
de usuario, pero al
conocer la dirección
de las páginas y los
valores de las
variables que
necesita para
trabajar, se puede
conectar y ver la
información.
No se logea para el
uso del sistema.
Cualquier persona
puede acceder al
sistema, solo
conociendo el
directorio donde se
encuentra
Manejo de
Errores
Al ingresar datos,
valida el contenido
de éstos a través de
javascript,
permitiendo así,
anteponerse a los
posibles errores de
ingreso que
pudiesen ocasionar.
Si surge un
problema con
alguna conección a
la base de datos,
estás son
manejadas
elegantemente, sin
que salga la pantalla
por defecto del
navegador.
Al ingresar datos,
valida el contenido
de éstos a través de
javascript,
permitiendo así,
anteponerse a los
posibles errores de
ingreso que
pudiesen ocasionar.
Si surge un
problema con
alguna conección a
la base de datos,
estás NO son
manejadas con lo
que el error de
conección se ve a
través de la pantalla
por defecto del
navegador
Al tratar de ingresar
datos, nos dice que
hay algún error,
pero el prompt no
se posiciona en el
campo
correspondiente,
además nos
permite tratar de
ingresar a la base
de datos o páginas
siguientes, con lo
que después
aparece el mensaje
predeterminado del
navegador. No
maneje errores de
conección.
No maneja errores
ni de ingreso, ni de
conección.

Desarrollo sistemas web

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Desarrollo sistemas web

Más de Gonzalo Quintana

Último

Desarrollo sistemas web