PRÁCTICAS PROFESIONALIZANTES · INFORMÁTICA EETP N°394 "Dr. Francisco Gurruchaga" · 6° C · Ciclo lectivo 2026
← Volver al panel
💻
Proyecto tecnológico

Desarrollo de App Web

Diseño, planificación y desarrollo de sitios, sistemas o aplicaciones web con finalidad educativa, institucional o comunitaria.

Prof. María José Noguez

HTML · CSS · JavaScript Diseño web Solución digital Ciclo lectivo 2026

Resumen del proyecto

Marco general de trabajo, finalidad y producción esperada.

Ficha institucional
🧭

Propósito

Crear una solución web funcional que responda a una necesidad concreta de una institución, emprendimiento, escuela o comunidad.

🧩

Problema a resolver

Organizar información, mejorar la comunicación o facilitar una tarea mediante una herramienta digital simple y usable.

🚀

Producto final

Sitio web, landing page, sistema básico o prototipo navegable publicado para su presentación final.

Equipo de trabajo

Estudiantes responsables del desarrollo de este proyecto.

Completar integrantes
E1

Estudiante 1

Rol: coordinación, registro y seguimiento del proyecto.

E2

Estudiante 2

Rol: producción técnica, desarrollo o intervención.

E3

Estudiante 3

Rol: diseño, documentación y presentación.

E4

Estudiante 4

Rol: pruebas, comunicación y mejora del producto final.

Objetivos de aprendizaje

Capacidades que se buscan desarrollar durante la práctica.

Objetivos

Analizar la necesidad del usuario o cliente

Detectar qué información, funciones y pantallas requiere el proyecto.

Diseñar la estructura del sitio

Organizar secciones, navegación, textos, recursos visuales y jerarquía de contenidos.

Programar una versión funcional

Construir páginas con HTML, CSS y JavaScript, cuidando estética, accesibilidad y adaptación mobile.

Etapas de trabajo

Secuencia sugerida para organizar el avance del proyecto.

Proceso
1

Relevamiento

Definir cliente, público destinatario, problema y objetivos del sitio o aplicación.

2

Arquitectura

Planificar mapa de navegación, secciones principales y contenidos necesarios.

3

Diseño visual

Crear una estética coherente: colores, tipografías, tarjetas, botones e identidad gráfica.

4

Desarrollo

Maquetar, programar, enlazar páginas y probar funcionamiento en distintas pantallas.

5

Publicación

Presentar el proyecto, explicar decisiones técnicas y registrar mejoras pendientes.

Entregables

Materiales y evidencias que debe reunir el equipo durante el desarrollo.

Producciones
Brief del cliente Mapa del sitio Prototipo visual HTML/CSS/JS Capturas del proceso Presentación final

Cierre del proyecto

Este proyecto permite que los estudiantes trabajen como un pequeño equipo de desarrollo: escuchan una necesidad, diseñan una solución y la convierten en una producción digital real.