CI2413 - Desarrollo de Aplicaciones para Internet

Universidad de Costa Rica
Escuela de Ciencias de la Computación e Informática
CI2413 - Desarrollo de Aplicaciones para Internet
I semestre 2012. K,V 15:00-17:00.

Profesor Jeisson Hidalgo-Céspedes
Correo: jeissonh@gmail.com
Casillero: 04

Este curso pretende introducir al estudiante en el desarrollo de aplicaciones para Internet, especialmente en aquellas basadas en tecnología web. Este sitio contiene recursos de utilidad y enlaces hacia materiales a usar durante el curso.

Documentos

  1. Carta al estudiante. Contiene una descripción general del curso, sus objetivos, temario, evaluación y otros detalles. Es una especie de contrato entre el profesor, los estudiantes y la escuela.
  2. Desarrollo de aplicaciones web. Material de referencia del curso. Consta del material de rerencia utilizando en los laboratorios autodidácticos.
  3. Laboratorios. Enunciados de los laboratorios que el estudiante debe resolver durante el curso.
  4. Exámenes. Enunciados de los exámenes parciales.
  5. Proyecto. Enunciado del proyecto final del curso: Juego "Stop".

Ejemplos

  1. Tres doble u. Un sitio web pequeño compuesto de encabezado, menú, pie de sitio, sin redundancia de código utilizando server side includes (SSI) y XHTML5.
  2. La fortaleza del ingenio. Muestra como representar en XHTML y distribuir las zonas estructurales de un sitio web utilizando estilos en CSS. Solución al primer examen parcial.
  3. Bolsa de burbujas. El juego de estallar una bolsa de burbujas implementado en JavaScript. El tamaño de la bolsa varía de acuerdo a las dimensiones de la ventana del navegador.
  4. Examen autogenerado en JavaScript. Muestra cómo construir dinámicamente una página XHTML5 a partir de un objeto en JavaScript Object Notation (JSON). Solución al segundo examen parcial.
  5. Una sección de preguntas frecuentes. Muestra cómo modificar el árbol de nodos del documento (DOM) con JavaScript para mostrar u ocultar respuestas de una sección de preguntas frecuentes.
  6. Días feriados. Aplicación en PHP que muestra los días feriados del año en curso.
  7. Login. Muestra cómo autenticar visitantes y mantener rastro de ellos desde el servidor web mediante sesiones de PHP. [Código fuente].
  8. Chat masivo sin Ajax y versión con con Ajax. Muestra una pizarra de mensajes implementada en PHP, MySQL y AJAX. [Código fuente].
  9. Examen con preguntas aleatorias. Genera un examen con preguntas obtenidas aleatoriamente de una base de datos en MySQL. Solución al examen 03. [Código fuente].

Recursos de utilidad

La siguiente es una lista de recursos a utilizar durante el curso. Es conveniente tenerlos a mano, quizá estableciéndolos como marcadores de su navegador preferido.

  1. W3C Validator. Servicio gratuito del World Wide Web Consortium que advierte de errores de marcado. Es obligatorio que todas las tareas presentadas por el estudiante demuestren apego a los estándares usando este validador.
  2. Free Web Hosting. Permite comparar o buscar servicios de alojamiento web (web hosting) gratuitos.
  3. Web Style Guide de Patrick J. Lynch y Sarah Horton. Libro gratuito disponible en línea sobre diseño web.
  4. Pro Git. Libro libre de Scott Chacón sobre este sistema de control de versiones.
  5. Inkscape: Guide to a Vector Drawing Program. Libro libre de Tavmjong Bah sobre edición de gráficos vectoriales con Inkscape.

Software

El siguiente es un listado de programas que el estudiante puede encontrar de interés o utilidad en el cumplimiento de sus tareas en el curso.

  1. Aptana Studio. Es un IDE (Integrated Development Environment) que permite editar código web, como (X)HTML, CSS, JavaScript, PHP y otras tecnologías. Entre sus ventajas, es gratuito y provee autocompletado de código. Como desventajas, es de gran tamaño y no posee un editor visual.
  2. Code prettify. Una biblioteca JavaScript para formatear código fuente dentro de un documento web: asigna colores, números de línea y otros estilos.
  3. Editores de texto: Geany en Linux, TextWrangler en Mac OS X, Notepad++ en Microsoft Windows. Otros editores que no he probado: PSPad; CodeLobster.
  4. Navegadores: Google Chrome, Mozilla Firefox, Opera, Safari, y sus correspondientes en dispositivos móviles.

Sitios web personales de los estudiantes

Como parte de los ejercicios de los laboratorios, los estudiantes deben crear una pequeño sitio web con información personal, donde además deberán publicar su proyecto del curso. Los siguientes enlaces llevan a las páginas de los estudiantes que matricularon el curso CI-2413 en el primer semestre de 2012.

  1. Adrián Marcelo Guzmán Villalta [https].
  2. Alan Martín Corrales Rodríguez [https].
  3. Carolina Castañeda Salazar [https].
  4. David Mora Ballestero [https].
  5. Eduardo José Vitoria Barboza [https].
  6. Francisco Javier Chacón Mora [https].
  7. Henry Sebastián Tenorio Guzmán [https].
  8. Jairo Sosa Mesén [https].
  9. Jorge Antonio Menocal Rojas [https].
  10. Joseiby Hernández Cedeño [https].
  11. Juan Pablo González Barrientos [https].
  12. Lawrence Jesús Aymerich Fuentes [https].
  13. Luis Roberto Rodríguez Rodriguez [https].
  14. Marco Vinicio Artavia Quesada [https].
  15. Mario Alonso Carmona Dinarte [https].
  16. Mario Enrique Monge Ordóñez [https].
  17. Melvin Antonio Fallas Cascante [https].
  18. Rubén Eduardo Jiménez Goñi [https].
  19. Wálter Samuel Wabe Acuña [https].
  20. Yahaira del Carmen Jérez Cerda [https].