Kazalo[Skrij][Pokaži]
- Kaj je Bubble.io?
- Kaj je vizualno programiranje?
- Katere vrste aplikacij lahko razvijete?
Izdelava aplikacije z mehurčkom (vadnica)+-
- 1. Začetek
- 2. Konfiguriranje baze podatkov
- 3. Gradnja delovnih tokov
- 4. Ustvarjanje novice
- 5. Prikaz dinamične vsebine v viru
- 6. Pošiljanje podatkov med stranmi
- 7. Prikaz dinamične vsebine na strani z zgodbo
- 8. Prikaz članka založnika
- 9. Sledite založnikom
- 10. Dodatne funkcije, ki jih lahko dodate
- 11. Rezultat
- Prednosti
- Proti
- Cenitev
- zaključek
Pred kratkim so me začeli zanimati pristopi k spletnemu razvoju, ki niso HTML, CSS in JavaScript.
Z naraščajočo pokrajino brez kode ni bilo presenetljivo odkriti, da obstaja več alternativ bolj standardnim pristopom za razvoj spletnih aplikacij.
Gotovo poznate nekatere bolj znane platforme CMS, kot je WordPress, ki so skoraj brez kode. Toda če želite izdelati spletne aplikacije, se lahko takšne platforme zdijo omejevalne.
Tukaj vam predstavljam Bubble.io, zmogljiv orodje brez kode ki vam omogoča izdelavo spletnih aplikacij kot še nikoli doslej.
Raziščimo ga poglobljeno!
Kaj je Bubble.io?
Bubble je netehnična platforma, ki združuje vizualni programski jezik in a okvir za spletni razvoj.
Uporabniki lahko uporabljajo ta programska orodja za izdelavo edinstvenih spletnih aplikacij, spreminjanje baz podatkov in procesov, dodajanje komponent strani (slike, besedilo, obrazci za vnos, zemljevidi) in oblikovanje svojih vmesnikov.
To je tržnica, kjer lahko odkrijete idealne predloge, vtičnike in storitve, ki vam bodo v pomoč pri ustvarjanju močnih izdelkov.
Ne da bi vam bilo treba nastaviti tipično programsko ogrodje, lahko z uporabo Bubblea ustvarite karkoli, od tržnice do družbenega omrežja do CRM (Customer Relationship Management).
Strankam omogoča ustvarjanje in prilagajanje svojih aplikacij z uporabo uporabniku prijaznega vmesnika in urejevalnika s pokaži in klikni.
Uporabljate ga lahko v povezavi s storitvami, ki ponujajo REST API, kot so Facebook, SQL, analitične in plačilne aplikacije. Uporabnikom omogoča, da posvetijo čas izboljšanju funkcionalnosti in videza svojih aplikacij, tako da izgledajo dobro na tablicah in mobilnih napravah.
Primeren je za vse velikosti podjetij, od majhnih do srednjih do velikih; in dostopen za Windows, Mac in splet.
Kaj je vizualno programiranje?
Vizualno programiranje je v bistvu tako, kot se sliši. Namesto ročnega programiranja s pisanjem kode, to storite grafično s klikom in vlečenjem komponent na strani.
Naj vas ta kratek opis ne zavede.
Ni kot katera koli druga aplikacija za izrezovanje piškotkov ali orodje za izdelavo spletnih mest, ki ste jih srečali v spletu. Večina razvijalcev aplikacij zahteva, da se zanašate na osnovne predloge in imajo izjemno omejeno funkcionalnost; omogočajo vam samo razvoj posebnih vrst aplikacij in omejujejo vašo personalizacijo.
Čeprav se pojem "vizualno programiranje" in "povleci in spusti" v Bubble zdi enostaven, je izjemno močan.
Njegovo vizualno programsko okolje vam ne omogoča samo vlečenja predmetov, kot so besedilo, grafika, vnosi in drugo, na stran, temveč vam omogoča tudi konfiguracijo delovanja teh elementov.
Kaj počne Bubble?
Bubbleov primarni cilj je omogočiti vsakomur ustvarjanje spletnih aplikacij, ne da bi morali pisati kodo.
Kljub temu, da to omogoča enostavno zapomnljivo izjavo o cilju, izpusti velik del zgodbe. Pot od ideje do trga je bolj zapletena kot samo ustvarjanje vrstic kode.
Pri običajnem razvoju je potrebna skupina visoko usposobljenih strokovnjakov, ki delajo na določenih delih ustvarjanja, rasti in vzdrževanja aplikacije. Razmislite o tem.
Kaj zahteva vsaka aplikacija?
- Varnost, ki zagotavlja, da nihče nima nepooblaščenega dostopa do podatkov.
- Baza podatkov za shranjevanje in pridobivanje informacij, kot so predmeti, članki in posodobitve družbenih medijev.
- Razširljivost, ki omogoča nemoten razvoj uporabniške baze in količine podatkov.
- Prijeten uporabniški vmesnik, zaradi katerega je aplikacija privlačna in enostavna za uporabo.
- Integracija z različnimi storitvami in sistemi.
Bubble nadomesti veliko več kot kodirnik. Zagotavlja vse te storitve na vizualno privlačen in zelo avtomatiziran način, zaradi česar je možno, če že ne preprosto, da ena oseba poskrbi za vse.
Medtem ko so prejšnje platforme brez kodiranja na različne načine poskušale nadomestiti kodiranje. Njegov koncept je odstraniti čim več ovir, da aplikacija doseže trg, pri čemer obravnava vse od odzivnega dizajna in animacij do gostovanja, uvajanja različic, varnosti in operacij baze podatkov.
Uporaba priključka API za povezovanje Bubble z drugimi storitvami
Njegov API Connector je verjetno najpomembnejši vtičnik na trgu. Kot pove ime, vam to omogoča povezovanje z drugimi aplikacijami in storitvami za skupno rabo dejanj in podatkov.
Namesto da bi se poglabljali v tehnične posebnosti tega, kako to deluje, razmislite o teh primerih, kaj lahko API-ji dosežejo:
- Pridobitev dostopa do strojno učenje metode, kot sta prepoznavanje in prevajanje slik.
- Pridobite najnovejše vremenske informacije od koder koli na svetu.
- Ko se dogodek sproži v Bubble, se informacije izmenjajo med sistemi, na primer vzpostavitev potencialne stranke v vašem CRM ali sestanek v vašem Google Koledarju.
- Rezervirajte let ali bivanje v hotelu kjer koli na svetu.
- Pridobite telefonsko številko, lokacijo, fotografije, logotip in ocene za katero koli podjetje v Google Zemljevidih.
Uporaba vtičnikov za izboljšanje izvornih funkcij
Tehnično gledano združuje module kode JavaScript, CSS in HTML v funkcionalno vozlišče. Aplikacija, napisana v JS.JSON, služi kot osnova za svoj jezik.
Čeprav vam za izdelavo aplikacij ni treba popolnoma razumeti te terminologije, kažejo na eno ključno dejstvo: spoštuje znane in priznane spletne standarde, kar razvijalcem omogoča, da znatno izboljšajo njegovo izvorno funkcionalnost.
To je že vidno na spletnem mestu vtičnikov, kjer je na voljo na stotine brezplačnih in plačljivih razširitev osnovne funkcionalnosti. Prav tako pomeni, da če dosežete točko, ko njegove temeljne zmogljivosti ne zadoščajo, obstaja veliko strokovnjakov za JavaScript, ki so pripravljeni pripraviti rešitev po meri za vas.
Katere vrste aplikacij lahko razvijete?
Ustvarite lahko široko paleto aplikacij, od katerih so nekatere navedene spodaj.
- Aplikacije za specializirane trge s skupnostjo.
- Aplikacije za oglasne deske v različnih sektorjih.
- Programska oprema za bolnišnično osebje.
- Programska oprema za prodajna mesta za fizične trgovine.
- Programska oprema za zobozdravstveno ordinacijo z belo oznako.
- Programska oprema za osebni poslovni inventar in storitve za stranke.
- Aplikacije za združevanje nepremičnin, namenjene posrednikom in strankam.
- Aplikacije za dogodke in tečaje na trgu (in celo čolne).
- Profesionalni certifikati zahtevajo aplikacije za interno testiranje.
- Prijave za prve posredovalce.
- Programska oprema za upravljanje zaposlenih za interno uporabo.
Če sem iskren, platforma ni zasnovana tako, da bi naredila vse. Morda ni idealna izbira, če načrtujete aplikacijo za igre s kompleksnimi vizualnimi elementi in gibanjem. Poleg tega, če ustvarjate izvorno aplikacijo (eno za trgovine z aplikacijami), jo boste morali integrirati z drugo storitvijo tretje osebe.
Ključne funkcije
Bubble je poln funkcij. Tukaj ne bomo mogli zajeti vseh, bomo pa poskušali zajeti najbolj bistvene.
1. Vtičniki
Omogoča vam, da v svoj spletne aplikacije. Na primer, če želite, da se vaši uporabniki prijavijo s svojim Facebook računom, lahko za to uporabite vtičnik Facebook.
2. Razviti
Omogoča vam izdelavo dinamičnih večuporabniških aplikacij za namizne in mobilne spletne brskalnike ter vsa orodja, potrebna za izdelavo spletnega mesta, podobnega Instagramu ali Airbnbju.
3. oblikovanje
Ustvarite lahko mobilnem prijazne postavitve in dinamično vsebino, da dodate piko na i izdelku, ki ga boste z veseljem pokazali drugim.
4. gostovanje
Nikoli vam ni treba znova in znova skrbeti za vzdrževanje strežnika, infrastrukturo ali delovanje.
Poskrbi za uvajanje in gostovanje namesto vas na varen in zanesljiv način. Število uporabnikov, obseg prometa in shranjevanje podatkov so neomejeni.
Izdelava aplikacije z mehurčkom (vadnica)
Pojdimo zdaj v akcijo in raziščimo, kako lahko zgradite aplikacijo za novice na Bubble.
1. Začetek
Za začetek morate najprej registrirajte se za brezplačen račun na Bubble.
Začeli bomo z uporabo Bubbleovega vizualnega oblikovalskega orodja za oblikovanje naše platforme Uporabniški vmesnik. Nekaj ključnih strani, ki jih je treba vključiti, je navedenih spodaj:
- Stran za nalaganje – spletno mesto, kjer bodo založniki razvijali in distribuirali članke.
- Domača stran – prikaže se seznam nedavno objavljenih zgodb.
- Pripovedna stran – stran, kjer je mogoče najti vsako edinstveno zgodbo.
- Stran založnika – stran za prikaz seznama pravljic določenega založnika.
2. Konfiguriranje baze podatkov
Ko ste postavili zaslon svojega izdelka, se lahko osredotočite na ustvarjanje podatkovnih polj, ki bodo spodbujala vašo aplikacijo. Ta polja bomo uporabili za povezovanje potekov dela, na katerih temelji vaš izdelek.
V tem primeru bomo vzpostavili dva različna tipa podatkov za vsako novico. En podatkovni tip bo vseboval osnovna dejstva zgodbe (kot so naslov, predstavljena slika in založnik), medtem ko bo drugi podatkovni tip vseboval večje vsebinske datoteke, kot je celotna pripoved sama.
Če jih definiramo kot diskretne tipe podatkov, lahko naložimo informacije, ki so zahtevane, le takrat, ko so potrebne, kar omejuje količino gradiva, ki ga bo moral ustvariti urejevalnik mehurčkov.
Ustvarjeni bodo naslednji tipi podatkov in polja:
Vrsta podatkov: uporabnik
Polja:
- Ime
- Naslednji založniki so seznam založnikov. Pomembna opomba: Ustvarjanje polja kot seznama, ki temelji na posebnem podatkovnem tipu, vam omogoča, da brez truda vključite vsa bistvena podatkovna polja, ne da bi morali ustvariti dodatna polja.
Vrsta podatkov: Zgodba
Polja:
- Naslov
- Predstavljena slika
- Writer
- Kategorija
- Založba
- Vsebina zgodbe
Vrsta podatkov: Vsebina zgodbe
Polja:
- Vsebina zgodbe
Vrsta podatkov: Založba
Polja:
- Ime
- Logo
- Spremljevalci
3. Gradnja delovnih tokov
Zdaj, ko ste organizirali zasnovo in zbirko podatkov svoje aplikacije, je čas, da začnete vse sestavljati in omogočiti, da deluje.
Delovni tokovi so primarna metoda za dosego tega v Bubble.
Vsak delovni tok se pojavi, ko se zgodi dogodek (npr. uporabnik klikne gumb) in nato kot odgovor izvede zaporedje »dejanj« (npr. »prijavi uporabnika«, »spremeni zbirko podatkov« itd.) .
4. Ustvarjanje novice
Prva funkcija, ki jo bomo ponudili, je orodje, ki izdajateljem omogoča pisanje in objavljanje novic na spletnem mestu.
Na strani za nalaganje bomo začeli z vključitvijo številnih vnosnih elementov, ki bodo uporabljeni za vnos podatkov v našo bazo podatkov. Primeri teh polj so vnosi besedila, nalagalnik slik in spustni izbor.
Prav tako bomo morali prilagoditi spustni meni založnika za prikaz seznama dinamičnih možnosti. Ker bo vsak nov članek dodan založnikovemu seznamu vseh člankov, bomo morali izbrati obstoječega založnika iz naše zbirke podatkov.
Pri nastavitvi tega spustnega menija bomo izbrali vrsto možnosti, da bomo založnik.
Po tem bo naš podatkovni vir pregledal našo bazo podatkov in vrnil seznam vseh trenutnih publikacij. Na koncu bomo spremenili napis vira, da bo vseboval ime založnika.
Ko pisec vnese potrebne informacije v vsak vnos na strani, klikne gumb za objavo, da ustvari novo zgodbo.
Nato boste v svoji zbirki podatkov ustvarili novo stvar s podatkovnim tipom, nastavljenim na pripoved.
Nato bomo morali začeti polniti našo zbirko podatkov s potrebnimi polji. Vsako komponento vnosa na strani povežite z ustreznimi stolpci zbirke podatkov.
Najprej bomo ustvarili vrsto vsebine zgodbe, ki bo na koncu povezana s samo pravljico.
Nato bomo temu postopku dodali še eno stopnjo in ustvarili nekaj drugega – tokrat samo zgodbo.
Te podatke je mogoče enostavno vključiti v vašo platformo z integracijo prvega pripovednega gradiva, ki smo ga razvili s to zgodbo.
Vsakič, ko aktivirate ta postopek, bo ustvarjena nova zgodba.
5. Prikaz dinamične vsebine v viru
Ko založniki začnejo nalagati gradivo v vašo mobilno aplikacijo, bomo morali začeti ustvarjati logiko na vaši domači strani, ki prikazuje vsak članek kot dinamičen seznam. To lahko dosežemo z uporabo našega elementa ponavljajoče se skupine.
Ponavljajoče se skupine delajo z vašo bazo podatkov, da predstavijo in osvežijo seznam dinamičnega gradiva.
Ko uporabljate ponavljajočo se skupino, morate element najprej povezati z vrsto podatkov v vaši zbirki podatkov.
V tem primeru boste to vrsto gradiva kategorizirali kot pravljice. Navesti boste morali tudi vir podatkov kot seznam vseh tabel v vaši bazi podatkov.
To ponavljajočo se skupino bomo uredili tudi glede na začetni datum vsake zgodbe, tako da bomo seznam prikazali v obratnem kronološkem vrstnem redu. Zdaj lahko začnete organizirati dinamični material, ki se bo pojavil v vsaki mreži.
Preprosto izpolnite zgornjo vrstico z ustreznim gradivom, ki ga želite prikazati, in ta močan element bo zapolnil preostale stolpce s podatki iz vaše trenutne zbirke podatkov.
6. Pošiljanje podatkov med stranmi
Prav tako je mogoče sestaviti dogodke znotraj vsake vrstice ponavljajoče se skupine. Pri razvoju navigacijskih funkcij za vašo platformo vam bo ta funkcionalnost prišla prav.
Domača stran naše aplikacije za novice prikazuje le predogled vsake zgodbe, vključno z založnikom, predstavljeno sliko in naslovom zgodbe.
Vendar pa ne prikaže celotne vsebine članka, dokler uporabnik ne klikne na stran z zgodbo. Za prenos podatkov med stranmi za prikaz tega gradiva bomo uporabili naš urejevalnik delovnega toka.
Za začetek ustvarite postopek, ki uporabnika pošlje na stran z zgodbo, ko klikne sliko zgodbe.
Uporabite navigacijski dogodek za prenos uporabnika na drugo stran med razvijanjem tega procesa.
V spustnem meniju izberite vrsto ciljne strani, ki bo pripovedna stran. Nato boste morali tej strani dati dodatne informacije, da bo urejevalnik mehurčkov razumel, katero edinstveno zgodbo prikazati.
Informacije, ki jih boste morali navesti, izvirajo iz trenutne zgodbe o celicah.
7. Prikaz dinamične vsebine na strani z zgodbo
Te podatke o dogodku lahko preprosto pridobite in prikažete ustrezno gradivo iz pripovedi, ko je uporabnik poslan na določeno stran z zgodbo.
Če želite ustvariti to funkcijo, morate najprej preveriti, ali se vrsta ciljne strani ujema z lastnostjo podatkov, ki jih dostavljate skozi potek dela. V tem primeru morate stran zgodbe povezati z lastnostjo zgodbe.
Lahko preprosto potegne in dostavi ustrezne podatke iz obstoječih virov tako, da kategorizira vrsto vsebine na strani.
Zdaj lahko začnete vstavljati dinamični material v polja, ki prikazujejo informacije iz ene tabele.
8. Prikaz članka založnika
Ko uporabnik prebere novico, se lahko odloči za pregled celotnega kataloga člankov založnika. Če ste razvili podatkovni tip založnika, je ustvarjanje ločene strani za založnike tako preprosto kot ustvarjanje naše prvotne domače strani.
Na tej strani bomo morali začeti z nastavitvijo vrste strani na založnika.
Nato kopirajte ponavljajočo se skupino z domače strani in uredite nastavitve.
V tem primeru bo vir podatkov naše ponavljajoče se skupine poiskal vse obstoječe članke, katerih založnik je trenutni založnik strani.
9. Sledite založnikom
Tretja temeljna funkcija, ki jo bomo zgradili za naš MVP, je možnost spremljanja založnika na platformi. Na stran izdajatelja bomo dodali gumb za spremljanje. Ko kliknemo to ikono, zaženemo nov proces, ki stvar spremeni.
Dodajanje trenutnega izdajatelja strani na njihov seznam naslednjih publikacij bo spremenilo trenutnega uporabnika.
Po tem bomo morali posodobiti seznam spremljevalcev trenutnega izdajatelja strani z dodajanjem trenutnega uporabnika.
10. Dodatne funkcije, ki jih lahko dodate
Zdaj, ko ste zadovoljni z ustvarjanjem podatkovnih polj po meri in predstavljanjem dinamičnih informacij, ste lahko kreativni pri izkušnjah, ki jih ustvarite za svoj izdelek. Vključite lahko tudi:
- Ustvarite funkcijo, ki uporabnikom omogoča shranjevanje vsebine za poznejše branje.
- Na dnu vsakega dela zagotovite ponavljajočo se zbirko predlaganih člankov.
- Ustvarite iskalno orodje, ki bo ljudem pomagalo najti svežo vsebino na spletnem mestu.
11. Rezultat
Vaša končna aplikacija bo videti nekako takole.
Prednosti
- Možnost povezovanja s številnimi API-ji in vtičniki.
- Aplikacija, ki je enostavna za uporabo in ne vsebuje kode.
- To bo koristilo ljudem brez izkušenj s programiranjem.
- Oblikovalska orodja, ki so vsestranska in zmogljiva.
- Hitra obdelava poizvedb.
Proti
- Povečana zanesljivost.
- Hitrost obdelave podatkov je počasna.
- Zmogljivost je omejena.
Cenitev
Brezplačni načrt vam omogoča, da spoznate platformo in razvijete svojo aplikacijo.
Plačljive naročnine vključujejo dodatke, kot so belo označevanje, domena po meri, dostop do API-ja Bubble in rezervirana zmogljivost strežnika, ki so navedeni spodaj.
- Osebno – 25 $/mesec (plača se letno) ali 29 $/mesec (plača se mesečno).
- Profesionalni – 115 $/mesec (plača se letno) ali 129 $/mesec (plača se mesečno).
- Produkcija – 475 $/mesec (plača se letno) ali 529 $/mesec (plača se mesečno).
Začnite uporabljati Bubble brezplačno
zaključek
Bubble je odlična alternativa za izdelavo spletnih aplikacij, ki lahko prikazujejo le informacije ali imajo minimalen uporabniški vmesnik.
Je zelo preprost za uporabo in vadnice, ki jih ponuja Bubble, so izjemno koristne. Njegov spletni vizualni urejevalnik, ki vam omogoča oblikovanje spletnih aplikacij glede na vaše želje.
In najboljše pri tem je, da ne potrebujete programerskih izkušenj ali strokovnega znanja. Bubble je primeren za vsakogar, ne glede na to ali znate kodirati ali ne.
Vendar pa vam lahko predhodno razumevanje jezikov čelnega vmesnika daje prednost, saj vam omogoča, da hitro ugotovite, kaj počne v zvezi z obravnavanjem dogodkov.
Torej, kaj menite o zmogljivostih Bubble?
Sporočite nam v komentarjih!
Arbehi
Ali je mogoče ustvariti trgovino za prodajo izdelkov z orodjem bubble.io?