Escolar Documentos
Profissional Documentos
Cultura Documentos
Gua de Implementacin
Introduccin PARTE 0: Uso de esta gua, Etapas de Implementacin 0.1 Como usar esta gua 0.2 Etapas de implementacin PARTE 1: Recursos, metodologas 1.1 Recursos Necesarios 1.1.1 Recursos humanos y organizativos 1.1.2 Recursos tecnolgicos 1.2 Terminologa bsica, modelos y metodologas empleados 1.2.1 Glosario de trminos 1.2.2 Modelos y metodologas PARTE 2: Modelos y maquetas 2.1 Modelos para sitios web de postgrados 2.1.1 Modelo E-R 2.1.2 Modelo navegacional RMM 2.1.3 Jerarquas principales 2.1.4 Modificaciones adaptaciones a los modelos 2.1.5 Listado resmen de informacin requerida 2.2 Etiquetas de navegacin 2.2.1 Etiquetas de navegacin global 2.2.2 Etiquetas de navegacin locales 2.3 Maquetas (patrones) de contenido 2.3.1 Maqueta de contenidos Portal Cursos 2.3.2 Portal Publicaciones 2.3.3 Portal Eventos 2.3.4 Men Investigacin 2.3.5 Portal Admisin 2.3.6 Men Informacin General 2.4 Herramientas para recopilacin de informacin 2.4.1 Reuniones 2.4.2 Planillas de recoleccin de datos
PARTE 3: Diseo Grfico del Sitio 3.1 Formatos Grficos para el Web 3.2 Consideraciones y consejos al usar grficos 3.3 Herramientas para grficos PARTE 4: Recomendaciones de Implementacin 4.1 Estructuras de directorios necesarias 4.2 Uso de SMBD PARTE 5: Actualizacin y Mantenimiento 5.1 Estrategias de actualizacin - mantenimiento Direcciones de Inters y Soporte
Introduccin
Esta gua pretende ayudar en el proceso de diseo y creacin de un sitio Web para cualquier Postgrado de la Universidad de Los Andes. Su seguimiento llevara a obtener una definicin y una estructura de los contenidos de un sitio Web de cualquier Postgrado, aunque no es necesaria su aplicacin estricta. Esto quiere decir que casi cualquiera de las partes que componene esta gua se puede aplicar de manera independiente e insertarse en cualquier proceso o metodologa de diseo de un sitio Web. Las etapas presentadas en esta principales: Diseo: partes 0, 1, 2 y 3. Implementacin: parte 4. Mantenimiento: parte 5. guia se pueden agrupar en tres procesos
Se puede seguir todo el proceso indicado en cada una de estas etapas, o se pueden aplicar de manera independiente, como se indic ms arriba. Esta gua se centra en el proceso de diseo, recoleccin y organizacin de los contenidos de un sitio, y de las relaciones entre estos contenidos, no en la parte tcnica o tecnolgica necesaria. No se dan detalles aqui de las herramientas de software , por ejemplo, que son necesarias para lograr la implementacin de un sitio Web.
PARTE 0: Uso de esta gua, etapas de implementacin. PARTE 1: Recursos, metodologas. PARTE 2: Modelos y maquetas. PARTE 3: Diseo Grfico del sitio Web. PARTE 4: Recomendaciones de implementacin. PARTE 5: Pruebas, mantenimiento del sitio Web.
El desarrollo y seguimiento secuencial de cada una de estas partes llevara a la obtencin de un sitio Web terminado. En la seccin 0.2 se observa un esquema de las etapas de implementacin de un sitio Web para un Postgrado de la ULA. Al lado de cada etapa se muestra la seccin de esta gua donde encontrara la informacin necesaria para completar las tareas involucradas en cada una de estas etapas. Comentaremos a continuacin cada una de las partes mencionadas arriba:
Se debern estudiar cuidadosamente cada uno de estos modelos, ya que estos indicaran de varias maneras los requerimientos de informacin y navegacin del sitio Web. Igualmente se dan guas para introducir modificaciones a estos modelos. Como resmen se da un listado de toda la informacin que usan estos modelos.
En la parte 2.2 se muestra el modelo de etiquetas de navegacin diseadas especialmente para los sitios de postgrado. Se muestran los componentes de cada etiqueta, el tipo de organizacin usado y los enlaces a los cuales lleva cada una de estas. En 2.3 se muestran las maquetas de contenido para cada pgina del sitio. La numeracin de cada maqueta corresponde con la de los diagramas jerrquicos de 2.1.3, y estos deberan usarse en conjunto con las maquetas de contenido para lograr el correcto enlace entre las diferentes partes del modelo. En las maquetas de contenido se indican entre otras cosas, cuales etiquetas de navegacin, locales y globales, deben estar presentes en cada pgina de contenido. Por ultimo en 2.4 se describen y proporcionan algunas herramientas de recopilacin de informacin que pueden ser usadas.
1.1
1.2
2.3
2.4 3.1
4.1 4.2
Crear archivos HTML / Consultas a SMBD para cada maqueta de contenido Probar / Validar implementacin
4.3
5.1
5.2
Supervisor de Diseo-Contenido
Recopilador de contenidos
Diseador Grfico
Encargado de disear la imagen grfica del sitio, lo que incluye el diseo del Home Page, pginas de portales y menus principales, barras de navegacin, grficos, esquemas, logos, etc. Encargado de transcribir y digitalizar la informacin recopilada. Tiene la tarea de implementar en lenguaje HTML los diseos, modelos y maquetas para el sitio Web. Se encargara tambin de disear los patrones de diseo y contenido que le ayudaran en su tarea.
Se debera contar con un diseador grfico por lo menos en las etapas iniciales de desarrollo del sitio.
Transcriptor
Esta persona no necesita habilidades tcnicas especiales, solo el uso de un procesador de palabras, escanner, etc.
Editor HTML
Podra tambien asumir la tarea de configurar una herramienta de Bases de Datos para almacenar parte de los contenidos del sitio y para realizar las paginas de consulta respectivas
La asignacion de tareas-personas no es necesariamente mutuamente excluyente, lo que quiere decir que una misma persona podra realizar varias de las tareas descritas en la primera columna de la tabla anterior. CEIDIS ofrecera entrenamiento especializado en estas tareas a las personas que se requieran. Por lo menos una persona debera recibir un entrenamiento-induccin donde se explicara la aplicacin de esta gua. Para ello consultar a la directiva de CEIDIS el cronograma de los talleres programados para este fin.
10
Recurso/Equipo
Computador
Descripcin
Pentium 200-300 Mhz con suficiente espacio en Disco Duro (entre 20 y 80 MegaBytes en principio)
Cantidad Mnima
2
Comentario
Recurso indispensable para lograr la implementacin final del sitio. En caso de no contarse con este recurso, CEIDIS tratar de facilitarlo.
Conexin a RedULA
Los computadores a usarse deben estar conectados a la red de la ULA por cualquier mtodo
N/A
La conexin a la red no es esencial, pero facilitaria grandemente el desarrollo, hospedaje y actualizacin del sitio Web por parte de cada postgrado responsable. Se debera escoger las herramientas de software ms adecuadas de acuerdo a las habilidades y conocimientos de las personas que colaborarn en la implementacin del sitio, y de la plataforma de desarrollo escogida.
Software
Editor de texto Procesador de Palabras Editor HTML Conversores HTML Editores de Grficos Navegadores para el Web
N/A
Scanner
Se puede usar un escanner tanto para digitalizar imgenes como para aumentar la velocidad de transcripcin-digitalizacin de texto usando las caractersticas de OCR de los programas incorporados al escanner No es absolutamente necesario, pero facilita las tareas de discusin, entendimiento y modificacin de los diseos y modelos.
Impresora
Todo lo anterior conforma lo que se llamo Estudio de Factibilidad en el esquema de la seccin 0.2.
11
12
Publicacin Web (Web Publishing): Proceso necesario para hacer disponible un documento Web al publico a traves de la red. Pgina Web, Documento Web: Pieza ms pequea de informacin que un autor Web puede crear. Cada documento Web esta unicamente identificado por un URL. Servidor Web (Web Server): Computadora ejecutando un programa capaz de procesar solicitudes de Documentos Web pertenecientes a un sitio Web. Sitio Web (Web Site): Coleccin de Documentos Web colocados en un Servidor Web ASP (Active Server Pages): Mtodo de creacin de programas que se ejecutan eln el Servidor Web. Una pgina ASP contiene una mezcla de cdigo HTML y cdigo de programa. FTP (File Transfer Protocol): Protocolo usado para copiar archivos desde/hacia una computadora remota en la red. Cliente FTP: Programa que permite al usuario obtener y enviar archivos a un Servidor FTP. Servidor FTP: Computador servidor que permite cargar y descargar archivos en el. GIF (Graphics Interchange Format): Formato para grficos usado para pginas Web. JPG (Joint Photographs Group): Otro formato grfico para transmitir imgenes a travs de Internet. Netscape Navigator: Programa usado para navegar por el Web (Web Browser). Existen versiones para la mayoria de las plataformas de hardware y software. Internet Explorer: Otro programa navegador para el Web hecho por la compaia Microsoft. PDF (Portable Document Format): Formato de documentos electrnicos creado por la compaia Adobe.
13
Para lograr el desarrollo consistente de un sitio web, se requiere del uso de modelos y metodologas, que permiten un diseo y modelado previo detallado de todos los aspectos involucrados en esta tarea. En el modelado de los sitios Web para postgrados de la ULA se us una combinacin de dos modelos o estructuras de organizacin de informacin: Modelos Entidad-Relacin y Navegacionales RMM Modelos Jerrquicos
Para algunas partes de este trabajo, se us la metodologa RMM ( Relationship Managment Methodology ), que permite modelar la estructura y navegacin de un documento hipertexto. Se basa en un modelo Entidad-Relacin igual a los usados en el desarrollo de Bases de Datos relacionales. Usando esta metodologa se obtienen modelos detallados de todas las entidades de informacin involucradas en el problema y de las relaciones entre ellas; as como esquemas navegacionales que permiten establecer caminos o patrones de navegacin a travs de dechas entidades. Para aplicar correctamente las indicaciones de esta gua, solo se requiere entender y poder interpretar los smbolos que aparecen en los modelos RMM diseados y discutidos aqu. Los modelos jerrquicos que aparecen en 2.1.3, son la base de todo el proceso de implementacin. El sistema de numeracin empleado para los elementos de dichos modelos, esta directamente asociado a las maquetas de contenidos mostradas en 2.3 lo que contribuye a mantener la unidad y relaciones entre todas las etapas del proceso.
Significado
Entidad de informacin.
Nombre relacin
Ejemplo: En la siguiente porcin de un modelo Entidad-Relacin, se observa dos entidades: Profesor y Curso, y la relacin dicta, que asocia a estas dos entidades.
Profesor
Dicta
Curso
14
Smbolos para los Modelos Jerrquicos: Smbolo Sitio Web Postgrado Significado
1 Elemento Indice
Fichas Profs.
1.5 Fichas de XXXX Elemento de contenido (o indice) que aparece en otro lugar de la jerarquia
Ejemplo: En la siguiente porcion de un Diagrama Jerrquico se visualizan dos niveles de una jerarqua de elementos de un sub-sitio (Portal) Web
Listas de Cursos
1.1
1.2
1.3
15
Indice
Ejemplo: En este ejemplo de un Diagrama Navegacional RMM se visualizan algunos elementos : indices relaciones y entidades para el portal de cursos de un Postgrado.
Portal de Cursos
Indice URLs
Indice cursos
URL
16
Curso
17
URL
utiliza
Profesor
Tiene adscrito
Postgrado
Evento
participa
Encargado_de
Instructor
publica
Investigador
pertenece
Linea Invest.
Personal
18
Diagrama RMM Global del Sitio Web para Postgrados En la siguiente figura se observa el diagrama navegacional RMM global para el sitio Web de Postgrados. Se observan en este los componentes principales, portales y mens, del sitio Web.
PORTAL CURSOS
PORTAL PUBLICACIONES
PORTAL EVENTOS
PORTAL INVESTIGACION
PORTAL ADMISION
MENU BUSQUEDAS
19
Diagrama RMM del Portal Cursos Diagrama RMM donde se observam los grupos, indices, enlaces y entidades del portal para cursos que se dictan en el postgrado.
PORTAL CURSOS
Indice URLs
Indice cursos
Indice profs.
URL
TecEduc
Personal
20
0. Jerarquia General:
Se muestran los elementos principales, portales y mens para los dos primeros niveles de la jerarqua.
1 Portal Cursos
2 Portal Publicaciones
3 Portal Eventos
4 Portal Investigacin
5 Portal Admisin
Listas de Cursos Cursos Semestre Actual 1 Portal Cursos Cursos Proximo Semestre
1.2
1.2.1
1.3
1.3.1
Fichas de Estudiantes
1.4
1.4.1
Guias de Estudio
1.5
1.5.1
1.6
1.6.1
FAQ X Tec
1.7
1.7.1
Planificacin Aos 1, 2 y 3
Niveles
II
III
22
IV
VI
2.1
Publicaciones X Tipo
2.2
2-A
Publicaciones X Estudiante
2.4
2-B
Publicaciones en Lnea
2.5
Publicaciones Recientes
2.6
Niveles
II
III
23
3.2 A
Lista Talleres
3.1
Eventos X Fecha
3.2.1
Fichas Eventos
3.3
1.5.1
3.4
3.4.1
Noticias
Fichas Noticia
Niveles
II
24
III
IV
4. Portal Investigacin
4.1
4.1.1
4.2
4.2.1
Fichas Investigadores
4.3
4.3.1
2-A
III
5. Portal Admisin
5.1
Requisitos generales
5.1.1
Requisitos
5.2
4 Portal Admisin
5.3.1 5.3
Planillas
5.4.1
5.4
FAQ Costos
5.4.2
FAQ Fechas
5.5
5.4.3
Instructivo de Inscripcin
FAQ Requisitos
Niveles
II
26
III
6.1
6.1.1
6.2
6.2.1
6.3
6.5
Estadsticas de Inters
Personal
Equipos
Fichas Equipos
6.6
Recursos X Tipo
Laboratorios
Software
Fichas Software
6.7
6.7.1
Convenios/ Alianzas
Fichas Convenios
Niveles
II
27
III
IV
Componentes:
ENG ENL
ENG
Alcance: Validas para todos los subsitios que componen el sitio Web del postgrado. Componentes Principales: Esquema de Org. Usado Por Tpicos Nombres para las Etiquetas
Nombre Principal Componentes
Elementos a Enlazar 1 5 4 2 6 -
Interfaz Sugerida Texto, Texto Grafico Texto, Texto Grafico Texto, Texto Grafico Texto, Texto Grafico Texto, Texto Grafico Texto, Texto Grafico Texto, Texto Grafico Entrada texto, lista seleccion Entrada texto, lista seleccion Texto, Icono Texto, Icono
Portales:
Cursos Admisin Investigacin Publicaciones Info Estudiantes Profesores En sitio Web Personas Calendario Noticias y Eventos
Componentes Adicionales: - Enlace a pag. principal del sitio del postgrado. - Enlace sitio Web de la ULA - Enlace a direccin de correo genrica del postgrado (en membrete)
Recomendaciones de Diseo: - Agrupar etiquetas por esquema de organizacin sugerido. - Distinguir grficamente etiquetas de acuerdo al esquema de organizacin. - Ubicar etiquetas en el mismo lugar en todas las paginas. - Seguir mismo diseo y esquema de colores en todos las pginas donde aparezca esta etiqueta.
28
http://www.pgcomp.ula.ve
LOGO POSTGRADO
| Estudiantes | Profesores |
Comentarios: Se muestra esta barra de navegacin junto con la parte superior del navegador Internet Explorer. Esta barra - etiqueta de navegacion global debe estar ubicada en la parte superior de la pgina como se observa en la figura. Una variacin es colocar la parte de Informacin para: en la parte inferior de la pgina. Se debe distinguir los diferentes esquemas de organizacin usando colores o diseo.
29
ENL
A continuacin la lista de etiquetas locales necesarias para cada portal y menu principal. ENL.1
Valida para Jerarqua: 1 Validas para pginas del Portal de Cursos (Elemento 1 de la jerarqua) Componentes Principales: Esquema de Org. Usado Por Tpicos Nombres para las Etiquetas
Nombre Principal Componentes
Listas de Cursos Ir a Fichas de Cursos Profesores Guias de Estudio Planificacin de Cursos 2000-2003
Interfaz Sugerida Texto, Icono Texto, Lista de Seleccin Texto, Icono Texto, Icono Texto, Texto Grafico
Componentes Adicionales: - Enlace a pag. principal del portal cursos. Recomendaciones de Diseo: - Iguales que para las etiquetas globales.
http://www.pgcomp.ula.ve
E.N.G.
Icono Lis t as de Curs os Icono Profesores Icono Guias de Estudio Icono Planificacin Ir a Fichas de Cursos:
Curso 1
Curso 2 Curso 3 ... Curso N
30
Comentarios: Esta barra- etiqueta de navegacion local debe estar ubicada debajo de la barra de navegacion global como se muestra en el grfico. La etiqueta "Ir a Fichas de Cursos" esta formada por una lista HTML desplegable que contiene un enlace directo a las fichas de cada curso.
Ir a Fichas de Cursos:
Curso 1
Curso 2 Curso 3 ... Curso N
Comentarios: Esta barra vertical debe ocupar alrededor de 30 % del ancho de la ventana. Puede ser implementada con un frame, pero no se recomienda debido a la complejidad de implementacin y mantenimiento que esto conlleva. La etiqueta "Ir a Fichas de Cursos" (igual que en el ejemplo anterior, esta formada por una lista desplegable que contiene un enlace directo a las fichas de cada curso.
31
Nmero Elemento: 1
Nivel de Ubicacin: I Titulo: Portal Cursos Tipo: Pagina Principal de Portal. Esttico. Etiquetas de Navegacin Usadas: ENG, ENL.1 Frecuencia/Evento de Actualizacin: Al cambiar la estructura de la pgina. Si hay noticias reseadas aqu, modificar al agregar nuevas noticias.
ENG ENL.1 Listas - Listas de Cursos del Postgrado - Lista de Profesores X Curso - Lista de Estudiantes X Curso Recursos X Curso - Guias de Estudio X Curso - Tecnologas Usadas X Curso Planificacin - Planes de estudio (programas) X Curso - Planificacin de cursos 2000 - 2003
#Comentario:
32
ENG ENL.1 Lista alfabtica de cursos ofrecidos en el Postgrado Cursos dictandose este semestre Cursos a dictarse el Proximo Semestre
#Comentario:
33
#Comentario:
34
#Comentario: Estudiar bien como organizar las listas de esrudiantes (por semestre, ao, cohorte, etc)
35
#Comentario: Revisar si es factible colocar aqu enlaces a temas relacionados (otros documentos, URLs, etc)
36
- Tecnologas / Herramientas para Curso 2 - Tec. Educ [X1] - Tec. Educ [X2] ... - Tec. Educ [XN] - Tecnologas / Herramientas para Curso N - Tec. Educ [X1] - Tec. Educ [X2] ... - Tec. Educ [XN]
#Comentario:
37
#Comentario:
38
#Comentario:
39
- A-C - Curso [AXX] - Curso [BXX] - Curso [CXX] - D-F - Curso [AXX] - Curso [BXX] - Curso [CXX] - ... - Y-Z - Curso [AXX] - Curso [BXX] - Curso [CXX]
#Comentario: Estudiar la factibilidad de disear una etiqueta de navegacin local para las listas de cursos.
40
#Comentario:
41
#Comentario:
42
- Nombre: [Nombre ProfesorXX] - E-mail: [xx@xx] - Telfono Of.: [##] - Direccin Postal: [ Av. X, calle X, nmero X, Mrida - Venezuela ] - Especialidad, Area de Trabajo e Investigacin: [ Nombre Area XX ] - Resumen de Curriculum: [ Resumen de 1-2 parrafos de curriculum (resum)] - Cursos dictados (este semestre ?) - Curso [X1] - Curso [X2] ... - Ver Ficha Completa de profesor: / C. Vitae Completo / Publicaciones / Areas de Interes / Proyectos / URLs / xx /
#Comentario: Esta ficha de informacin es para estudiantes. Se puede acceder desde aqui a la ficha completa del Profesor y tambin desde el men de Informacion General del Postgrado.
43
- Nombre: [Nombre Estudiante X] - E-mail: [xx@xx] - Telfono Of.: [##] - Direccin Postal: [ Av. X, calle X, nmero X, Mrida - Venezuela ] - Resumen de Curriculum: [ Resumen de 1-2 parrafos de curriculum (resum)]
- Ver Ficha Completa de Estudiante: / C. Vitae Completo / Publicaciones / Areas de Interes / Proyectos / URLs / xx /
#Comentario:
44
#Comentario:
45
#Comentario: Entre las tecnologas educativas se incluyen: Computacionales: - e-mail - Listas de discusion - Guias de estudio Web - Chat - Video-Audio conferencia (de escritorio y de saln) - Laboratorios de computacin - programas - software de computadora. Tradicionales: - Pizarron verde, pizarron blanco, tranparencias, diaposotivas, video, audio, etc.
46
#Comentario:
47
#Comentario: Revisar la conveniencia de colocar un enlace a temas relacionados con inscripcion, plan de estudios del postgrado, etc
48
- Profesor(es) del curso: [ Nombre Profesor X ] [ E-mail ] - Programa del curso - Horario de clases para estudiantes presenciales [ Horario de clases ] - Calendario de visitas a estudiantes a distancia - Guia de Estudio en linea # O: Guia de estudio Web - Lista de estudiantes inscritos - Este semestre - Semestres anteriores # No se si hace falta este punto - Referencias utiles en Internet - Planificacin proximos 3 semestres para este curso # O para todos ????? - Noticias y anuncios - Evaluaciones - Calendario - Resultados
#Comentario: Escoger con cuidado el orden y presentacin de los items de esta pgina
49
a. Reuniones iniciales y de recopilacion de informacin. R1: Discusin Inicial del Proyecto de Implementacin de Sitio Web de Postgrado R2: Revisin de la Informacin Requerida para el Sitio Web R3: Reuniones de Avance en la recopilacin de informacin b. Reuniones de diseo. R4: Reunin Inicial de diseo grfico del sitio. R5: Reuniones de avance del diseo grfico. R6: Reunin de presentacin del diseo del sitio. c. Reuniones de implementacin R7: Reunin inicial de implementacin. R8: Reuniones de avance de la implementacin R9: Reunin de presentacin del sitio. d. Reunion de estrategia de mantenimiento R10: Reunin de estrategia de crecimiento y mantenimiento del sitio Web.
50
Proposito: - Reunir e involucrar a las diferentes personas que pueden colaborar en la evolucin del sitio Web.
Intercambiar direcciones, mecanismos de contacto. Realizar un mini taller sobre las diferentes fases-pasos del desarrollo del sitio Web (tarea que realizara el facilitador enviado por CEIDIS. Asignar responsabilidades especificas a cada asistente. Determinacin de necesidades de equipos y personal.
Puntos a tratar: I. Presentacin de los asistentes. II. Vista rapida del proyecto.
-
51
R2: Revisin de la Informacin Requerida para el Sitio Web. Nombre de la Reunion: Revisin de la Informacin requerida para el sitio Web. Cdigo de la Reunion: R2 Frecuencia: Unica Participantes:
Coordinador del proyecto. Coordinadores de cada area-especialidad. Jefes de grupos de investigacion. Secretarias, personal administrativo.
Proposito:
Estudiar los diferentes modelos que representan al sitio Web. Asignar a cada participante, la busqueda y recopilacin de la informacin necesaria. Explicar los diferentes mecanismos de recopilacin de informacin. Distribuir las diferentes planillas de recoleccin de datos. Plantear primeras ideas/requerimientos en cuanto al diseo grfico del sitio Web.
Estudiar modelo E-R, Modelo Navegacional y Jerarquas (2.1). Estudiar las maquetas de contenido de cada portal-menu (2.3). Sugerir posibles cambios-aadidos a esos modelos.
II. Revision de la lista-resumen de informacion de 2.1.5 y asignacin los punto de dicha lista a cada participante de la reunin. III. Planillas y mecanismos de recoleccin de datos.
Revisar cada planilla de recoleccion de datos (2.4). Distribucin de las planillas de acuerdo a la asignacin hecha en II.
IV. Discutir-recopilar ideas/requerimientos iniciales en cuanto al diseo grfico del sitio Web. V. Fijar la fecha de la proxima reunin.
52
R3: Reuniones de Avance en la recopilacin de informacin. Nombre de la Reunion: Reunion de avance en la recopilacin de informacin. Cdigo de la Reunion: R3 Frecuencia: semanal-quincenal Participantes:
Coordinador del proyecto. Coordinadores de cada area-especialidad. Jefes de grupos de investigacion. Secretarias, personal administrativo.
Proposito: - Revisar los avances en cuanto a la recopilacin de informacin. - Identificar y resolver problemas relativos a la recopilacin de informacin. - Recopilar la informacin reunida. Puntos a tratar: I. Avance en la recopilacin de la informacin.
Cada miembro al que se le asigno la tarea de recopilar, investigar la informacin necesaria, debe informar de sus avances.
Cada miembro del equipo debe plantear los problemas que se le han presentado en la tarea de investigacin y recopilacin de informacin. Todos los miembros de la reunion deben proponer soluciones a los problemas presentados
III. Se fijara una fecha para volver a repetir esta reunion, hasta que toda la informacin haya sido recopilada.
53
b. Reuniones de diseo.
R4: Reunin Inicial de diseo grfico del sitio.
Nombre de la Reunin: Reunin Inicial de diseo grafico del sitio. Cdigo de la Reunion: R4 Frecuencia/Cantidad: 1 o 2 (dentro de un periodo no mayor a 15 dias) Participantes:
-
Coordinador del proyecto. Facilitador enviado por CEIDIS. Diseador(es) grfico(s) contratado(s) para tal fin, o personas dentro de la organizacin que asumiran esta tarea.
Proposito:
Instruir a los diseadores con los consejos bsicos relativos al diseo grafico para el sitio Web. Revisar y discutir los requerimientos grficos iniciales propuestos en R2. Realizar una tormenta de ideas inicial en cuanto a la apariencia grfica del sitio (Home page, paginas interiores y barras de navegacin).
Puntos a tratar: I. Consejos de diseo grfico para sitios Web (de parte del facilitador enviado por CEIDIS)
Tipos de archivo. Limitaciones-restricciones Herramientas Mtodo de trabajo Creacin y uso de patrones de diseo
Estudio de requerimientos grficos (colores, logos, etc) Estudio de propuestas de R2 para home page y paginas interiores.
IV. Fijar la fecha de la proxima reunin de diseo, donde se revisaran las propuestas individuales, y se someteran a la aprobacin del coordinador del proyecto.
54
R5: Reuniones de avance del diseo grfico. Nombre de la Reunin: Reunin de avance del diseo Cdigo de la Reunin: R5 Frecuencia/Cantidad: 2 o 3 veces dentro de un periodo cercano de tiempo (mximo un mes). Participantes:
-
Coordinador del proyecto. Facilitador enviado por CEIDIS. Diseador(es) grfico(s) contratado(s) para tal fin, o personas dentro de la organizacin que asumieron esta tarea.
Proposito:
Revisar los avances en esta tarea; revisar y discutir las propuestas surgidas. Revisar y discutir diseo de otros sitios en Internet. Discutir los problemas surgidos y proponer soluciones a estos.
Puntos a tratar: I. Presentacin de las propuestas de diseo . - Presentar al coordinador y demas diseadores las propuestas de diseo surgidas desde la reunin anterior. Revisar en conjunto, sitios Web en Internet que puedan aportar alguna informacin o idea a esta tarea.
Plantear al coordinador y dems diseadores los problemas surgidos. Proponer soluciones a los problemas presentados.
55
R6: Presentacin del diseo del sitio Web. Nombre de la Reunin: Presentacin del diseo del sitio Web. Cdigo de la Reunin: R6 Frecuencia: Unica Participantes:
-
Coordinador del proyecto. Coordinadores de cada area-especialidad. Jefes de grupos de investigacion. Secretarias, personal administrativo.
Proposito:
-
Puntos a tratar: I. Presentacin del diseo del sitio Web. - Presentacin del diseo grfico del sitio Web a los principales miembros del postgrado. - Explicacin/justificacin de las decisiones de diseo a los participantes en la reunin. II. Discusin de opiniones y sugerencias. V. Fijar la fecha y propsito de la proxima reunin.
56
b. Reuniones de implementacin.
R7: Reunin inicial de implementacin del sitio Web.
Nombre de la Reunin: Reunin Inicial de implementacin del sitio. Cdigo de la Reunion: R7 Frecuencia/Cantidad: 1 o 2 (dentro de un periodo no mayor a 15 dias) Participantes:
-
Coordinador del proyecto. Facilitador enviado por CEIDIS. Programadores/Editores HTML designados entre el personal disponible. Diseadores grficos del sitio.
Proposito:
Instruir a los programadores/editores HTML con los consejos bsicos relativos a la implementacin de los modelos presentados en esta gua para sitios Web de postgrados. Revisar y discutir los requerimientos de implementacin. Discutir acerca de las herramientas a utilizar en esta etapa. Discutir con los diseadores grficos los problemas de implementacin de los diseos sugeridos por ellos. Discutir acerca de la creacin y uso de patrones de diseo y contenido.
Puntos a tratar: I. Consejos bsicos de implementacin del sitio Web (de parte de facilitador enviado por CEIDIS).
Creacin de estructura de directorios. Codificacin HTML. Uso de SMBD. Herramientas. Mtodo de trabajo. Creacin y uso de patrones de diseo.
II. Discusin inicial de requerimientos e ideas. - Discusin general entre los encargados de implementar el codigo HTML, BD, etc III. Herramientas. - Discusin de las herramientas a usar para editar el codigo HTML y para aadir interactividad y servicios al sitio. Revisar los patrones de contenido a ser implementados como pginas.
Discusin con los diseadores grficos sobre la implementacin de sus diseos. Discusin sobre la elaboracin de patrones de diseo que faciliten la implementacin grfica del sitio.
57
Nombre de la Reunin: Reunin de control de avance de la implementacin del sitio Web . Cdigo de la Reunin: R8 Frecuencia/Cantidad: Cada 15 das. Participantes:
-
Coordinador del proyecto. Programadores/Editores HTML designados entre el personal disponible. Diseadores grficos del sitio.
Proposito:
Revisar el avance en la implementacin tcnica-grfica, del sitio Web. Discutir cualquier problema tcnico que se haya presentado durante la implementacin. Discutir acerca de cambios necesarios en la estructura o contenidos. Discutir acerac de la realizacin de pruebas - validacin del sitio.
Puntos a tratar: I. Informe (oral) de cada uno de los participantes en el proyecto, del estado de avance de las tareas asignadas.
-
Informe de implementacin HTML- BD. Informe sobre el diseo de elementos grficos (iconos, logos, barras de navegacin, etc). Informe sobre la integracin de elementos tcnicos con elementos grficos.
II. Discusin de problemas tcnicos presentados. - Informe de cada uno de los participantes sobre los problemas tcnicos surgidos durante la implementacin. Discusin sobre posibles soluciones a los problemas.
III. Informe de cambios en la estructura - contenidos del sitio. - Informe de los encargados de recopilar informacin, sobre cualquier cambio en la estructura o nueva informacin surgida durane el proceso de implementacin. Asignacin de realizacin de dichos cambios a los miembros del proyecto.
IV. Pruebas - Discusin sobre la manera de realizar pruebas - validacin del sitio. - Realizar las pruebas y documentar los resultados.
58
# Planilla
Nombre
Descripcin
Planilla para recolectar datos de todo el personal docente relacionado con el postgrado. Se incluyen aqu datos de contacto y datos acadmicos. Planilla para elaborar ficha de identificacin de cada estudiante del postgrado.
P1
P2
1.3.1
P3
Listas de Cursos
1.2, 1.3, 1.4, 1.5, Recopila informacin sobre todos los cursos 1.6, 1.7, 1.1.1-A, que se dictan en el postgrado. 1.1.1-B, 1.1.1-B, 1.1.1-C 1.1.1.1 Recopila informacin para elaborar la ficha detallada de cada curso del postgrado.
P4
Ficha de Cursos
59
P1: Datos del personal docente del postgrado. Valida para elementos: 1.2.1 Descripcin: Planilla para recolectar datos de todo el personal docente relacionado con el postgrado.
Se incluyen aqu datos de contacto, datos profesionales y datos acadmicos. Datos de Contacto Apellidos:............................................................................................................ Nombres:............................................................................................................ e-mail: .............................@.......................... # ICQ: ........................................ URL Personal: ................................................................................................... Telef. Oficina: ................................................ Telef. Hab : ............................... Dir. Postal: ......................................................................................................... ......................................................................................................... Datos Profesionales Areas de Inters: ................................................................................................ ................................................................................................ Resmen Curricular (Resum): .......................................................................... ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. Cursos Dictados en el Postgrado: Curso1: ................................................. Curso2: ............................................... Curso3: ................................................. Curso4: ............................................... URLs Asociados: URL 1: ........................................................ URL 2: ........................................................ URL 3: ........................................................ URL 4: ........................................................ URL 5: ........................................................ URL 6: ........................................................ Descripcin: .................................................... .................................................... .................................................... .................................................... .................................................... ....................................................
El formato de los documentos anexados debe ser preferiblemente digital. Se aceptan archivos MSWord, PDF, PostScript, Texto, LATEX. El telfono de habitacin es opcional
Anexar: Curriculum Vitae completo. Lista de Publicaciones recientes. Lista de proyectos de investigacin en los que ha trabajado. Foto impresa o digital.
60
P2: Datos de estudiantes del postgrado. Valida para elementos: 1.3.1 Descripcin: Planilla para elaborar ficha de cada estudiantes del postgrado.
Datos de Contacto Apellidos:............................................................................................................ Nombres:............................................................................................................ e-mail: .............................@.......................... # ICQ: ........................................ URL Personal: ................................................................................................... Telef. Oficina: ................................................ Telef. Hab : ............................... Dir. Postal: ......................................................................................................... ......................................................................................................... Datos Profesionales Areas de Inters: ................................................................................................ ................................................................................................ Resmen Curricular (Resum): .......................................................................... ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. ............................................................................................................................. Tipo de Postgrado cursado: Maestra Doctorado Especialidad
Marque con una X el postgrado cursando actualmente El telfono de habitacin es opcional
URLs Asociados: URL 1: ........................................................ URL 2: ........................................................ URL 3: ........................................................ URL 4: ........................................................ URL 5: ........................................................ URL 6: ........................................................
Anexar: Curriculum Vitae completo. Lista de Publicaciones recientes. Lista de proyectos de investigacin en los que ha trabajado. Foto impresa o digital.
61
P3: Listas de Cursos. Valida para elementos: 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.1.1-A, 1.1.1-B, 1.1.1-C Descripcin: Lista-resmen de los cursos que se dictan en el postgrado.
Datos de los Cursos
Usa Gua Web s no Curso usa las siguientes tecnologas educativas email LD Chat VC xx Otra Curso planificado para los siguientes perodos: 2000 A B A 2001 A A 2002 B
xx
Profesor
62
P4: Planilla para Ficha de Curso. Valida para elementos: 1.1.1.1 Descripcin: Planilla para elaborar ficha de cada curso del postgrado.
Nombre del Curso:............................................................................................ Profesores Habituales: ................................... ........................................... . URL Gua de Estudio: ...................................................................................... Direccin Lista de Discusin: ...................................@....................................
Horario Estudiantes presenciales: Vlido para Semestre: A B Lun Maana Tarde Mar
2000 Mie
2001 Jue
Lista de URLs de referencia para este curso: URL 1: ............................................................ URL 2: ............................................................ URL 3: ............................................................ URL 4: ............................................................ URL 5: ............................................................ URL 6: ............................................................
Evaluaciones del curso: Vlido para Semestre: A Dia: ................................ ................................ ................................ ................................. ................................ .................................
2000
2001
2002
1: 2: 3: 4: 5: 6:
El formato de los documentos anexados debe ser preferiblemente digital. Se aceptan archivos MS Word, PDF, PostScript, Texto ASCII, LATEX.
63
64
Existen numerosos formatos para archivos grficos. Algunos son: PICT, GIF, TIFF, PNG, EPS, BMP, PCX, JPEG. Al igual que HTML, estos formatos son independientes de la plataforma de Hardware y software donde se vayan a mostrar (Macintosh, Linux, Solaris, Windows95, etc). Los formatos grficos que pueden mostrarse directamente dentro de una pgina Web son el formato GIF (Graphic Interchange Format) y el formato JPEG (Joint Picture Expert Group). En la siguiente tabla se resumen los formatos, abreviaturas y extensiones de archivo, mencionados. antes
Formato
Graphics Interchange Format Joint Pictures Expert Group
Abreviatura
GIF JPEG
Extensin
gif jpg, jpeg
Estos formatos son interpretados directamente por los Browsers y pueden ser parte componente de una pagina Web junto con texto (formateado con HTML o no ) y tambin el browser los puede desplegar individualmente. El GIF es un formato sin prdida, mientras que el JPEG sacrifica calidad por compresin (ms compresin - menos calidad del grfico). Debido a problemas legales con los dueos registrados, del formato GIF, se est intentando introducir un tercer formato: PNG (Portable Network Graphics), pero an no es soportado por todos los navegadores Web.
65
Use solo grficos que sean crticos para el contenido e informacin de su pgina. Evite usar imgenes grandes solo por su apariencia. Mantenga el tamao total de las imgenes en una pgina menor a 30 - 50 Kbytes. Minimice el nmero de colores usado en una imagen. Use la tabla de colores de
Netscape o limite el nmero de colores al mnimo necesario (8 bits - 256 colores - son suficientes).
Use imgenes con fondos transparentes o con el mismo color de fondo de las
pginas para mejor integracin.
No use referencias a imgenes en otro sitio fuera de su servidor. Revise las imgenes y pginas en varias plataformas de Hardware-Software. Tenga en cuenta las posibles diferentes configuraciones del monitor de su audiencia
(no haga grficos de ms de 640 pixels de ancho y 480 de alto - mnima resolucin de un monitor VGA).
Los gradientes de color no se ven muy bien en formato GIF, los colores slidos s. Escoja usar formato GIF para imgenes con colores planos o pequeas (iconos,
botones, etc), y formato JPEG para imgenes fotogrficas.
66
Comerciales: Adobe Photoshop Adobe Illustrator CorelDraw FreeHand Gratuitos: Paint Shop Pro ACDSee GIMP Paint GIF Construction Set
La nica restriccin o limitacin es que se debe poder guardar los grficos elaborados, en formato GIF o JPEG, que son los aceptados por todos los navegadores para el Web/ Se muestran algunos de los iconos y logos de los programas ms usados para procesar grficos para el Web: Gif Construction Set, Paint Shop Pro, The Gimp, Adobe Illustrator, Adobe Photoshop y Corel Draw.
67
68
teceducXn
69
70
2 Utilizando editores
HTML
3 Utilizando herramientas
de conversin de formato
71
En el siguiente cuadro, se muestran algunas herramientas que se pueden usar, indicandose que forma o manera usa, de las mencionadas anteriormente, para construir un documento HTML:
Herramienta
Bloc de Notas de MS WIndows o cualquier editor de Texto Cute HTML MS Word Netscape Composer MS FrontPage Macromedia DreamWeaver Adobe Go Live! HomeSite MS Power Point MS Publisher
Tipo/manera de construccin
1 1, 2 1, 2, 3 2 2 2 2 2 3 3
Herramienta
MS Access SQL Server Sybase Oracle ASP PHP Postgres MySQL
Sistema Operativo
Windows 95/98/NT Windows 95/98/NT UNIX, Windows 95/98/NT Windows 95/98/NT , UNIX Windows 95/98/NT UNIX, Windows Windows 95/98/NT , UNIX UNIX, Windows
En cada una de las maquetas de contenido descritas en la parte 2.3 de esta gua, se indica si ese elemento se debe implementar como un documento HTML esttico o si puede ser generado dinmicamente por un manejador de Base de Datos o programa CGI (ver el campo Tipo que esta al principio de cada maqueta) . Por ejemplo, se puede observar que en el campo Tipo de la maqueta del elemento 1.1.1 - A de la pgina 40 de esta gua (Indice alfabtico de cursos), tiene el valor : "Indice. Dinmico", lo que indica que ese elemento puede ser generado por una consulta a una Base de Datos donde estn almacenados todos los cursos que se dictan en el postgrado. Se puede implementar parte del diseo Entidad-Relacin de la parte 2.1.1 usando un sistema manejador de Base de Datos, ya que este diagrama es la base de diseo de una BD. La integracin con el resto del sitio Web ser muy fcil y directa. Existen tecnologas que pueden ayudar grandemente en la alimentacin y recuperacin de informacin a travs de un sitio Web, y usando siestemas manejadores de Base de Datos como pilar del almacenamiento de informacin. Dos de las tecnologas ms populares son ASP y PHP, mencionadas en la tabla anterior. Se recomienda discutir cual de las tecnologias y herramientas es mas adecuada y factible de usar.Esta discusin deber realizarse en etapas tempranas del diseo e implementacin del sitio Web, de acuerdo a las disponibilidades tecnolgicas y humanas de su dependencia.
72
73
0. Llenar la columna etiquetada Caminos y Nombres de Archivos de las tablas 5.1 y 5.2 con los nombre de los archivos creados durante la implementacin del sitio. 1. Llenar el campo Otro, de la tabla 5.21 y 5.22 (en la siguiente pgina) con cualquier otro evento de actualizacin.
2. 3.
Definir y asignar responsabilidades de actualizacin a las personas encargadas. Imprimir la tabla mencionada anteriormente y colocarla en un lugar visible para los encargados del mantenimiento del sitio Web del Postgrado. Actualizar elementos componentes del sitio segn los eventos mencionados en la tabla. Publicar cambios en el servidor Web.
4.
5.
74
Semestral
Anual
Otro:
Eventos Espordicos:
Eventos de Actualizacin Cambios en la planificacin Nueva noticia a resear Eliminar/agregar un nuevo curso al postgrado Eliminar/agregar un nuevo Prof. Al postgrado Incorporacin/retiro de nueva guia de estudio en lnea Incorporacin/retiro de nueva tecnologa educativa Inscripcin/retiro de estudiante Despues de cada evaluacin Otro: Tabla 5.22: Eventos de Actualizacin Esporadicos
75
Nmero de los elementos a actualizar 1.7, 1.7.1, 1.1.1.1 1, 1.1.1.1 1.2, 1.4, 1.5, 1.6, 1.6.1, 1.1.1-A 1.2.1, 1.3.1 1.4, 1.4.1 1.5, 1.5.1 1.3.1, 1.3 1.1.1.1
http://www.saber.ula.ve/
Cualquier comentario o pregunta sobre este documento, hacerla llegar al autor, Ing. Rodrigo Torrns a la siguiente direccin e-mail:
torrens@cecalc.ula.ve
76