2024. október 13., vasárnap

Szakkör 4

 Mi a HTML?

A HTML (HyperText Markup Language) egy leíró nyelv, amelyet weboldalak készítéséhez használunk. A HTML a W3C (World Wide Web Consortium) támogatásával internetes szabvánnyá vált.

Mi az a HTML? (A HTML bemutatása) - WEBiskola

Egy HTML kód egyértelműen meghatározza a weboldal felépítését, kinézetét. Azaz a HTML nyelven megírt kódot a webböngésző értelmezi, majd a kód alapján megjeleníti a már általunk megszokott oldalakat.


<!DOCTYPE html> <html> <head> <title>A weboldal címe</title> </head> <body> <h1>Ez az első címsorom</h1> <p>Ez az első bekezdésem.</p> </body> A fentebb látható kód elemzése: <!DOCTYPE html>: Ez a sor határozza meg, hogy ez egy HTML dokumentum lesz, ezzel üzenve a böngészők számára. <html>: Ez a HTML fájlunk gyökéreleme, kötelező ennek következnie a !DOCTYPE html rész után. <head>: Ezt magyarul fejnek, fejszekciónak vagy fejrésznek hívjuk. Alapvető információkat tartalmaz a HTML oldalunkról. Például a következő szekciót. <title>: Ez határozza meg a HTML oldal nevét. A böngésző innen olvassa ki a böngésző címsorában látható szöveget. </title>: Ez az előző elem zárópárja. A nyitó és a záró tag közé kerül a HTML oldal címe. <body>: Ez a dokumentum „test” része, ezután kell írni a weboldal tartalmát. Az e mögé írt tartalmak fognak megjelenni a böngészőben a weboldal részeként. Ezt követni fog majd még egy </body> tag. De ezt nem rakhatjuk ki még most. A záró tag-et csak akkor rakhatjuk ki, ha a weboldalunkat már feltöltöttük tartalommal. <h1>: Ez egy címsor. A HTML nyelvben több címsor is létezik. (Például h1, h2, h3 stb.) A h1 a legnagyobb címsor, azaz a weboldalon ez lesz a legnagyobb szöveg. </h1>: Ez a címsor záró tag-e. A <h1> és </h1> közé került szöveget fogja nagy betűkkel kiírni a weboldalra. <p>: Ez a bekezdést jelöli. Az ezután írt szöveget normál méretben fogja megjeleníteni a böngésző. </p>: Ez az bekezdés zárópárja. </body>: Az elején írtuk a <body> nyitó tag-et. Ez a zárópárja. Ez jelzi a böngésző számára, hogy eddig tartott a megjelenítendő rész. </html>: Ez pedig azt jelzi a böngészőnek, hogy itt ér véget teljesen a HTML dokumentum.


mindig azt a tag-et zárjuk le először, amelyiket utoljára megnyitottuk.
Jegyzettömb A jegyzettömb egy gyári alkalmazás, amely minden Windows számítógépen megtalálható. Rémegyszerű program, így sokan azt gondolják, hogy alkalmatlan weboldal programozásra. De ez nem igaz. Ez a program is alkalmas a HTML weboldalak készítéséhez. Ámbár használata nem ajánlott, hiszen képes a HTML oldal elkészítésére, de a benne végzett munka nem túl kényelmes.
Online weboldalszerkesztő (Online HTML, CSS, JavaScript, jQuery kódszerkesztő) - WEBiskola

Notepad++

Ez a program már egy fokkal jobb választás, mint a Jegyzettömb, hiszen a Notepad++ már alkalmaz színekkel történő kiemeléseket a programkód könnyebb fogyasztása (megértése) érdekében.


Most jön egy kulcsfontosságú lépés: mentsük el a fájlt HTML dokumentumként. Nyomjuk meg a(z általában a) jobb felső sarokban található „Fájl” („File”) gombot, majd a „Mentés” („Save”) vagy „Mentés másként” („Save as” ) gombot. A fájl típusánál válasszuk ki, hogy: „Hyper Text Markup Language file (*.html, *.html, stb)” típust, majd nyomjuk meg a Mentés gombot.

HTML alapok (A HTML webprogramozás alapjai) - WEBiskola

2024. szeptember 29., vasárnap

Szakkör 3

 Egy kis logika fejlesztés:

https://game-game.hu/170978/



Mi az a DALL-E?

A DALL-E egy mesterséges intelligencia alapú képgeneráló eszköz, amit az OpenAI fejlesztett ki. Ez az eszköz nagyon egyszerűen működik, szöveges leírások alapján lenyűgöző képeket készíthetsz vele. Magyarul is használható, és nem kellenek hozzá speciális paraméterek megadása, természetes szöveggel megadhatóak a kérések.



Hogyan érhető el a DALL-E?

Ez az eszköz több helyen is elérhető, ha ingyenesen használnád, akkor használd az alábbi linkeken:


https://designer.microsoft.com/image-creator


https://copilot.microsoft.com/images/create

a van ChatGPT előfizetésed, akkor azon belül is használhatod, és nem csupán generálhatod, hanem szerkesztheted is a képeket (jelenleg csak kijelölés és új prompttal módosítás működik). https://chat.openai.com/

Ezen felül sok eszközbe beépítve is DALL-E-t használsz, például a Canva, Adobe Express esetében is.


Hogyan működik a DALL-E?

A használata nagyon egyszerű:

Írd le a kívánt képet szavakkal: Írd le részletesen, hogy mit szeretnél látni. Például: "egy rózsaszín elefánt, aki egy lila biciklin teker a parkban".

Válassz stílust: Milyen stílusban szeretnéd látni a képet? Lehet fotorealisztikus, festményszerű, rajzfilm stílusú, stb.

Add meg a méretet: 3 méretet tud, négyzetes, álló vagy fekvő kép.

Generálás: A DALL-E néhány másodpercen belül létrehozza a megadott képleírás alapján a képet.

Variációk: egyes eszközök több verziót is legenerálnak, amik közül választhatsz.

Iteráció: Ha szeretnél változtatni a képeken, akkor módosítsd az utasításodat (promptot).


Tippek és trükkök

Haladj kis lépésekben: Kezdd el a kép fő témájával, és lépésenként adj hozzá az utasításhoz további elemeket.

Kísérletezz: Próbálj ki különböző leírásokat és stílusokat, hogy megtaláld a legjobban illeszkedő képeket.

Nagyon fontos, hogy egyszerre csak 1 dolgot változtass, és fokozatosan haladj, különben nem fogod tudni, melyik utasítás hozta az adott eredményt. Az új kép soha nem lesz ugyanaz, hiszen az AI ilyenkor egy teljesen új kiindulási pontból fogja újraalkotni a képet. (erről részletesen tanulhatsz az AI képgenerálás kurzusomon 👇)


Mire használhatod a DALL-E-t?

Marketing: online hirdetések képei, amelyek garantáltan megragadják a figyelmet.

Weboldal: Hátterek, minták, webdesign ötletek, látványtervek, egész blokkok megtervezése.

Arculat: színpaletták, ötletek arculattervezéshez, moodboardok és vizuális ötletelés.

Közösségi média: Posztok, storyk képeinek elkészítése.

Videó: bár a DALL-E még nem tud videót generálni, de jó képi alapot adhat egy videógenerátornak.


Mit kell tudni a videógenerálásról?

Ez egy nagyon gyerekcipőben járó terület, viszont hihetetlenül gyorsan fejlődik. Minden hónapban kijön egy új eszköz, egy új megoldás, és egyre jobbak a generált videók. DE! Még mindig gyakran eltorzul, elmosódik a kép, elnyúlnak bizonyos részek, úgyhogy teljesen tökéletes videókat most még nem tudunk generálni. A legjobb eredményt az alábbi eszközökkel értem el, ezeket érdemes tesztelned, social média felületeken már használtam, és nagyon jól mentek az ezekkel az eszközökkel generált videók.

Runway

Az alábbi linken keresztül tudsz regisztrálni:

https://runwayml.com/

Ez az egyik legjobb és legerősebb videógenerátor, egy keveset enged generálni ingyenes fiókkal is, próbálgatni lehet, de az előfizetése brutál drága, Ha nagyon profi videókra van szükséged, akkor viszont érdemes rá előfizetned, akár csak egy hónapra is, amíg teszteled. Eléggé összetett funkciói vannak, nagyon sok mindent lehet rajta állítani, szerintem egy hozzáértő, videós kezében ez az eszköz aranyat ér. 

Kling AI: https://klingai.com Luma Drhttps://lumalabs.ai Runway: https://app.runwayml.com Ideogram: https://ideogram.ai Recraft: https://app.recraft.ai

Kling

A Kling az új szupersztár, új belépőként a piacon olcsóbb, és az ingyenes csomagja is sokkal többet enged generálni, mint a nagyobb konkurens.

Minőségben az élmezőnyben van, úgyhogy ha csak egy videógenerátort próbálsz ki, az ez legyen.

Nagyon egyszerű a kezelése, tud képből vagy szöveges utasítás alapján is generálni, méretet és kameramozgást is meg tudsz adni. Egy generálással 5-10 másodpercet tudsz generálni, és utána bővítheted további szakaszokkal.

Itt találod: https://klingai.com/





Suno

Jelenleg az egyik legjobb zenegenerátor, ami magyarul is tud, egész jó dalokat készít, sokszor szinte már észrevehetetlen az akcentus is. Akár konkrét dalszöveget is megadhatsz neki, és akkor arra ír egy dalt, vagy leírhatod neki, hogy miről szóljon a dal, és megírja hozzá a szöveget is. Válassz stílust, hangszert, és már kész is. Ingyenesen is használható, napi 5 generálást enged ingyen. 

Instrumentális zenét is tudsz generálni, ha csak a hangulat miatt kell egy jó háttérzene.

https://suno.com/


https://suno.com/song/b17f18c3-a017-49a6-90db-5a5337f49fc6

[Verse]

Gyerekek hajnalban kelnek, kód rajta a szemükön,

Billentyűzet csattog, mint a seregélyek röpte benne van a vérükben.

Nincsenek könyvek, csak a monitor a teremben,

Algoritmus mondja meg, mi lesz a következő elemben.


[Verse 2]

Pályák és bonyodalmak, logika kell hozzá,

Számítógép előtt, az idő repül tova.

Fraktálok és mátrixok, agytekervények tánca,

Kód hősei lesznek ők, a szintük nem triviális.


[Chorus]

Kódbojok vagyunk, az agyunk ciklusokban jár,

A billentyűzet a fegyverünk, minden bajra megoldás.

Kódbojok vagytok, pályán mozogva száll,

Hálózatok hősei, együtt mindent megold bár.


[Verse]

Minden óra vége fele, játékok a szerveren,

Gyakorlott kezekkel, mintha zongorán lennének.

Rakják a programot, mint legót a gyerekek,

Nincsen fáradtság, csak a sikeres projektek.


[Verse 2]

Elektronikus hősök, a hálón keresztül,

Nincsen láthatatlan, a kibernetikus mezők tükrén.

Néha hibát vétenek, debugolni muszáj,

De a kis gépészek, életük a szkriptnyár.


[Chorus]

Kódbojok vagyunk, az agyunk ciklusokban jár,

A billentyűzet a fegyverünk, minden bajra megoldás.

Kódbojok vagytok, pályán mozogva száll,

Hálózatok hősei, együtt mindent megold bár.




https://www.microsoft.com/en-us/research/project/vasa-1/




2024. szeptember 22., vasárnap

Szakkör 2.

 Legyen egy lehetőleg gmailes email címed!


Mesterséges intelligencia:

https://leonardo.ai/

https://gencraft.com/?gad_source=1&gclid=Cj0KCQjwgL-3BhDnARIsAL6KZ6_aek-XZmc1yEd27lW58lt1ueMdmiCsxzakFkY5i_zn4uwEjHR3GkQaAhmBEALw_wcB

https://www.adobe.com/hu/products/firefly.html

https://create.microsoft.com/hu-hu/features/ai-image-generator

https://hu.123rf.com/ai-image-generator/

https://punkt.hu/2024/05/05/az-ot-legjobb-ingyenes-ai-kepgenerator-a-punkt-tesztje/

Prompt írás, fordítás: https://www.deepl.com/

Prompt

1.A prompt szó jelentése gyors, azonnali, haladéktalan.

2. Az informatikában a prompt szöveges, parancssoros felületen a sor elején lévő pár karakter, ami után az utasításokat lehet beírni.

Ezzel jelzi a számítógép, hogy befejezte az előző parancs futtatását, és készen áll az újabbak fogadására. Egyéb információt is tartalmazhat a gép állapotáról, például az aktuális meghajtó és könyvtár nevét. A Python nevű programozási nyelvben például egy ">>>" jel jelenik meg promptként.


3. A generatív mesterséges intelligencia területén a prompt a számítógépnek beírt, jellemzően angol nyelvű szöveget jelenti.


4. A prompt angol nyelven is használt szó. A magyar jelentése mellett itt valamire való ösztönzést, illetve (elfelejtett szöveg esetén segítségképp) súgást is jelent.


AI a Canvában:



lusta, kedves fiú, aki nem szeret tanulni és sok a leckéje:





2024. augusztus 30., péntek

Terem rendje:

 










https://view.genially.com/63244155bd261800180ff79d?fbclid=IwY2xjawE-tcBleHRuA2FlbQIxMQABHa6knQvg4TpwEWQSugkgVo3N5SN3dGcvLGWuHU6yAO2DpVjBHzSTpeOWXw_aem_48gfW98fS6cRKbuYR4AK8w


https://typetastic.com/keyboard-builder.html?fbclid=IwAR0m3CKzqfcFImcGJcqFkQpcqrs2rKG0DeaMKPSdWdtFI2YicHkXqMhGHlw

ötletelő informatika

 https://padlet.com/babarczieva/feladatlap-k-sz-t-gener-torok-gy-jtem-nye-babi-va-l3ithmlwuok0x4x8?fbclid=IwY2xjawE-r6hleHRuA2FlbQIxMAABHR9qMGzlG68yOF6GMm6yDx47o4Bxf7lzWGkzw6-vioPSVCj7hhsAEIHRAw_aem_zV1ONlBye_xzpiJPDU_o-w


https://digikultura.mozellosite.com/?fbclid=IwY2xjawE-rtFleHRuA2FlbQIxMQABHRqpSd20bsAa8f4-1YoXGVlpl8jS5mUhDBFJCQCXg694nUlfyg_UBVhO7Q_aem_YYSKK5ylCnleyDW-DqW-sw


https://www.pedago.hu/2024/01/20/meselo-terkepek-storymapjs/?fbclid=IwY2xjawE-sB1leHRuA2FlbQIxMAABHTYDO0iv0WqKaBv-XpeToLFibc-c6Jj42TJyWrMHqMLylDtqa1gGdsbRXQ_aem_osUjbl-fyr1uqwsQuxToug


Nemzetközi Kódolás Hete (EU Code Week)Időpont: október (általában a második vagy harmadik hét)

https://codeweek.eu


Ada Lovelace Nap (Ada Lovelace Day)Időpont: október második keddje

https://findingada.com/

November:

Nemzetközi Biztonsági Nap (Computer Security Day)Időpont: november 30.

Nincs konkrét hivatalos oldal, de például a SANS Institute és a Cybersecurity Awareness oldalakon találsz hasznos információkat.

December:

Programozás Hete (Computer Science Education Week)Időpont: december első teljes hete (általában december 9-15. között)

https://csedweek.org/

Január:

Nemzetközi Adatvédelem Napja (Data Privacy Day)Időpont: január 28.

https://staysafeonline.org/data-privacy-day/

Február:

Biztonságos Internet Napja (Safer Internet Day)Időpont: február második keddje

https://www.saferinternetday.org/


Digitális Oktatás Napja (Digital Learning Day)Időpont: február vége (pontos dátum évente változik)

https://digitallearningday.org/

Március:

Digitális TémahétIdőpont: március 24-28.

https://digitalistemahet.hu

Április:

Nemzetközi Lányok az IKT-ban Nap (Girls in ICT Day)Időpont: április negyedik csütörtökje

https://www.itu.int/en/ITU-D/Digital-Inclusion/Women-and-Girls/Girls-in-ICT-Portal/

Május:

Nemzetközi Technológia Oktatási Napja (World Technology Education Day)Időpont: május 15. körül (pontos dátum évente változhat)




2024. május 19., vasárnap

Ökoskodó

A döntő feladatai:

 Kiszagolom – fűszerek szimatolása

 TakarmányoZoo – takarmánynövények vizsgálata

 Az ördög jobb és bal keze – furfangos ördöglakatok kinyitása

 Pedálozó – kerékpáros teljesítmény

 Felismersz – fák, agancsok, vadhangok az erdőben

 Sulikirakó – keressétek honlapunkon mit kell kirakni

 Kreatív kézműves feladat 30 percben





 https://vassl.hu/?f0=Erdei_allatok_keptar

https://nat2012.nkp.hu/tankonyv/termeszetismeret_6/lecke_03_007

https://hu.wikipedia.org/wiki/Magyarorsz%C3%A1g_eml%C5%91sfajainak_list%C3%A1ja

https://xforest.hu/oshonos-magyar-fak/


https://www.hazaifak.hu/orokzoldek/29-erdei-fenyo



Bükkfa: sima, szürke és "bajszos"

Sima kéreg

A sima kérgű fafajok esetén a héjkéreg még idős korban sem repedezik meg. Ilyen a bükk, a gyertyán.


Gyertyán: hosszirányban repedezett
a barázdásan repedezett kéreg
Barázdás héjkéreg esetén a repedések függőleges irányúak. Ilyen az akác, a hárs, a korai juhar, stb. kérge.


Tölgyfa: kérge: jellegzetesen, mélyen barázdált


Nyárfa: szürkésfehér, rombuszos


Nyírfa kérge: fehér, hámló




Akác kérge: szürkésbarna, repedezett


Platán: táblásan, lemezesen leválló kéreg


Lucfenyő : pikkelyes leváló kéreg:



vadgesztenye:Szürkésbarna, kezdetben sima, később hosszúkás lemezekre terecskézett






Takarmánynövények:




Cukorrépa:




A fehér here (Trifolium repens) a hüvelyesek (Fabales) rendjébe és a pillangósvirágúak (Fabaceae) családjába tartozó faj. Négylevelű változata az európai kultúrkörben a szerencse egyik szimbólumának tekintett négylevelű lóhere, de viszonylag ritkán előfordul akár 5-7 levelű változat is.



réti: 


Lucerna


Görögszéna:





Angolperje:



Repce:









Árpa: 




Rozs:

Búza






Csicsóka:

Zab:


Tritikálé:tritikálé (búza+rozs keresztezése)





Köles:




Cirok:






Jávorszarvas


 gímszarvas