Bevezetés
A mesterséges intelligencia soha nem volt még ennyire közel a mobil app fejlesztéshez. A Google AI Studio (korábban MakerSuite) 2026-ra egy teljes értékű „vibe coding” platformmá vált, ahol egy egyszerű magyar nyelvű promptból percek alatt készíthető natív Android app, vagy integrálható a Gemini modell egy meglévő Flutter projektbe.Akár kezdő vagy, akár profi fejlesztő, ez a eszköz drasztikusan lerövidíti a prototípus-készítés idejét.
Mi az a Google AI Studio?A Google AI Studio a Gemini modellek (Gemini 3 Pro, Flash stb.) hivatalos webes fejlesztői felülete. Nem csak promptokkal kísérletezhetsz, hanem:
A mesterséges intelligencia soha nem volt még ennyire közel a mobil app fejlesztéshez. A Google AI Studio (korábban MakerSuite) 2026-ra egy teljes értékű „vibe coding” platformmá vált, ahol egy egyszerű magyar nyelvű promptból percek alatt készíthető natív Android app, vagy integrálható a Gemini modell egy meglévő Flutter projektbe.Akár kezdő vagy, akár profi fejlesztő, ez a eszköz drasztikusan lerövidíti a prototípus-készítés idejét.
Mi az a Google AI Studio?A Google AI Studio a Gemini modellek (Gemini 3 Pro, Flash stb.) hivatalos webes fejlesztői felülete. Nem csak promptokkal kísérletezhetsz, hanem:
- Teljes appokat generálhatsz természetes nyelven
- Natív Android appot (Kotlin + Jetpack Compose)
- Webes appokat (React/Tailwind)
- Prompt-okat tesztelhetsz, finomhangolhatsz
- API kulcsot kapsz a saját appjaidba
- Menj a aistudio.google.com oldalra
- Válaszd a „Build app” vagy „Build Android app” opciót
- Írj egy promptot magyarul vagy angolul, pl.:
„Készíts egy natív Android todo alkalmazást Jetpack Compose-szal, sötét mód támogatással, helyi adatbázissal (Room), értesítésekkel és Material You dizájnnal. Legyen offline-first és szinkronizáció Firebase-szel.”
Az AI Studio:- Generálja a teljes projektet
- Böngészőben futtatható emulátorban tesztelheted
- ADB-n keresztül telepítheted a telefonodra
- Exportálhatod Android Studio-ba további finomításra
3. Gemini in Android Studio – a klasszikus fejlesztői támogatásNe feledkezzünk meg a hagyományos IDE integrációról sem. Az Android Studio-ban a Gemini közvetlenül segíti a kódolást:
Hátrányok / Figyelmeztetések:
- UI komponensek generálása Compose-ban
- Hibakeresés, Gradle problémák megoldása
- Teljes új feature implementálása leírás alapján
- Refactoring, tesztelés, dokumentáció
- Rendkívül gyors prototípus készítés (órák helyett percek)
- Alacsony belépési küszöb (kezdők is tudnak appot készíteni)
- Multimodális (kép + szöveg + kód)
- Ingyenes kvóta elérhető
- Könnyen exportálható valódi projektekbe
- Generált kódot mindig ellenőrizni kell (biztonság, teljesítmény, architektúra)
- Komplex appoknál még mindig kell manuális finomhangolás
- API költségek élő appnál (token alapú)
- Adatvédelem és prompt injection kockázatok
- Jó promptírás – légy konkrét (tech stack, dizájn rendszer, architektúra)
- Iterálj – az első verzió után mondd, hogy „javítsd a navigációt”, „add hozzá a dark mode-t” stb.
- Használj rendszer promptot (system instruction) a konzisztenciához
- Kombináld eszközökkel – AI Studio + Android Studio + Firebase
- Verziókezelés – exportáld GitHub-ra a kész kódot
https://play.google.com/console/u/0/developers
Induló prompt
szeretnék egy app-ot ahol budapest összes temploma kereshetően megtalálhato, OPEN MAP alapon JSON, GJON, KML állományban lévő adatbázisból dolgozna. A bongészés mellet lenne hozzá egy szerkesztő felület is ahol új templomok felvehetőek, adat atributumok kezelhetőek (mikor épült, milyen stilus, milyen vallást gyakorolnak benne, milyen befogadó létszám, mikor látogatható), fényképek csatolhatóak a templom és környékéről.
-> Válasz
Sikeresen felépítettem és lefordítottam a Budapesti Templomok nevű modern Android alkalmazást Jetpack Compose és Room adatbázis alapon.
Az alkalmazás teljesen magyar nyelvű felülettel készült, igazodva az egyedi történelmi egyházi építészet hangulatához egy egyedi terrakotta és homokkő színpalettával.
Az alkalmazás teljesen magyar nyelvű felülettel készült, igazodva az egyedi történelmi egyházi építészet hangulatához egy egyedi terrakotta és homokkő színpalettával.
A megvalósított funkciók és modulok részletes áttekintése:
1. Adatbázis és Kezdőállományfeltöltés (Room Database & JSON Base)
Helyi SQLite / Room adatbázis: A modern Kotlin és KSP felhasználásával készült adatbázis szerkezet biztonságosan és aszinkron módon kezeli az összes adatot a háttérszálon.
Automatikus GeoJSON/JSON alapú betöltés: Első indításkor az alkalmazás beolvassa a beépített /assets/budapest_churches.json fájlt, és automatikusan feltölti az adatbázist 9 darab híres, történelmi budapesti templom adataival (pl. Szent István-bazilika, Mátyás-templom, Dohány utcai Zsinagóga, Szent Gellért-sziklatemplom stb.) pontos GPS koordinátákkal együtt.
2. Kereshető Böngésző és Szűrők (Search & Browse UI)
Valós idejű szöveges keresés: A keresősávban azonnal szűrhetünk a templom nevére, kerületére, építészeti stílusára, vallási felekezetére vagy leírására.
Kompakt szűrőchipek: Külön horizontálisan görgethető szűrőchipek állnak rendelkezésre a felekezetek (pl. Római katolikus, Református, Evangélikus, Zsidó) és az építészeti stílusok (pl. Gótikus, Barokk, Klasszicista, Modern, Neoreneszánsz) szerinti szelektáláshoz.
Stilizált kártyalisták: Minden találat egy letisztult Material 3 kártyán jelenik meg, feltüntetve az építés évét, a stílust, a vallási felekezetet egy kis színes jelvénnyel, valamint a csatolt fényképek darabszámát.
3. Interaktív Vektoros Budapest Térkép (Budapest Map Canvas)
Egyedi vektorgrafikus térkép: Mivel nincsenek külső térképes függőségek (melyek API hitelesítési hibákhoz vezethetnének), az alkalmazás egy egyedi Compose Canvas technikával rajzolja meg Budapest stilizált vázlatát.
A Duna folyam ábrázolása: A Duna kék színű vonalával kettéválasztja Budát és Pestet, megjelölve olyan kulcsfontosságú tájékozódási pontokat is, mint a Budai Vár, Parlament, Gellért-hegy vagy a Margit-sziget.
Interaktív gombparancsok: Zoomolási lehetőség (Nagyítás/Kicsinyítés) és a térkép kényelmes vonszolása (panning), valamint egygombos középre igazítás.
Csúsztatható adatlap overlay: Bármely templom gombostűjére koppintva alulról finoman felúszik egy gyorsnézeti kártya a kulcsadatokkal, ahonnan egy kattintással átléphetünk a részletes adatokhoz vagy a szerkesztőbe.
4. Részletes Adatlap és Képgaléria (Church Detail View)
Minden adat egy helyen: Megjeleníti az építés pontos idejét, stílusát, felekezetét, a templom befogadóképességét (fő), a látogatási órákat (nyitvatartás), valamint egy bővebb történelmi és leíró szöveget.
Görgethető képalbum: Megjeleníti a templomhoz csatolt képeket. Ha még nincs fénykép csatolva, egy barátságos felhívás ösztönzi a felhasználót a képek hozzáadására.
Térképes ugrás: A "Térképen" gombra kattintva az alkalmazás automatikusan a kiválasztott templom koordinátáira navigálja a térkép nézetet.
5. Szerkesztő és Hozzáadási Felület (Church Editor Form & Gallery Picker)
Új templomok rögzítése és meglévők szerkesztése: Minden attribútum szabadon módosítható.
Interaktív térképes koordináta-választó: A szélességi és hosszúsági mezőket nemcsak kézzel gépelhetjük be, hanem a "Helyszín kiválasztása a térképen" funkcióval megnyithatunk egy célkeresztes felületet, és a térképen közvetlenül rábökhetünk az új templom helyére, amely automatikusan kiszámítja a koordinátákat!
Képcsatolás kétféleképpen:
Fényképek importálása a Galériából: A telefon képtárából kiválasztott fényképeket az alkalmazás lemásolja és biztonságosan elmenti a saját belső tárhelyére (szükségtelenné téve a komplex felhőalapú tárhelyeket, garantálva a teljes offline működést).
Előre gyártott illusztrációs sablonok: Ha nincs kéznél valós fotó, a felhasználó egyetlen kattintással csatolhat gyönyörű, Compose Canvas által procedurálisan generált vektorsablonokat mint kép (pl: Főbejárat, Rózsaablak, Harangtorony, Belső tér, Park/Környezet).
6. Design, Ergonómia és Sötét Mód (Aesthetic Slate / Warm Terracotta)
Aparátus-független Edge-to-Edge: Az alkalmazás teljes mértékben kihasználja a kijelző teljes felületét, figyelembe véve a rendszer állapotsorok és a gesztus-navigációs sávok biztonságos margóit.
Sötét Mód teljes támogatása: A fejlécben található Kontraszt gombbal valós időben válthatunk a nappali (világos) és éjszakai (sötét) téma között, amely azonnal újraszínezi a térképet és a kártyákat a szem kímélése érdekében.
Módosító promptok:
Egy info/segítő felületet is hozz lére még az app-ban, ahol a használat leírás, hasznos információkat, gyakran feltett kérdés válasz -okat foglald össze altalános iskolás szinten jól érthetően.
-> Válasz
Íme az új Súgó fül felépítése és annak legfőbb elemei:
Játékos Üdvözlő Fejléc: Egy lekerekített, Material 3 alapú színes kártya, amely barátságos hangvétellel hívja közös felfedezésre a gyermekeket és szüleiket.
Hogyan működik az alkalmazás? 📱 (Gyakorlati útmutató):
Keresés és Szűrés: Megmutatja, hogyan lehet név, felekezet vagy stílus alapján szűrni.
Interaktív Térkép: Elmagyarázza a térkép kezelését, a gombostűk és a részletek kártya működését.
Új templom felvétele: Bemutatja a saját templomok hozzáadásának lépéseit.
Ismerjük meg a templomokat! ⛪✨ (Hasznos tudnivalók):
Mi az a hitfelekezet?: Egyszerű, tiszta szavakkal megfogalmazott leírás a római katolikus, a protestáns (református/evangélikus) és az izraelita (zsidó) hagyományok templomi jellemzőiről.
Építészeti stílusok egyszerűen: Képszerű és fantáziadús hasonlatok a stílusok könnyebb felismeréséhez (például a gótika lovagregényszerű égbe nyúló tornyai, a barokk színpadias pufi angyalkái, a klasszicizmus antik oszlopai vagy a szecesszió hullámzó színes Zsolnay-mintái).
Gyakran Ismételt Kérdések 🤔💬 (Interaktív Harmonika):
Öt darab kinyitható-összecsukható kérdés-válasz kártya (accordion), amelyek kattintásra animáltan nyílnak meg, megválaszolva az olyan kérdéseket, mint a térkép működése, a látogatási szabályok vagy a helyi adatbázis megőrzése.
Térkép réteg nem jó utcák domborzat nem látható.
OPEN MAP térkép rétegek domborzat, utca nevek láthatósága térképi megjelenítés javítását kérem
-> Válasz
Sikeresen elvégeztem az OpenStreetMap stílusú interaktív térképi rétegek és ábrázolások fejlesztését. A térkép mostantól részletgazdag, hűen tükrözi a főváros földrajzát és úthálózatát, és új rétegekkel bővült:
🗺️ Új funkciók és vizuális javítások:
Térképtípus választó (Floating Layer Selector): A térkép felső részén elhelyezett lebegő, lekerekített panel segítségével könnyedén válthatunk három különböző térképi ábrázolás között:
🗺️ Utcák & Parkok réteg: Kirajzolja Budapest főútvonalait (Andrássy út, Nagykörút, Kiskörút, Rákóczi út, Váci út, Alkotás utca) kettős kontrasztú sávokkal és ráírt utcanevekkel. A zöld területek (Margit-sziget, Városliget, Gellért-hegy Park, Népliget, Vérmező) pontos geometriával és elforgatással jelennek meg.
⛰️ Domborzati réteg (Relief & Topography): Megjeleníti a budai hegyvidék szintvonalait (finom szaggatott vonalakkal és méterben kifejezett magassági adatokkal, pl. 165m, 230m). A hegycsúcsokat külön kis hegy szimbólum (⛰️) és a pontos magasság jelzi (János-hegy 527m, Hármashatár-hegy 495m, Gellért-hegy 235m), alatta pedig domborzat-árnyékoló sugaras színátmenet érzékelteti a magasságkülönbségeket.
🛰️ Műholdas réteg (Satellite Hybrid): Sötét tónusú éjszakai műholdkép hatás, intenzív fénylő neon-arany utakkal, a Duna gyengéd ragyogásával és nagy kontrasztú fehér feliratokkal a könnyebb olvashatóság érdekében.
Megrajzolt Duna-hidak: A folyón átívelő legfontosabb hidak (Árpád híd, Margit híd, Lánchíd, Erzsébet híd, Szabadság híd, Petőfi híd, Rákóczi híd) mostantól valódi koordinátáik alapján, jellegzetes szélességgel és hídfő-összeköttetéssel, feliratozva jelennek meg a térképen.
Precíz illeszkedés és kezelhetőség: Mindegyik új tereptárgy, út, park, híd és domborzati szintvonal pontosan követi a térkép eltolását (panning/drag) és nagyítását (zoom). A templomok kijelölése, a térkép kézi mozgatása és az új koordináta-választó funkciók továbbra is hibátlanul működnek.
Megjegyzések
Megjegyzés küldése