Nykyaikaisen teknologian kanssa puhuminen ei ole koskaan ollut helpompaa, nyt kun voit kirjaimellisesti puhua Alexalle tai Google Homelle ja saada pilvipohjaisen ohjelman tunnistamaan puheesi. Pisimpään tietokoneen kanssa ”puhuminen” vaati kuitenkin sen kielen – ohjelmointikielen – opettelua. Useimmat ohjelmointikielet ovat tekstipohjaisia, ja niiden avulla ohjelmoijat voivat kirjoittaa komentoja tietokoneelle, hakea sieltä tietoja ja jakaa niitä tietokoneen kanssa.
Kun puhumme ”visuaalisesta ohjelmoinnista”, tarkoitamme laajasti tapoja ”puhua” nykyaikaisille tietokoneillemme grafiikan ja kuvien avulla pelkän tekstin sijasta. Visuaalista ohjelmointia on ollut olemassa jo vuosikymmeniä, ja se edustaa toista abstraktiokerrosta siitä konekielestä, jota tietokoneemme käyttävät kommunikoidessaan keskenään.
Varhaisen visuaalisen ohjelmoinnin päätavoitteena oli helpottaa vuorovaikutusta tietokoneen kanssa. Loppujen lopuksi ensimmäiset graafiset käyttöliittymät (GUI) tarjosivat huomattavasti helpomman kokemuksen kuin rivien kirjoittaminen terminaali-ikkunaan, jopa siinä määrin, että useimmat ihmiset ostavat nykyään ”Macin” tai ”PC:n” eivätkä edes ajattele tietokonettaan erillisenä niiden visuaalisista käyttöjärjestelmistä.
Varhain visuaalinen ohjelmointi käyttöliittymien rakentamista varten oli helppoa ja helppoa. Nykyään on olemassa monia kehittyneitä visuaalisia front-end-verkkokehitystyökaluja, kuten Wix tai Squarespace, verkkosivujen luomista varten ja suunnittelutyökaluja, kuten Figma ja Sketch, prototyyppien luomista varten.
Mutta laskennallisen logiikan rakentamiseen, kuten mitä monimutkaisessa verkkosovelluksessa voi olla, visuaalisen ohjelmoinnin arvo on ollut kiistanalainen. Skeptikot väittävät, että visuaalisen ohjelmoinnin logiikan on lähes mahdotonta kilpailla skriptipohjaisen kielen tehon kanssa. Visuaaliset ohjelmointikielet eivät ole päässeet lähellekään skriptikielten suosiota back-end-logiikan rakentamisessa… ehkä tähän päivään asti.
Enter: Bubble. Bubble on ”no-code” -verkkosovelluskehitysalusta, joka sai alkunsa vuonna 2012. Lähtökohtaisesti Bubble jakaa monia yhtäläisyyksiä edellä lueteltujen visuaalisen käyttöliittymän rakennustyökalujen kanssa verkkosivuille ja prototyypeille. Mutta Bubble on ytimeltään todellinen visuaalinen ohjelmointikieli – jolla on kaikki teho luoda logiikkaa kehittyneille web-työkaluille kuin tekstipohjaisilla ohjelmointikehyksillä, kuten Reactilla tai Flaskilla.
Ymmärtääksemme, miten Bubblen kaltaiset visuaaliset web-kehitysalustat ovat syntyneet, kurkistamme visuaalisen ohjelmoinnin historiaan – ja siihen, miten koodin evoluution seuraava vaihe saattaa itse asiassa olla ”ei koodia”.”
Varhainen ”visuaalinen” ohjelmointi: 1970-luvun graafiset kielet ja Basic
60- ja 70-luvuilla kokeiltiin jo logiikan graafisia esityksiä vuokaavioihin perustuvien järjestelmien, kuten Pygmalionin ja GRaILin (Graphical Input Language), muodossa. Näissä varhaisissa visuaalisissa kielissä yritettiin saada koneen toiminnot kuvaamaan joukko toisiinsa liittyviä kuvia. Mutta vasta 1990-luvun alkupuolella, kun tietokoneilla oli kunnolliset graafiset käyttöliittymät, visuaalinen ohjelmointi alkoi yleistyä.
Kun ajattelee käsitettä ”visuaalinen ohjelmointi”, ensimmäisenä mieleen tulee ehkä Visual Basic, Microsoftin tuote, joka lanseerattiin vuonna 1991. Visual Basicin avulla ihmiset voivat rakentaa uusia sovelluksia liikuttelemalla koodilohkoja ja luomalla vuokaavioita tai diagrammeja, ja se sisältää työkaluja, kuten debuggerin ja lähdekoodieditorin. Visual Basic tunnetaan kuitenkin paremmin nimellä integroitu kehitysympäristö (Integrated Development Environment, IDE), jossa tekstipohjainen ohjelmointikieli (Basic) yhdistetään muihin visuaalisiin työkaluihin koodin käsittelyn helpottamiseksi. Visual C ja Visual Java ovat samanlaisia visuaalisia kehitysympäristöjä omille ohjelmointikielilleen.
IDE:t ovat tärkeä ponnahduslauta sen ymmärtämiseen, miten ohjelmoinnista voidaan tehdä puhtaasti visuaalista. Yksi Bublen perustajista, Josh Haas, sai inspiraatiota Visual Basicista, kun hän alkoi luoda Bubblea vuonna 2012. Hän kuvailee Bubblen varhaista kehitystä tulokseksi siitä, että ”jos aloittaisit IDE:llä ennen kuin rakennat ohjelmointikielen sen alle.”
Vaikka Visual Basicin kaltaiset IDE:t toimivat pohjimmiltaan edelleen tekstipohjaisten kielten pohjalta, niiden käyttämät työkalut, joilla koodaamisesta tehtiin kivuttomampaa, ovat valtavan tärkeitä nykyaikaiselle visuaaliselle ohjelmointikokemukselle.”
Visuaalisesta ohjelmoinnista opetustyökaluna
Visuaalisen ohjelmoinnin ohjelmointikielet ovat kunnostautuneet opetustyökaluna, jonka avulla on pyritty opettamaan uusille ohjelmoijille, kuinka loogisesti ajatellaan. MIT:n medialaboratorion vuonna 2002 kehittämä Scratch on luultavasti paras esimerkki visuaalisesta ohjelmointikielestä, jonka
”lohkopohjainen” syntaksi on
. Scratchista tuli melko suosittu, sillä sillä on yli 57 miljoonaa käyttäjää ja sovellusta. Jotkin nykyaikaiset no-code-sovellusten rakentajat, kuten Thunkable, ovat saaneet inspiraatiota Scratchista ja muista lohkopohjaisista malleista.
Scratch on suunnattu ensisijaisesti lapsille, jotka opettelevat ohjelmoimaan, ja siinä on söpö tiikeri ja värikkäitä lohkoja, jotka linkittyvät toisiinsa muodostaen loogisia lauseita, jotka suorittavat toimia. Jos kuitenkin sukelletaan syvemmälle, lohkoihin perustuvissa järjestelmissä on joitakin ilmeisiä puutteita monimutkaisen logiikan esittämisessä; lopputuloksena on usein sotkuisia kaavioita, joita on vielä vaikeampi ymmärtää kuin tekstipohjaista koodia.
Eikä virtauskaavioihin perustuvat logiikkajärjestelmät, kuten varhaiset visuaaliset ohjelmointikielet, pärjäävät paljon paremmin, sillä rekursiiviset nuolet ja sivun poikki kulkevat viivat osoittautuvat tuskallisemmiksi katsoa kuin siistit käsikirjoitusrivit.
Emmekä aio syventyä liian syvällisesti psykologiseen väittelyyn siitä, ovatko tekstit vai visuaaliset esitykset ymmärrettävämpiä ihmisaivoille; se on pitkälti subjektiivista ja henkilökohtaista. Voidaan kuitenkin väittää, että tekstipohjaisten ohjelmointikielten suosio johtuu pitkälti perinteistä (Unix ja Linux ovat perustavanlaatuisia tekstipohjaisia paradigmoja) ja kielen kehittäjän, ei ohjelmointikielen käyttäjien, mukavuudesta. Loppujen lopuksi useimmat ohjelmointikielet perustuvat englantiin, ja maailmassa on miljardeja ihmisiä, jotka eivät puhu tai kirjoita lainkaan englantia. Silti odotamme, että he osaavat sitä teknologian luomiseksi.
Tässä visuaalisella ohjelmoinnilla on mahdollisuus kuroa umpeen kuiluja ja auttaa ihmisiä oppimaan teknologian kieltä eri tavalla. Scratch on esimerkiksi käännetty yli 70 kielelle, jotta nuoret voivat ohjelmoida omalla äidinkielellään.
Scratchin suhteellinen menestys on kuitenkin saattanut antaa visuaaliselle ohjelmoinnille maineen aloittelijan työkaluna, ponnahduslautana ”oikean ohjelmoinnin” maailmaan, jossa söpöt kuvat jätetään pois ja vietetään sen sijaan aikaa sulkumerkkien ja pilkkujen pohtimiseen.
Mutta jonkun asian tekeminen yksinkertaisemmaksi ei tarkoita, että se ei olisi yhtä tehokas. Miksi panostamme siihen, että lapsemme oppivat visuaalisesti, vain vaatiaksemme heidän vanhetessaan, että he asettavat etusijalle verbaalisen kielen maailman? Entä jos olisi olemassa visuaalinen ohjelmointikieli, joka pyrkisi olemaan tarpeeksi yksinkertainen ollakseen ymmärrettävä mutta tarpeeksi tehokas ollakseen hyödyllinen luokkahuoneen ulkopuolella?
Kuplan nousu & ”No Code” -alustat: Visual Programming for Web Apps
Bubble on vastauksemme kysymykseen siitä, miten nykyaikainen visuaalinen ohjelmointikieli voi täyttää lupauksen siitä, että kehittyneen teknologian luominen ja rakentaminen helpottuu. Bubblen avulla ihmiset voivat rakentaa verkkosovelluksia Airbnb:n kaltaisista markkinapaikoista Twitterin kaltaisiin sosiaalisiin verkostoihin ilman, että heidän tarvitsee koodata. Tuloksena on, että ihmiset pystyvät rakentamaan todellisia liikeideoita verkkoon murto-osalla kehitysajasta ja -kustannuksista.
RELATED: Katso sovelluksia, joita käyttäjät ovat rakentaneet Bubble-ohjelmassa ilman koodia.
Bublen visuaalinen editori on saanut inspiraatiota käyttöliittymäsuunnittelusta ja kehitystyökaluista, ja sen lähestymistapa web-kehitykseen on ”mitä näet, sitä myös saat”. Mutta Bubblen todellinen arvo on sen lähestymistavassa logiikkaan, joka puuttuu monilta muilta alustoilta. Kun Josh aloitti työskentelyn Bubblen työnkulkujärjestelmän parissa, hän vaati ”aggressiivista yksinkertaisuutta” välttääkseen vanhempien vuokaaviokielten monimutkaiset sudenkuopat ja lohkopohjaisten kielten sotkuisuuden.
Bubblen työnkulkusuunnittelun tarkoituksena on auttaa sinua rakentamaan logiikkaa käyttämällä yksinkertaisia lauseita (esimerkiksi ”Kun käyttäjä tekee x, lähetä käyttäjälle sähköpostia”). Ja vaikka edistyneemmissä kuplatekniikoissa voi olla melko monimutkaisia lausekkeita ja ehtolausekkeita, kieli tekee tiettyjä oletuksia perusasioista, joita web-sovelluksessa halutaan (kuten: käyttäjät, klikkailut, kirjautuminen, rekisteröityminen) yksinkertaistaakseen useimmat perustoiminnot.
Tietokonekieliä, jotka on suunniteltu tiettyä käyttötarkoitusta varten yleisen käyttötarkoituksen vastakohtana, kutsutaan toimialakohtaisiksi kieliksi. Bubblea voidaan kuvata web-suunnittelun toimialuekohtaiseksi kieleksi, joka on oikealla abstraktiotasolla, jotta sovelluksen käyttöliittymän suunnittelu ja sen logiikan rakentaminen kulissien taakse on helpompaa. Bubble antaa ihmisille web-suunnittelun työkalut, joilla voit selittää rakentamasi käsitteet – painike, syöttö, hakupalkki – oikealla sanastotasolla osaamisalueellesi sopivalla sanastolla. Jos rakennat sovellusta ravintoloita varten, luot tietotyyppejä ravintolalle, ruokalistalle, ruoka-aineille ja/tai asiakkaille. Jos haluat, että painike tekee jotain, luot yksinkertaisesti painike-elementin ja määrittelet, mitä se tekee.
”Bubble antaa ihmisille mahdollisuuden luoda teknologiaa heidän sanastonsa avulla, ei päinvastoin”, Josh selittää.
Bubblen kaltaiset työkalut on luokiteltu termillä ”no code” tai ”low code”, joka edustaa liikettä pois tekstipohjaisista web-suunnittelun kehyksistä. Varhaiset yritysohjelmat kutsuivat käsitettä usein ”nopeaksi sovelluskehitykseksi”.
Mutta kaikki nämä työkalut eivät ole samanlaisia. Jotkin no-code-työkalut ovat parempia natiiveja mobiilisovelluksia varten, jotkin ovat parhaita laskeutumissivuja ja yksinkertaisia verkkosivustoja varten, jotkin on räätälöity erityisesti markkinapaikkoja varten valmiiden mallien tai koneoppimismallien avulla. Bubble, jonka juuret ovat kattavassa visuaalisessa ohjelmointikielessä, on avoimempi ja tehokkaampi web-sovellusten luomisalusta, joka pystyy integroitumaan tuhansien muiden alustojen kanssa API-liittimemme kautta.
Ihmiset ovat käyttäneet Bubblea ratkaistakseen startupiensa ongelmia ja rakentaakseen ihanteellisen version digitaalisista yrityksistään. Jotkut ovat keränneet miljoonia dollareita riskipääomarahoitusta, ja toiset ovat luoneet oman uransa rakentamalla malleja Bubblea varten tai opettamalla muille, miten koodittomia työkaluja käytetään. Bubblereilla, joilla on jonkin verran teknistä taustaa, on oma panoksensa lisäosamarkkinoillemme, ja ohjelmistoyritykset, jotka etsivät lisää käyttäjiä, auttavat meitä luomaan uusia räätälöityjä integraatioita, jotka helpottavat käyttäjiä, jotka jo rakentavat muilla työkaluilla.
Bubble ja visuaalisen ohjelmoinnin tulevaisuus
Bubblereiden tehtävänä on helpottaa digitaalisten liiketoimintojen luomista helposti, nopeasti ja kohtuuhintaisesti ilman koodausta. Alkuperätarinassamme kerromme, miten käsittelemme hyvin vanhaa teknologiaongelmaa, ongelmaa, jota varhainen visuaalinen ohjelmointi yritti ratkaista ja epäonnistui: miten tehdä logiikasta visuaalista ja poistaa raja teknologian käytön ja teknologian luomisen väliltä.
Bubblen lähestymistavan visuaaliseen ohjelmointiin ei ole tällä hetkellä tarkoitus pystyä kaikkeen, mihin teknologia pystyy nyt tai tulee pystymään tulevaisuudessa. Bubble on rakennettu verkkosovelluksia varten. Vaikka olemme huomanneet, että pelisuunnittelun kaltaiset asiat ovat yhä enemmän mahdollisia Bubblessa uskomattoman lahjakkaiden käyttäjiemme ansiosta, tiedämme, että on olemassa muita ohjelmia, jotka on erityisesti luotu ja varustettu paremmin tehtäviin, kuten suoratoistoon ja äänenkäsittelyyn (mutta joiden kanssa tulemme innokkaasti integroimaan niitä tulevaisuudessa).
Mitä meillä on, on perusta mahdollisuudelle. Meillä on yhteisö, jossa on runsaasti luovuutta, päättäväisyyttä ja oma-aloitteista uteliaisuutta, joka löytää uusia tapoja rakentaa ilman koodia. Meillä on visio tulevaisuudesta, jossa ”koodittomat” alustat eivät ole oma työkaluluokkansa. Sen sijaan visuaalisesti ohjelmoiminen on vain tapa, jolla verkkosovelluksia ja muita teknologioita tehdään, koska on järkevintä tehdä ne niin.
Tietoa Bubblesta
Bubble on no-code-liikkeen johtaja. Bubble tarjoaa tehokkaan osoita-ja-klikkaa -verkkoeditorin ja pilvihostausalustan, jonka avulla käyttäjät voivat rakentaa täysin räätälöitävissä olevia verkkosovelluksia ja työnkulkuja yksinkertaisista prototyypeistä monimutkaisiin markkinapaikkoihin, SaaS-tuotteisiin ja muuhun. Tällä hetkellä yli 500 000 käyttäjää rakentaa ja käynnistää yrityksiä Bubblen avulla – monet heistä ovat osallistuneet huippuluokan kiihdyttämöohjelmiin, kuten Y Combinatoriin, ja keränneet jopa 365 miljoonaa dollaria riskirahoitusta. Bubble on enemmän kuin pelkkä tuote. Olemme vahva rakentajien ja yrittäjien yhteisö, jota yhdistää usko siihen, että kaikkien pitäisi voida luoda teknologiaa.