Año 2025 (Agosto - Diciembre) en el ramo de "Aplicaciones Web y Dispositivos Móviles" en la Universidad de Viña del Mar para la carrera de Ingeniería Civil Informática.
- Camilo Castro (@clsource)
Este es un ramo que se enfoca en los conceptos necesarios para realizar sistemas web y aplicaciones móviles.
- Unidad 1: HTML, CSS y JS
- Historia de la Web y Aplicaciones Móviles
- Tecnologías Web (HTML, CSS, JS)
- Unidad 2: Backends
- Diseño de Sistemas
- Tecnologías Backend (Elixir, Phoenix)
- Unidad 3: Seguridad
- Seguridad en contexto Web y Móvil
- Unidad 4: Apps Móviles
- Ecosistema Android
- Ecosistema iOS
- Tecnologías multiplataformas
- Fabián Lagos
- Juan Rodríguez
- Bruno Guerra
- Jeremías Carrasco
- Javier Arredondo
La unidad relacionada al diseño y estructura de una página web.
La revista "Club Nientiendo" le ha solicitado elaborar un sitio web para un juego de Nintendo 64 a su elección (sin repetir). El sitio web debe contener los siguientes elementos:
- Imágenes del Gameplay del Juego.
- Videos de Youtube.
- Historia, Personajes del Juego.
- Tips y Secretos del Juego.
- Review personal.
- Información sobre la creación del Juego (personas, estudio, periódo histórico).
- Citar correctamente las fuentes.
- Visualización en dispositivos móviles (responsive).
El sitio web debe estar muy bonito y personalizado para el juego.
Puede obtener información e imágenes de los siguientes sitios webs:
- https://www.spriters-resource.com/
- https://nintendo.fandom.com/es/wiki/Nintendo_64
- https://es.wikipedia.org/wiki/Anexo:Videojuegos_para_Nintendo_64
- https://archive.org/details/club-nintendo-magazine
Restricciones y Expectativas
- Se debe subir y ejecutar en el hosting https://neocities.org en una url pública.
- Debe ser sin utilizar bibliotecas o frameworks css o templates html. Solo código de reset.css será permitido como dependencia externa.
- Debe utilizar la mayor creatividad posible en temas de diseño y contenido, simulando ser parte de una revista de videojuegos.
- Debe entregar el código fuente en Github. Commits deben ser incrementales con avances relevantes, no simplemente un commit grande con todos los cambios.
- Plazo 20 días hábiles.
| Participante | URL |
|---|---|
| Juan Rodríguez (Pokemon Snap) | https://pokemonsnap.neocities.org/ |
| Bruno Guerra (Pokemon Stadium) | https://pokemonstadium.neocities.org/ |
| Fabián Lagos (Star Fox 64) | https://star-fox.neocities.org/ |
| Javier Arredondo (WestleMania) | https://github.com/cinfuvm/2025-WWF-Wrestlemania-2000 |
| Jeremías Carrasco (Resident Evil 2) | https://github.com/cinfuvm/2025-resident-evil-2 |
La unidad tiene por objetivos enseñar sobre elaboración de backends y servidores para aplicaciones Web y Móviles. El alumno debe entregar una API Rest de ejemplo que será utilizada mediante llamadas HTTP (Bruno).
El proyecto consiste en planificar una página Ecommerce. El alumno debe entregar un informe creado con Asciidoc que contenga las siguientes características:
- Selección de Servidor.
- Diseño de base de datos.
- Diseño de endpoint Rest.
- Implementación de ejemplo de endpoint rests + suit de pruebas con Bruno.
- Usar lenguaje de programación Elixir y framework Phoenix
- Estimación de Costos de Servidor y Operación.
- Selección Tecnológica Backend (¿CMS o custom?).
- Selección Tecnológica Frontend.
- Selección de Profesionales necesarios.
- Estimación de Plazos para implementar.
Puede usar la plantilla https://github.com/NinjasCL/antora-docs-bootstrap para elaborar el documento usando Antora Docs.
| Participante | URL |
|---|---|
| Boris | https://cinfuvm.github.io/2024-clafira/ |
| Diana | https://cinfuvm.github.io/2024-nintendoeshop/ |
| Diego | https://cinfuvm.github.io/2024-plan-pcfactory/ |
| Sergio | https://cinfuvm.github.io/2024-chilemangas/ |
| Participante | URL |
|---|---|
| Juan Rodríguez | https://github.com/cinfuvm/2025-API-devoluciones (https://github.com/cinfuvm/2025-Documentacion-API-Retail) |
| Bruno Guerra | https://github.com/cinfuvm/2025-api-millas-lanpass |
| Fabián Lagos | https://github.com/cinfuvm/2025-game-store |
| Javier Arredondo | N/A |
| Jeremías Carrasco | https://github.com/cinfuvm/2025-delivery-ecommerce |
En ésta unidad se verán los temas del ecosistema móvil.
Utilizando un framework de videojuegos el alumno debe crear una aplicación que se ejecute en un dispositivo Android, iOS y Web.
- Los alumnos debem elaborar un prototipo como si estuviera presentando a un grupo de inversionistas para su aplicación móvil.
- Proyecto Grupal de 2 personas.
Presentación Formal
- Diseño y originalidad.
- Responder preguntas.
El proyecto 3 consiste en la elaboración de un juego para Web, Android e iOS.
Se utilizará el engine gratuito de videojuegos TIC-80 https://tic80.com/
El cual permite crear el código en distintos lenguajes de programación (Lua, Javascript, Wren, entre otros), crear la música y los gráficos con entornos 2d similares a un Super Nintendo.
Temática
Un juego pensado para organizaciones para recaudar fondos a través de la implementación del juego de cartas Triple Crown.
https://www.amazon.com/Angler-Games-TRIPL3-Crown-Spanish/dp/B0BV15BHQM
Motivación
Los alumnos son empresas que deben presentar un prototipo funcional de juego para inversionistas con el fin de obtener financiamiento para proyectos más ambiciosos. Para esto los inversionistas le han solicitado desarrollar un videojuego con la tecnología de Tic80 que les permitirá evaluar tanto su calidad artística como sus capacidades de gestión de proyectos en el desarrollo de videojuegos para Web, Android e iOS (Usando la tecnología PWA).
Entregables y Expectativas
- Repositorio público del juego. Con licencia AGPLv3
- Definir el nombre de su empresa y logotipo
- Github pages donde se pueda jugar el juego en su versión web.
- Por cada commit en el repositorio el juego debe ser compilado y desplegado a github pages. (Usar Github Actions https://github.com/features/actions)
- Seguir la metodología Trunk Based Development.
- Documentación con Asciidoc + Antora del proyecto siguiendo el PRD (Product Requirement Document) y plan de pruebas con UAT (User Acceptance Test). (dentro del directorio docs del repositorio) - (Esto incluye personas, casos de uso con storyboards y ADR). Entregar HTML.
- Manual del jugador. Entregar HTML (página web personalizada).
- Código bien hecho y correctamente documentado.
- Usar lenguaje de programación Lua o Javascript.
Presentación
- La presentación consiste en seguir el plan de pruebas y ejecutarlo en los ambientes Web, Android e iOS. Además de responder las preguntas del profesor y compañeros.
- Se debe tener tenida formal, se considerará como una presentación a stakeholders.
- Los compañeros actuarán como stakeholders.
| Participante | URL |
|---|---|
| Diego, Boris | https://github.com/cinfuvm/2024-memorice-mapuzungun |
| Diana, Sergio | https://github.com/cinfuvm/2024-memorice-nahuatl |
https://github.com/cinfuvm/2025-umapyoi
Las tareas consistirán en desarrollar ejercicios de programación tanto en JavaScript como Elixir, para fomentar el aprendizaje de lenguajes de programación tanto de frontend como de backend. Las tareas deben ser realizadas en clases y durante la semana.
Para esto se utilizará la plataforma Exercism que permitirá desarrollar los ejercicios con una estructura progresiva de dificultad.
Se darán dos tareas por semana, una por cada lenguaje. Las tareas corresponden a un 10% de la nota del certamen. Se deben completar todas las tareas de la semanas antes del certamen de cada unidad. Se espera que el alumno las resuelva de forma íntegra sin apoyo de inteligencias artificiales o terceros.