Sisällysluettelo[Piilottaa][Näytä]
- Mikä on Bubble.io?
- Mitä visuaalinen ohjelmointi on?
- Millaisia sovelluksia voit kehittää?
Sovelluksen luominen Bubblella (opastus)+-
- 1. Aloittaminen
- 2. Tietokannan konfigurointi
- 3. Työnkulkujen rakentaminen
- 4. Uutisjutun luominen
- 5. Dynaamisen sisällön näyttäminen syötteessä
- 6. Tietojen lähettäminen sivujen välillä
- 7. Dynaamisen sisällön näyttäminen tarinasivulla
- 8. Kustantajan artikkelin näyttäminen
- 9. Seuraavia julkaisijoita
- 10. Lisäominaisuudet, joita voit lisätä
- 11. Tulos
- Plussat
- MIINUKSET
- Hinnasto
- Yhteenveto
Olen viime aikoina ollut kiinnostunut muista verkkokehitysmenetelmistä kuin HTML:stä, CSS:stä ja JavaScriptistä.
Kasvavan koodittoman maiseman myötä ei ollut yllättävää huomata, että verkkosovellusten kehittämiseen on olemassa useita vaihtoehtoja tavallisemmille lähestymistavoille.
Sinun on tunnettava joitain tunnetuimmista CMS-alustoista, kuten WordPress, jotka ovat melko koodittomia. Mutta jos haluat rakentaa verkkosovelluksia, tällaiset alustat voivat vaikuttaa rajoittavilta.
Tässä esittelen sinulle Bubble.io:n, tehokkaan kooditon työkalu jonka avulla voit rakentaa verkkosovelluksia enemmän kuin koskaan ennen.
Tutkitaanpa sitä perusteellisesti!
Mikä on Bubble.io?
Bubble on ei-tekninen alusta, joka yhdistää visuaalisen ohjelmointikielen ja a web-kehityskehys.
Näiden ohjelmointityökalujen avulla käyttäjät voivat rakentaa ainutlaatuisia verkkosovelluksia, muuttaa tietokantoja ja prosesseja, lisätä sivukomponentteja (kuvia, tekstiä, syöttölomakkeita, karttoja) ja suunnitella niiden käyttöliittymiä.
Se on markkinapaikka, josta voit löytää ihanteellisia malleja, laajennuksia ja palveluita, jotka auttavat sinua luomaan vahvoja tuotteita.
Ilman tyypillistä ohjelmointikehystä voit luoda mitä tahansa markkinapaikasta sosiaaliseen verkostoon ja CRM:ään (Customer Relationship Management) Bubblen avulla.
Se antaa asiakkaille mahdollisuuden luoda ja mukauttaa sovelluksiaan käyttäjäystävällisen käyttöliittymän ja osoita ja napsauta -editorin avulla.
Voit käyttää sitä yhdessä REST API:n tarjoavien palveluiden kanssa, kuten Facebook, SQL, analytiikka ja maksusovellukset. Sen avulla käyttäjät voivat käyttää aikaa sovellusten toiminnallisuuden ja ulkonäön parantamiseen, jotta ne näyttävät hyvältä tableteissa ja mobiililaitteissa.
Se sopii kaikenkokoisille yrityksille, pienistä keskikokoisiin ja suuriin; ja käytettävissä Windowsissa, Macissa ja verkossa.
Mitä visuaalinen ohjelmointi on?
Visuaalinen ohjelmointi on pohjimmiltaan sitä, miltä se kuulostaa. Sen sijaan, että ohjelmoisit manuaalisesti kirjoittamalla koodia, teet sen graafisesti napsauttamalla ja vetämällä komponentteja sivuille.
Älä anna tämän lyhyen kuvauksen johdattaa harhaan.
Se ei ole kuin mikään muu evästeen leikkaava sovellus tai verkkosivuston rakennustyökalu, johon olet törmännyt verkossa. Useimmat sovellusten rakentajat edellyttävät, että luotat perusmalleihin ja niillä on erittäin rajalliset toiminnot. Niiden avulla voit kehittää vain tietyntyyppisiä sovelluksia ja rajoittaa personointiasi.
Vaikka käsite "visuaalinen ohjelmointi" ja "vetäminen ja pudottaminen" näyttää helpolta Bubblessa, se on valtavan tehokas.
Sen visuaalisen ohjelmointiympäristön avulla voit vetää objekteja, kuten tekstiä, grafiikkaa, syötteitä ja muuta sivulle, mutta sen avulla voit myös määrittää, mitä nämä elementit tekevät.
Mitä Bubble tekee?
Bubblen ensisijainen tavoite on antaa kenelle tahansa luoda verkkosovelluksia ilman koodin kirjoittamista.
Vaikka tämä tarjoaa helposti muistettavan tavoitelausunnon, se jättää kuitenkin pois merkittävän osan tarinasta. Tie ideasta markkinoille on monimutkaisempi kuin pelkkä koodirivien luominen.
Perinteisessä kehityksessä tarvitaan korkeasti koulutettuja ammattilaisia, jotka työskentelevät tietyissä sovelluksen luomisen, kasvun ja ylläpidon osissa. Harkitse tätä.
Mitä jokainen sovellus vaatii?
- Suojaus varmistaa, ettei kenelläkään ole luvatonta pääsyä tietoihin.
- Tietokanta tietojen, kuten kohteiden, artikkeleiden ja sosiaalisen median päivitysten, tallentamiseen ja hakemiseen.
- Skaalautuvuus mahdollistaa käyttäjäkunnan ja tietomäärän esteettömän kehityksen.
- Miellyttävä käyttöliittymä tekee sovelluksesta houkuttelevan ja helppokäyttöisen.
- Integrointi eri palveluihin ja järjestelmiin.
Bubble korvaa paljon enemmän kuin kooderin. Se tarjoaa kaikki nämä palvelut visuaalisesti houkuttelevalla ja erittäin automatisoidulla tavalla, joten on mahdollista, ellei yksinkertaista, yhden henkilön hoitaa kaikki.
Aiemmat koodittomat alustat ovat yrittäneet korvata koodauksen eri tavoin. Sen ideana on poistaa mahdollisimman monet esteet sovelluksen saavuttamiselta markkinoille, ja se käsittelee kaikkea responsiivisesta suunnittelusta ja animaatioista isännöintiin, version käyttöönottoon, tietoturvaan ja tietokantatoimintoihin.
API-liittimen käyttäminen Bubblen yhdistämiseen muihin palveluihin
Sen API Connector on todennäköisesti markkinoiden tärkein laajennus. Kuten nimestä voi päätellä, voit muodostaa yhteyden muihin sovelluksiin ja palveluihin toimintojen ja tietojen jakamiseksi.
Sen sijaan, että tutkisit tämän toiminnan teknisiä yksityiskohtia, harkitse näitä esimerkkejä siitä, mitä sovellusliittymät voivat saavuttaa:
- Pääsyn saaminen koneoppiminen menetelmiä, kuten kuvantunnistus ja kääntäminen.
- Hanki viimeisimmät säätiedot kaikkialta maapallolta.
- Kun tapahtuma käynnistyy Bubblessa, tietoja vaihdetaan järjestelmien välillä, kuten liidin vahvistaminen CRM:ssäsi tai tapaaminen Google-kalenterissasi.
- Varaa lento tai hotellimajoitus missä tahansa päin maailmaa.
- Hanki minkä tahansa Google Mapsin yrityksen puhelinnumero, sijainti, valokuvat, logo ja arvostelut.
Lisäosien käyttö natiiviominaisuuksien parantamiseen
Teknisesti se sekoittaa JavaScript-koodimoduulit, CSS:n ja HTML:n toimivaksi solmuksi. JS.JSON-kielellä kirjoitettu sovellus toimii perustana omalle kielelleen.
Vaikka sinun ei tarvitse täysin ymmärtää näitä terminologiaa sovellusten rakentamiseen, ne osoittavat yhden avainasia: se noudattaa tunnettuja ja tunnustettuja verkkostandardeja, minkä ansiosta kehittäjät voivat parantaa sen alkuperäisiä toimintoja huomattavasti.
Tämä näkyy jo laajennussivustolla, jossa on saatavilla satoja ilmaisia ja maksullisia laajennuksia perustoimintoihin. Se tarkoittaa myös, että jos saavutat pisteen, jolloin sen perusominaisuudet eivät ole riittäviä, monet JavaScript-asiantuntijat ovat valmiita suunnittelemaan sinulle räätälöidyn ratkaisun.
Millaisia sovelluksia voit kehittää?
Voit luoda laajan valikoiman sovelluksia, joista osa on esitetty alla.
- Sovelluksia erikoistuneille markkinoille yhteisön kanssa.
- Sovelluksia työpaikkailmoituksiin useilla aloilla.
- Ohjelmisto sairaalan henkilöstölle.
- Pisteohjelmisto fyysisille myymälöille.
- Hammaslääkärin toimistoohjelmisto valkoisella etiketillä.
- Henkilökohtainen yritysluettelo ja asiakaspalveluohjelmisto.
- Välittäjä- ja asiakaskohtaiset kiinteistöjen yhdistämissovellukset.
- Sovelluksia markkinoilla oleviin tapahtumiin ja kursseihin (ja jopa veneisiin).
- Ammattitodistukset edellyttävät sisäisiä testaussovelluksia.
- Hakemukset ensiapuhenkilöille.
- Työntekijöiden hallintaohjelmisto sisäiseen käyttöön.
Rehellisesti sanottuna alustaa ei ole suunniteltu tekemään kaikkea. Se ei ehkä ole ihanteellinen valinta, jos suunnittelet pelisovellusta, jossa on monimutkaisia visuaaleja ja liikettä. Lisäksi, jos olet luomassa natiivisovellusta (yksi sovelluskauppoja varten), sinun on integroitava se toiseen kolmannen osapuolen palveluun.
Tärkeimmät ominaisuudet
Bubble on täynnä ominaisuuksia. Emme voi käsitellä niitä kaikkia täällä, mutta yritämme kattaa tärkeimmät.
1. liitännäiset
Sen avulla voit sisällyttää toimintoja useista Internetin työkaluista omaan Web-sovellus. Jos esimerkiksi haluat, että käyttäjät kirjautuvat sisään Facebook-tilillään, voit tehdä tämän Facebook-laajennuksella.
2. Kehittää
Sen avulla voit rakentaa dynaamisia, monen käyttäjän sovelluksia työpöytä- ja mobiiliselaimille sekä kaikki tarvittavat työkalut Instagramin tai Airbnb:n kaltaisen sivuston rakentamiseen.
3. suunnittelu
Voit luoda mobiiliystävällisiä asetteluja ja dynaamista sisältöä viimeistelläksesi tuotteen, jota esittelet mielelläsi muille.
4. Hosting
Sinun ei tarvitse koskaan olla huolissaan palvelimen ylläpidosta, infrastruktuurista tai toiminnoista uudestaan ja uudestaan.
Se hoitaa käyttöönoton ja isännöinnin puolestasi turvallisesti. Käyttäjien määrää, liikenteen määrää ja tiedon tallennustilaa ei ole rajoitettu.
Sovelluksen luominen Bubblella (opastus)
Aloitetaan nyt ja tutkitaan, kuinka voit rakentaa uutissovelluksen Bubbleen.
1. Aloittaminen
Aloita ensin rekisteröidy ilmaiselle tilille Bubblessa.
Aloitamme käyttämällä Bubblen visuaalista suunnittelutyökalua alustamme muokkaamiseen käyttöliittymä. Alla on joitain tärkeimmistä sisällytettävistä sivuista:
- Lataussivu – Verkkosivusto, jossa julkaisijat kehittävät ja jakavat artikkeleita.
- Kotisivu – Näyttöön tulee luettelo äskettäin julkaistuista tarinoista.
- Kerrontasivu – Sivu, josta jokainen ainutlaatuinen tarina löytyy.
- Julkaisijasivu – Sivu, joka näyttää luettelon tietyn julkaisijan tarinoista.
2. Tietokannan konfigurointi
Kun olet asettanut tuotteesi näytön, voit keskittyä tietokenttien rakentamiseen, jotka tukevat sovellustasi. Käytämme näitä kenttiä linkittääksemme tuotteesi taustalla olevat työnkulut.
Tässä esimerkissä luomme jokaiselle uutiselle kaksi erillistä tietotyyppiä. Toinen tietotyyppi sisältää tarinan perustiedot (kuten otsikon, esitellyn kuvan ja julkaisijan), kun taas toinen tietotyyppi sisältää suurempia sisältötiedostoja, kuten koko tarinan.
Määrittämällä ne erillisiksi tietotyypeiksi voimme ladata vain tarvittavat tiedot, kun niitä tarvitaan, mikä rajoittaa Bubble-editorin tuottaman materiaalin määrää.
Seuraavat tietotyypit ja kentät luodaan:
Tietotyyppi: käyttäjä
Fields:
- Nimi
- Seuraavat julkaisijat ovat julkaisijoiden luettelo. Tärkeä huomautus: Kun luot kentän luettelona erillisen tietotyypin perusteella, voit sisällyttää kaikki sen olennaiset tietokentät vaivattomasti ilman, että sinun tarvitsee luoda ylimääräisiä kenttiä.
Tietotyyppi: Tarina
Fields:
- Otsikko
- Esitelty kuva
- Kirjailija
- Kategoria
- julkaisija
- Tarinan sisältö
Tietotyyppi: Tarinan sisältö
Fields:
- Tarinan sisältö
Tietotyyppi: julkaisija
Fields:
- Nimi
- Logo
- seuraajaa
3. Työnkulkujen rakentaminen
Nyt kun olet järjestänyt sovelluksesi suunnittelun ja tietokannan, on aika alkaa koota kaikkea ja saada se toimimaan.
Työnkulut ovat ensisijainen menetelmä tämän saavuttamiseksi Bubblessa.
Kukin työnkulku tapahtuu, kun tapahtuma tapahtuu (esim. käyttäjä napsauttaa painiketta) ja suorittaa sitten sarjan "toimintoja" vastauksena (esim. "rekisteröi käyttäjä", "tee muutos tietokantaan" ja niin edelleen). .
4. Uutisjutun luominen
Ensimmäinen tarjoamamme ominaisuus on työkalu, jonka avulla julkaisijat voivat kirjoittaa ja lähettää uutisia sivustolle.
Aloitamme lataussivulla sisällyttämällä paljon syöttökohteita, joita käytetään tietojen syöttämisessä tietokantaamme. Tekstinsyöttö, kuvien latausohjelma ja pudotusvalikko ovat esimerkkejä näistä kentistä.
Meidän on myös mukautettava julkaisijan avattavaa valikkoa näyttääksesi luettelon dynaamisista vaihtoehdoista. Koska jokainen uusi artikkeli lisätään julkaisijan artikkelien kokonaisluetteloon, meidän on valittava tietokannastamme olemassa oleva julkaisija.
Kun määrität tämän avattavan valikon, valitsemme julkaisijan vaihtoehdot.
Tämän jälkeen tietolähteemme skannaa tietokantaamme ja palauttaa luettelon kaikista ajankohtaisista julkaisuista. Lopuksi muutamme lähdetekstin sisältämään julkaisijan nimen.
Kun kirjoittaja on syöttänyt tarvittavat tiedot jokaiseen sivun merkintään, hän napsauttaa julkaisupainiketta luodakseen uuden tarinan.
Sitten luot tietokannassasi uuden asian, jonka tietotyypiksi on asetettu kerronta.
Sitten meidän on aloitettava tietokantaan täyttäminen tarvittavilla kentillä. Yhdistä jokainen sivulla oleva syöttökomponentti vastaaviin tietokantararakkeisiinsa.
Ensin luodaan tarinan sisältötyyppi, joka lopulta linkitetään itse tarinaan.
Seuraavaksi lisäämme tähän menettelyyn toisen vaiheen, luomalla jotain muuta – tällä kertaa itse tarinan.
On mahdollista integroida nämä tiedot vaivattomasti koko alustallesi yhdistämällä ensimmäinen kerrontamateriaali, jonka olemme kehittäneet tämän tarinan kanssa.
Uusi tarina tuotetaan aina, kun tämä toiminto aktivoidaan.
5. Dynaamisen sisällön näyttäminen syötteessä
Kun julkaisijat alkavat ladata materiaalia mobiilisovellukseesi, meidän on alettava luoda etusivullesi logiikka, joka näyttää jokaisen artikkelin dynaamisena luettelona. Tämä voidaan saavuttaa käyttämällä toistuvaa ryhmäelementtiämme.
Toistuvat ryhmät työskentelevät tietokantasi kanssa dynaamisen materiaalin luettelon esittämiseksi ja päivittämiseksi.
Kun käytät toistuvaa ryhmää, sinun on ensin linkitettävä elementti tietokannassasi olevaan tietotyyppiin.
Tässä tapauksessa luokittelet materiaalin tarinoihin. Sinun on myös annettava tietolähde luettelona kaikista tietokannassasi olevista taulukoista.
Järjestämme myös tämän toistuvan ryhmän kunkin tarinan aloituspäivän mukaan ja näytämme luettelon käänteisessä kronologisessa järjestyksessä. Voit nyt aloittaa kussakin ruudukossa näkyvän dynaamisen materiaalin järjestämisen.
Täytä vain ylärivi sopivalla materiaalilla, jonka haluat näyttää, ja tämä tehokas elementti täyttää jäljellä olevat sarakkeet nykyisen tietokannan tiedoilla.
6. Tietojen lähettäminen sivujen välillä
On myös mahdollista rakentaa tapahtumia toistuvan ryhmän jokaiselle riville. Kun kehität navigointiominaisuuksia alustallesi, tämä toiminto on hyödyllinen.
Uutissovelluksemme kotisivulla näkyy vain esikatselu kustakin jutusta, mukaan lukien julkaisija, esitelty kuva ja tarinan otsikko.
Se ei kuitenkaan näytä artikkelin koko sisältöä ennen kuin käyttäjä napsauttaa tarinasivua. Käytämme työnkulkueditoriamme tietojen siirtämiseen sivujen välillä tämän materiaalin näyttämiseksi.
Aloita luomalla prosessi, joka lähettää käyttäjän tarinasivulle, kun tarinan kuvaa napsautetaan.
Käytä navigointitapahtumaa siirtääksesi käyttäjän toiselle sivulle tätä prosessia kehitettäessä.
Valitse avattavasta valikosta kohdesivun tyyppi kerrottavaksi sivuksi. Sinun on sitten annettava lisätietoja tälle sivulle, jotta Bubble-editori ymmärtää, mikä ainutlaatuinen tarina näytetään.
Tiedot, jotka sinun on annettava, tulevat nykyisestä solujen tarinasta.
7. Dynaamisen sisällön näyttäminen tarinasivulla
Voit helposti hakea tämän tapahtumadatan ja näyttää kerronnan olennaisen materiaalin, kun käyttäjä lähetetään tietylle tarinasivulle.
Tämän funktion luomiseksi sinun on ensin tarkistettava, että kohdesivutyyppi vastaa työnkulun kautta toimittamaasi tieto-omaisuutta. Tässä tilanteessa tarinasivu on yhdistettävä tarinan omaisuuteen.
Se voi yksinkertaisesti hakea ja toimittaa tarvittavat tiedot olemassa olevista lähteistä luokittelemalla sivun sisällön tyypin.
Voit nyt aloittaa dynaamisen materiaalin lisäämisen kenttiin, jotka näyttävät tietoja yhdestä taulukosta.
8. Kustantajan artikkelin näyttäminen
Uutisen luettuaan käyttäjä voi halutessaan tarkastella kustantajan koko artikkeliluetteloa. Jos olet kehittänyt julkaisijatietotyypin, erillisen sivun luominen julkaisijoille on yhtä helppoa kuin alkuperäisen kotisivumme luominen.
Tällä sivulla meidän on aloitettava asettamalla sivutyypiksi julkaisija.
Kopioi sitten toistuva ryhmä kotisivulta ja muokkaa asetuksia.
Tässä tapauksessa toistuva ryhmämme tietolähde etsii kaikki olemassa olevat artikkelit, joiden julkaisija on sivun nykyinen julkaisija.
9. Seuraavia julkaisijoita
Kolmas perusominaisuus, jonka rakennamme MVP:llemme, on kyky seurata julkaisijaa alustalla. Lisäämme julkaisijasivulle seurantapainikkeen. Kun napsautamme tätä kuvaketta, käynnistämme uuden prosessin, joka muuttaa jotakin.
Nykyisen sivun julkaisijan lisääminen seuraavien julkaisujen luetteloon muuttaa nykyisen käyttäjän.
Tämän jälkeen meidän on päivitettävä nykyisen sivun julkaisijan seuraajaluettelo lisäämällä nykyinen käyttäjä.
10. Lisäominaisuudet, joita voit lisätä
Nyt kun olet tottunut luomaan mukautettuja tietokenttiä ja esittämään dynaamisia tietoja, voit olla luova tuotteellesi luomissasi kokemuksissa. Voit myös sisällyttää:
- Luo ominaisuus, jonka avulla käyttäjät voivat tallentaa sisältöä myöhempää lukemista varten.
- Lisää jokaisen kappaleen alareunaan toistuva kokoelma ehdotettuja artikkeleita.
- Luo hakutyökalu, joka auttaa ihmisiä löytämään tuoretta sisältöä sivustolta.
11. Tulos
Lopullinen sovelluksesi näyttää suunnilleen tältä.
Plussat
- Mahdollisuus muodostaa yhteys moniin sovellusliittymiin ja laajennuksiin.
- Helppokäyttöinen, kooditon sovellus.
- Ihmiset, joilla ei ole ohjelmointikokemusta, hyötyvät tästä.
- Suunnittele työkaluja, jotka ovat sekä monipuolisia että tehokkaita.
- Nopea kyselyn käsittely.
MIINUKSET
- Lisääntynyt luotettavuus.
- Tietojen käsittelynopeus on hidas.
- Suorituskyky on rajoitettu.
Hinnasto
Ilmaisen suunnitelman avulla voit oppia alustasta ja kehittää sovellustasi.
Maksulliset tilaukset sisältävät lisätoimintoja, kuten valkoisen merkinnän, mukautetun verkkotunnuksen, pääsyn Bubble API:hen ja varatun palvelinkapasiteetin, jotka on lueteltu alla.
- Henkilökohtainen – $25/kk (maksetaan vuosittain) tai $29/kk (maksetaan kuukausittain).
- Ammattilainen – $115/kk (maksetaan vuosittain) tai $129/kk (maksetaan kuukausittain).
- Tuotanto – $475/kk (maksetaan vuosittain) tai $529/kk (maksetaan kuukausittain).
Yhteenveto
Bubble on erinomainen vaihtoehto sellaisten verkkosovellusten rakentamiseen, jotka voivat näyttää vain tietoja tai joilla on minimaalinen käyttöliittymä.
Se on melko yksinkertainen käyttää, ja Bubblen tarjoamat opetusohjelmat ovat erittäin hyödyllisiä. Sen online-visuaalinen editori, jonka avulla voit suunnitella verkkosovelluksia mieltymystesi perusteella.
Ja mikä parasta, et tarvitse ohjelmointikokemusta tai asiantuntemusta. Bubble sopii kaikille, riippumatta siitä, osaatko koodata vai et.
Käyttöliittymäkielten aiempi ymmärtäminen voi kuitenkin antaa sinulle etua, koska sen avulla voit nopeasti selvittää, mitä se tekee tapahtumien käsittelyssä.
Joten mitä mieltä olet Bubblen kyvyistä?
Kerro meille vuonna kommentit!
Arbehi
Voidaanko bubble.io-työkalun avulla luoda kauppa myymään tuotteita?