A modern technológiával való beszéd még soha nem volt ilyen egyszerű, most, hogy szó szerint beszélhetünk egy Alexához vagy Google Home-hoz, és egy felhőalapú program felismeri a beszédünket. De a leghosszabb ideig a számítógépeddel való “beszélgetéshez” meg kellett tanulnod annak nyelvét – egy programozási nyelvet. A legtöbb programozási nyelv szövegalapú, lehetővé téve a programozók számára, hogy parancsokat írjanak be a számítógépüknek, információkat nyerjenek belőle, és megosszák ezeket az információkat a számítógéppel.
Amikor a “vizuális programozásról” beszélünk, akkor tág értelemben arra utalunk, hogy modern számítógépeinkkel nem pusztán szöveggel, hanem grafikával és képekkel “beszélgetünk”. A vizuális programozás már évtizedek óta létezik, és egy újabb absztrakciós réteget jelent a gépi nyelvtől, amelyet a számítógépeink használnak, amikor egymással kommunikálnak.
A korai vizuális programozás fő célja az volt, hogy megkönnyítse a számítógéppel való interakciót. Végül is az első grafikus felhasználói felületek (GUI-k) sokkal könnyebb élményt nyújtottak, mintha sorokat gépeltünk volna be egy terminálablakba, olyannyira, hogy ma a legtöbb ember “Macet” vagy “PC-t” vásárol, és nem is gondol arra, hogy a számítógépük különbözik a vizuális operációs rendszertől.
A vizuális programozás a felhasználói felület kialakításához korán sem volt nehéz feladat. Manapság számos kifinomult vizuális front-end webfejlesztő eszköz áll rendelkezésre, mint például a Wix vagy a Squarespace a weboldalak létrehozásához, és olyan tervezőeszközök, mint a Figma és a Sketch a prototípusok készítéséhez.
De a számítási logika építéséhez, mint amilyen egy összetett webes alkalmazásban is megtalálható, a vizuális programozás értéke ellentmondásos volt. A szkeptikusok azzal érvelnek, hogy szinte lehetetlen, hogy a vizuális programozási logika vetekedjen egy szkriptalapú nyelv erejével. A vizuális programozási nyelvek meg sem közelítették a szkriptnyelvek népszerűségét a back-end logika építésében… egészen talán napjainkig.
Enter: Bubble. A Bubble egy “no-code” webes alkalmazásfejlesztési platform, amely 2012-ben indult. A Bubble névlegesen sok hasonlóságot mutat a fentebb felsorolt vizuális UI-építő eszközökkel a weboldalakhoz és prototípusokhoz. A Bubble azonban alapvetően egy valódi vizuális programozási nyelv – amely minden olyan erővel rendelkezik a kifinomult webes eszközök logikájának létrehozásához, mint az olyan szövegalapú programozási keretrendszerek, mint a React vagy a Flask.
Hogy megértsük, hogyan jöttek létre a Bubble-hoz hasonló vizuális webes fejlesztési platformok, vetünk egy pillantást a vizuális alapú programozás történetére – és hogy a kód evolúciójának következő fázisa valójában a “nincs kód” lehet.”
Kora “vizuális” programozás: 1970-es évek grafikus nyelvek és Basic
A hatvanas és hetvenes években már kísérleteztek a logika grafikus ábrázolásával olyan folyamatábra-alapú rendszerek formájában, mint a Pygmalion és a GRaIL (Graphical Input Language). Ezek a korai vizuális nyelvek azzal a fontos törekvéssel próbálkoztak, hogy a gépi műveleteket leképezzék összefüggő képek halmazára. A vizuális programozás azonban csak az 1990-es évek elején, miután a számítógépek már tisztességes grafikus felületekkel rendelkeztek, kezdett szárnyalni.
Ha a “vizuális programozás” fogalmára gondolunk, az első dolog, ami eszünkbe juthat, a Visual Basic, a Microsoft 1991-ben bevezetett terméke. A Visual Basic lehetővé teszi, hogy az emberek új alkalmazásokat építsenek kódblokkok mozgatásával és folyamatábrák vagy diagramok készítésével, és olyan eszközöket tartalmaz, mint a hibakereső és a forráskódszerkesztő. A Visual Basicet azonban pontosabban integrált fejlesztőkörnyezetként (IDE) ismerik, amelyben egy szövegalapú programozási nyelvet (Basic) más vizuális eszközökkel kombinálnak, hogy megkönnyítsék a kóddal való munkát. A Visual C és a Visual Java hasonló vizuális fejlesztőkörnyezetek saját programozási nyelveikhez.
Az IDE-k fontos lépcsőfokot jelentenek annak megértéséhez, hogyan lehet a programozást tisztán vizuálissá tenni. A Bubble egyik alapítója, Josh Haas a Visual Basicből merített ihletet, amikor 2012-ben elkezdte a Bubble létrehozását. A Bubble korai fejlesztését úgy írja le, hogy “ha egy IDE-vel kezdenénk, mielőtt a programozási nyelvet építenénk alá.”
Míg a Visual Basichez hasonló IDE-k alapvetően még mindig szövegalapú nyelvekből dolgoznak, az általuk használt eszközök, amelyekkel a kódolás kevésbé fájdalmas, óriási jelentőséggel bírnak a modern vizuális programozási élmény szempontjából.
A vizuális programozás mint oktatási eszköz
A vizuális programozási nyelvek oktatási eszközként ragyogtak az új programozók logikus gondolkodásának tanításában. Az MIT Media Laboratory által 2002-ben kifejlesztett Scratch valószínűleg a legjobb példa a
“blokk”-alapú szintaxisú vizuális programozási nyelvre. A Scratch meglehetősen népszerű lett, több mint 57 millió felhasználóval és alkalmazással. Néhány modern, kód nélküli alkalmazáskészítő, mint például a Thunkable, a Scratchből és más blokkalapú tervekből merített ihletet.
A Scratch elsősorban a programozni tanuló gyerekeknek szól, aranyos tigrisével és színes blokkjaival, amelyek logikus mondatokat alkotva kapcsolódnak egymáshoz, amelyek műveleteket hajtanak végre. Ha azonban mélyebbre merülnénk, a blokkalapú rendszerek nyilvánvaló hibákkal járnak az összetett logika ábrázolásakor; gyakran rendezetlen ábrákat kapunk, amelyeket még nehezebb megérteni, mint a szövegalapú kódot.
És a folyamatábrán alapuló logikai rendszerek, mint például a korai vizuális programozási nyelvek, sem járnak sokkal jobban, a rekurzív nyilak és az oldalt átszelő vonalak sokkal fájdalmasabbnak bizonyulnak, mint a takaros szkriptvonalak.
Nem fogunk túl mélyen belemerülni a pszichológiai vitába arról, hogy a szöveg vagy a vizuális elemek érthetőbbek-e az emberi agy számára; ez nagyrészt szubjektív és személyes kérdés. De lehet érvelni amellett, hogy a szövegalapú programozási nyelvek népszerűsége nagyrészt a hagyományoknak (a Unix és a Linux mint alapvető szövegalapú paradigmák) és a nyelv megalkotójának kényelmének köszönhető, nem pedig a programozási nyelv felhasználóinak. Végül is a legtöbb programozási nyelv az angolon alapul, és világszerte több milliárd ember van, aki egyáltalán nem beszél vagy ír angolul. Mégis elvárjuk tőlük, hogy a technológia létrehozása céljából ezt tegyék.
Itt a vizuális programozásnak lehetősége van arra, hogy áthidalja a szakadékokat, és segítsen az embereknek másképp megtanulni a technológia nyelvét. A Scratch-et például több mint 70 nyelvre fordították le, hogy a fiatalok az anyanyelvükön is programozhassanak.
A Scratch viszonylagos sikere azonban azt is eredményezhette, hogy a vizuális programozás a kezdők eszközének, a “valódi programozás” világába vezető ugródeszkának számít, ahol az aranyos képek helyett a zárójelek és vesszők gyötrődésével töltjük az időnket.
De ha valamit “egyszerűbbé” teszünk, az nem jelenti azt, hogy kevésbé hatékony. Miért fektetünk abba, hogy a gyerekeink vizuálisan tanuljanak, hogy aztán idősebb korukban ragaszkodjunk ahhoz, hogy a verbális nyelv világát helyezzük előtérbe? Mi lenne, ha létezne egy olyan vizuális programozási nyelv, amely arra törekedne, hogy elég egyszerű legyen ahhoz, hogy érthető legyen, de elég erős ahhoz, hogy az osztálytermen kívül is hasznos legyen?
A buborékos & “No Code” platformok felemelkedése: Vizuális programozás webes alkalmazásokhoz
A Bubble a válaszunk arra a kérdésre, hogy egy modern vizuális programozási nyelv hogyan válthatja be azt az ígéretet, hogy megkönnyíti a kifinomult technológia létrehozását és építését. A Bubble lehetővé teszi, hogy az emberek webes alkalmazásokat építsenek, az Airbnb-hez hasonló piacterektől az olyan közösségi hálózatokig, mint a Twitter, anélkül, hogy kódolni kellene. Az eredmény az, hogy az emberek a fejlesztési idő és költség töredéke alatt valódi üzleti ötleteket építhetnek online.
RELATED: Nézze meg a felhasználók által a Bubble-ben kód nélkül épített alkalmazásokat.
A Bubble vizuális szerkesztője a felhasználói felület tervezéséből és a fejlesztőeszközökből merít ihletet, a webfejlesztés “amit lát, azt kapja” megközelítésével. A Bubble igazi értéke azonban a logikához való hozzáállásában rejlik, ami sok más platformból hiányzik. Amikor Josh elkezdett dolgozni a Bubble munkafolyamat-rendszerén, ragaszkodott az “agresszív egyszerűséghez”, hogy elkerülje a régebbi folyamatábrás nyelvek bonyolult buktatóit és a blokk-alapú nyelvek kuszaságát.
A Bubble munkafolyamat-tervének célja, hogy egyszerű mondatokkal (például: “Ha egy felhasználó x-et csinál, küldj a felhasználónak egy e-mailt”) segítsen logikát építeni. És bár a haladó bubble-technikákban eléggé összetetté lehet válni a kijelentésekkel és feltételesekkel, a nyelv bizonyos feltételezéseket tesz az alapvető dolgokról, amelyeket egy webes alkalmazásban szeretnénk (például: felhasználók, kattintás, bejelentkezés, feliratkozás), hogy a legtöbb alapvető műveletet leegyszerűsítse.
A speciális felhasználásra, nem pedig általános célra tervezett számítástechnikai nyelveket szakterület-specifikus nyelveknek nevezzük. A Bubble a webtervezéshez használt, megfelelő absztrakciós szintű domain-specifikus nyelvként írható le, amely megkönnyíti egy alkalmazás felületének megtervezését és logikájának felépítését a színfalak mögött. A Bubble olyan eszközöket ad az embereknek a webtervezésben, amelyekkel a megépíteni kívánt fogalmakat – egy gombot, egy bevitelt, egy keresősávot – a szakterületüknek megfelelő szókincsszinten magyarázhatják el. Ha éttermek számára készítesz alkalmazást, akkor adattípusokat hozol létre az étterem, az étlap, az ételek és/vagy az ügyfelek számára. Ha egy gombot szeretnél valamire használni, egyszerűen létrehozol egy gombelemet, és megadod, hogy mit csinál.
“A Bubble lehetővé teszi az emberek számára, hogy a saját szókincsükkel hozzanak létre technológiát, nem pedig fordítva” – magyarázza Josh.
A Bubble-hoz hasonló eszközöket a “no code” vagy “low code” kifejezés alá sorolták, ami a webtervezés szövegalapú keretrendszereitől való eltávolodást jelenti. A korai vállalati programok gyakran “gyors alkalmazásfejlesztésként” emlegették a koncepciót.
De nem minden ilyen eszköz egyenlő. Egyes kód nélküli eszközök jobbak a natív mobilalkalmazásokhoz, mások a céloldalakhoz és egyszerű weboldalakhoz, mások kifejezetten piacterekre szabottak, előre elkészített sablonokkal vagy gépi tanulási modellekkel. A Bubble, amelynek gyökerei egy átfogó vizuális programozási nyelv, egy sokkal nyitottabb és erőteljesebb webalkalmazás-készítő platform, amely az API-csatlakozónk révén több ezer más platformmal integrálható.
Az emberek a Bubble segítségével megoldották startupjaik problémáit, és felépítették digitális vállalkozásuk ideális változatát. Néhányan több millió dolláros kockázati tőkefinanszírozást szereztek, mások pedig saját karriert futottak be a Bubble sablonjainak elkészítésével, vagy tanítottak másokat a kódolás nélküli eszközök használatára. A valamilyen technikai háttérrel rendelkező Bubbleresek hozzájárulnak a plugin-piacunkhoz, a több felhasználót kereső szoftvercégek pedig segítenek nekünk új, egyedi integrációk létrehozásában, amelyek megkönnyítik a más eszközökkel már építkező felhasználók dolgát.
A Bubble és a vizuális programozás jövője
A Bubble küldetése, hogy megkönnyítse az emberek számára a digitális vállalkozások gyors és megfizethető létrehozását anélkül, hogy kódolni kellene. Eredettörténetünkben arról beszélünk, hogy a technológia egy nagyon régi problémájával foglalkozunk, egy olyan problémával, amelyet a korai vizuális programozás próbált megoldani, de kudarcot vallott: hogyan lehet a logikát vizuálisvá tenni, és eltörölni a technológia használata és a technológia létrehozása közötti határt.
A vizuális programozásnak aBubble által alkalmazott megközelítése jelenleg nem arra irányul, hogy képes legyen mindenre, amire a technológia most képes, vagy amire a jövőben képes lesz. A Bubble webes alkalmazásokhoz készült. Miközben felfedeztük, hogy a hihetetlenül tehetséges felhasználóinknak köszönhetően olyan dolgok, mint a játéktervezés, egyre inkább lehetségesek a Bubble-ban, tudjuk, hogy vannak más programok, amelyeket kifejezetten olyan feladatokra hoztak létre és jobban felszereltek, mint az élő közvetítés és a hangfeldolgozás (de ezeket a jövőben lelkesen integráljuk majd).
Ami nálunk van, az a lehetőségek alapja. Van egy közösségünk, amely bővelkedik kreativitásban, elszántságban és önmotivált kíváncsiságban, és új utakat fedez fel a kód nélküli építkezéshez. Van egy jövőképünk a jövőre nézve, ahol a “kód nélküli” platformok nem önálló eszközkategóriát jelentenek. Ehelyett a vizuális programozás egyszerűen a webes alkalmazások és más technológiák készítésének módja lesz, mert így van a legtöbb értelme.”
A Bubble-ról
A Bubble a kód nélküli mozgalom egyik vezetője. A Bubble egy erőteljes point-and-click webszerkesztőt és felhő tárhelyplatformot kínál, amely lehetővé teszi a felhasználók számára, hogy teljesen testreszabható webes alkalmazásokat és munkafolyamatokat építsenek, az egyszerű prototípusoktól kezdve a komplex piacterekig, SaaS termékekig és még sok másig. Jelenleg több mint 500 000 felhasználó épít és indít vállalkozásokat a Bubble-on – sokan közülük részt vettek olyan vezető gyorsító programokban, mint a Y Combinator, és még 365 millió dollárnyi kockázati finanszírozást is bevontak. A Bubble több mint egy termék. Építők és vállalkozók erős közössége vagyunk, akiket az a meggyőződés köt össze, hogy mindenkinek képesnek kell lennie technológiát létrehozni.