FizInfo Tábor 2025

SZLG Informatika Tagozat • Augusztus 5-10

2025. Augusztus 5-10

ZTV Adminisztrációs Rendszer Fejlesztői Tábor

5 napos intenzív programozói tábor, ahol egy valós iskolai projekt - a ZTV (Zugló TV) adminisztrációs rendszerét fogjuk fejleszteni Django backend és Next.js frontend technológiákkal.

Projekt Áttekintés

Mi is az a ZTV?

A ZTV egy valós iskolai projekt - egy webes adminisztrációs rendszer, amely segíti a média tagozatos diákok forgatásainak szervezését és kezelését.

Mi a ZTV?

Zugló TV - Média Tagozat

A Szent László Gimnázium média tagozatos diákjai rendszeresen készítenek videókat, dokumentumfilmeket és egyéb média tartalmakat. Ezekhez a projektekhez forgatócsoportokat kell szervezni, időpontokat egyeztetni, és nyomon követni ki mikor elérhető.

Jelenlegi Problémák

  • Google Forms alapú elérhetőség kezelés - nem átlátható
  • Régi ZTV rendszer használhatatlan és elavult
  • Osztályfőnököknek nincs teljes hozzáférésük a rendszerhez
  • Nincs automatikus értesítés a forgatásokról

A ZTV Megoldás

Egy modern webes alkalmazás, ahol a tanárok könnyen kiírhatják a forgatásokat, a diákok jelezhetik elérhetőségüket, az osztályfőnökök átláthatják ki hiányzik, és mindenki automatikus értesítést kap az őt érintő eseményekről.

Mit fogunk fejleszteni?

Forgatás Kiírás

Maximális

10F-es diákok könnyen létrehozhatnak új forgatásokat

Intelligens Beosztás

Maximális

Automatikus stáb ajánlás elérhetőség alapján

Felszerelés Kezelés

Magas

Kamerák, statívok nyomon követése

Partner Intézmények

Magas

Külső helyszínek és kapcsolatok kezelése

Átláthatóság

Maximális

Osztályfőnökök látják ki hiányzik

Mobil Barát

Magas

Minden eszközön használható

Fejlesztési Prioritások

Maximális
Tábor alatt
Magas
Augusztus végéig
Forgatás Típusok
📺

KaCsa Adások

Kamasz Csatorna összejátszások - élő közvetítés vagy rögzítés

🎬

Rendes Forgatások

Külső partnerintézményekben rendszeres forgatások

🎉

Rendezvények

Iskolai események - ballagás, gólyabál, UNESCO, gyereknap

Technológiák
Modern, professzionális eszközök

Next.js

React-alapú full-stack framework

🐍

Django

Python web framework

🐘

PostgreSQL

Relációs adatbázis

🎨

Tailwind CSS

Utility-first CSS framework

🎯

Figma

UI/UX tervezési eszköz

Tábor Információk
Időtartam5 nap
Résztvevők4 diák
Szint
Haladó
Költségvetés0 Ft
Működési Költségek

Virtuális Droplet (app.szlg.info)

1500-2300 Ft/hó

ismétlődő
Finanszírozó: Molnár Attila és az iskola

Más iskolai alkalmazásokhoz is szükséges

SSL tanúsítvány (Cloudflare)

0 Ft

ingyenes

Cloudflare által biztosított ingyenes SSL

Projekt Demók

Projekt Demók és Inspirációk

Korai prototípusok, demók és inspirációs projektek a ZTV fejlesztéséhez

Legjobb Demók
Legfrissebb és legfejlettebb prototípusok

ZTV2 Demo

Főbb funkciók és UI/UX tervezés bemutatása

Legújabb

ZTV Mockup Demo

Interaktív mockup és felhasználói folyamatok

Mockup
Korai Demók
Első prototípusok és koncepció validáció

ZTV Korai Verzió

Első működő prototípus alapfunkciókkal

Prototípus

Média Osztály Szoftver

Korai koncepció a média tagozat igényeire

Koncepció
NextJS Inspiráció
Botond saját projektjei és technikai referenciák

Dokumentáció Oldal

F Szekció Demo

SZLG Funding

Pokédex

Kárbejelentő

Technikai referenciák és design inspirációk a ZTV projekt fejlesztéséhez

Tábor Program

Tábor Ütemterv és Órarend

6 napos intenzív fejlesztési program és napi időbeosztás

Ütemterv

Augusztus 5. (Hétfő)
Tábor Megnyitás
1
Bemutatkozás
Technológiai Előismeretek egyeztetése
ZTV rendszer bemutatása - Múlt és Jővő
Részletek és források
Mi történt valójában:

-

Források és anyagok:
Webfejlesztés Bevezetés - Tippek

Böngésző Motorok:

  • Hasznos ha van egy Gecko motorral (Firefox, Zen) és egy WebKit/Blink motorral (Chrome, Brave, Safari) rendelkező böngészőnk is
  • A különböző motorok máshogy renderelnek, ezért fontos mindkettőben tesztelni

Hasznos Billentyűparancsok:

Böngészőben:

  • Ctrl+F5 - Frissítés a gyorsítótár és sütik törlésével

VS Code:

  • Alt + Up/Down - Sor mozgatása fel/le
  • Ctrl + D - Következő kijelölés kijelölése
  • Ctrl + K, Ctrl + C - Sor/kijelölés kommentezése
  • Ctrl + I - IntelliSense megnyitása/GitHub Copilot Inline Chat
  • Ctrl + O, Ctrl + K - Gyors fájl megnyitás
Augusztus 5. (Kedd)
Lemaradások behozása - Belevágunk a projektbe
2
Ismeretlen technológiák átbeszélése
Demók készítése a használt technológiákkal
ZTV2 Tervezése, Új Név, Design, stb.
Adatbázis tervezés, modellírás
Részletek és források

Még nincsenek részletek vagy források hozzáadva.

Augusztus 6. (Szerda)
Aktív fejlesztés
3
Aktív Frontendfejlesztés, menüpontonként
Backend, frontendhez igazítása - API, modellek, jogosultságok
Részletek és források

Még nincsenek részletek vagy források hozzáadva.

Augusztus 7. (Csütörtök)
Aktív fejlesztés
4
Aktív Frontendfejlesztés, menüpontonként
Backend, frontendhez igazítása - API, modellek, jogosultságok
Részletek és források

Még nincsenek részletek vagy források hozzáadva.

Augusztus 8. (Péntek)
Aktív fejlesztés
5
Aktív Frontendfejlesztés, menüpontonként
Backend, frontendhez igazítása - API, modellek, jogosultságok
Részletek és források

Még nincsenek részletek vagy források hozzáadva.

Augusztus 9. (Szombat)
Tábor Lezárása & Hazautazás
6
Funkcionális tesztelés
Projektbemutató előkészítése
🎉 Projektbemutató - részletek a helyszínen
Részletek és források

Még nincsenek részletek vagy források hozzáadva.

Napi Órarend

Napi Időbeosztás
Augusztus 6-9. (Kedd-Péntek) • Párhuzamos foglalkozások
Időpont
Foglalkozások
8:00 - 9:30
Foglalkozás B
TBD
Foglalkozás C
TBD
9:30 - 11:00
Webfejlesztés
ZTV Projekt
3D/Blender
Párhuzamos
11:00 - 12:30
Foglalkozás D
TBD
Foglalkozás E
TBD
12:30 - 13:30
🍽️ Ebédszünet
13:30 - 15:00
Foglalkozás B
TBD
Foglalkozás C
TBD
15:00 - 16:30
Webfejlesztés
ZTV Projekt
3D/Blender
Párhuzamos
16:30 - 18:00
Foglalkozás D
TBD
Foglalkozás E
TBD
18:00 - 19:00
🍽️ Vacsoraidő

Megjegyzések

  • Minden foglalkozás témája még egyeztetés alatt áll
  • Az augusztus 5-i (hétfő) és augusztus 10-i (szombat) program eltérő
Fejlesztési Források

Források és Eszközök

Minden szükséges dokumentáció, mintaprojekt és eszköz egy helyen

Dokumentációk

Next.js Dokumentáció

Teljes Next.js útmutató és API referencia

📚 Dokumentáció

Django Dokumentáció

Django web framework hivatalos dokumentációja

📚 Dokumentáció

Tailwind CSS

Utility-first CSS framework dokumentáció

📚 Dokumentáció

PostgreSQL Útmutató

Adatbázis kezelés és SQL lekérdezések

📚 Dokumentáció
Mintaprojektek

Házioldal Projekt

Django WSGI mentorrendszer - SZLG Informatika Tagozat

🐙 GitHub

Authentication Example

Felhasználói bejelentkezés implementáció példa

🐙 GitHub

Django REST Framework

API fejlesztés Django-val - példaprojektek

🐙 GitHub
Eszközök

Figma

UI/UX tervezési eszköz a projekt mockupjaihoz

🛠️ Eszköz

VS Code

Ajánlott kódszerkesztő bővítményekkel

🛠️ Eszköz

Postman

API tesztelési és fejlesztési környezet

🛠️ Eszköz

GitHub Desktop

Git verziókezelés grafikus felülettel

🛠️ Eszköz
Projekt Csapat

Megrendelő és Fejlesztői Csapat

A ZTV projekt megrendelői és a fejlesztésben résztvevő csapattagok

Projekt Megrendelők
Elsődleges

SZLG - Média Tagozat

Horváth Bence - horvath.bence@szlgbp.hu

Másodlagos

Osztályfőnökök

Molnár Attila - molnar.attila@szlgbp.hu

Technikai tanácsadó

Végfelhasználók

Diákok és Gyártásvezetők

~100-125 aktív felhasználó

Visszajelzés szolgáltatók

Fejlesztői Csapat
Balla Botond

Balla Botond

10.F
Foglalkozásvezető
Vezető Fejlesztő
Architect
Kovács Ádám Lőrinc

Kovács Ádám Lőrinc

9.F

Szerepkör a táborban kerül egyeztetésre

Péterfi Dénes

Péterfi Dénes

9.F

Szerepkör a táborban kerül egyeztetésre

Tóth László Barnabás

Tóth László Barnabás

NYF

Szerepkör a táborban kerül egyeztetésre