Obsah[Skryť][Šou]
- Čo je Bubble.io?
- Čo je vizuálne programovanie?
- Aké typy aplikácií môžete vyvíjať?
Vytváranie aplikácie s bublinou (návod)+-
- 1. Začíname
- 2. Konfigurácia databázy
- 3. Budovanie pracovných postupov
- 4. Vytvorenie správy
- 5. Zobrazovanie dynamického obsahu vo feede
- 6. Posielanie údajov medzi stránkami
- 7. Zobrazenie dynamického obsahu na stránke príbehu
- 8. Zobrazenie článku vydavateľa
- 9. Nasledujúce vydavateľstvá
- 10. Ďalšie funkcie, ktoré môžete pridať
- 11. Výsledok
- Pros
- Zápory
- CENNÍK
- záver
Nedávno som sa zaujímal o prístupy k vývoju webu iné ako HTML, CSS a JavaScript.
S rastúcim prostredím bez kódovania nebolo prekvapujúce zistenie, že existuje niekoľko alternatív k štandardnejším prístupom k vývoju webových aplikácií.
Musíte byť oboznámení s niektorými zo známejších platforiem CMS, ako je WordPress, ktoré sú takmer bez kódu. Ak však chcete vytvárať webové aplikácie, takéto platformy sa môžu zdať obmedzujúce.
Tu vám predstavujem Bubble.io, výkonný nástroj nástroj bez kódu ktorá vám umožní vytvárať webové aplikácie ako nikdy predtým.
Poďme to preskúmať do hĺbky!
Čo je Bubble.io?
Bubble je netechnická platforma, ktorá kombinuje vizuálny programovací jazyk a a vývojový rámec webu.
Používatelia môžu pomocou týchto programovacích nástrojov vytvárať jedinečné online aplikácie, meniť databázy a procesy, pridávať komponenty stránky (obrázky, text, vstupné formuláre, mapy) a navrhovať svoje rozhrania.
Je to trh, kde môžete objaviť ideálne šablóny, doplnky a služby, ktoré vám pomôžu pri vytváraní silných produktov.
Bez toho, aby ste museli nastavovať typický programovací rámec, môžete pomocou Bubble vytvoriť čokoľvek od trhu cez sociálnu sieť až po CRM (Customer Relationship Management).
Zákazníkom umožňuje vytvárať a prispôsobovať si aplikácie pomocou užívateľsky prívetivého rozhrania a editora typu point-and-click.
Môžete ho použiť v spojení so službami, ktoré poskytujú REST API, ako sú Facebook, SQL, analytické a platobné aplikácie. Umožňuje používateľom venovať čas zlepšovaniu funkčnosti a vzhľadu svojich aplikácií tak, aby vyzerali dobre na tabletoch a mobilných zariadeniach.
Je vhodný pre všetky veľkosti podnikov, od malých cez stredné až po veľké; a dostupné pre Windows, Mac a web.
Čo je vizuálne programovanie?
Vizuálne programovanie je v podstate také, ako to znie. Namiesto manuálneho programovania písaním kódu to robíte graficky kliknutím a ťahaním komponentov na stránky.
Nenechajte sa zmiasť tým krátkym popisom.
Nie je to ako žiadna iná aplikácia na orezávanie súborov cookie alebo nástroj na vytváranie webových stránok, s ktorými ste sa stretli online. Väčšina tvorcov aplikácií vyžaduje, aby ste sa spoliehali na základné šablóny a mali extrémne obmedzené funkcie; umožňujú vám len vyvíjať špecifické druhy aplikácií a obmedzovať vaše prispôsobenie.
Hoci sa pojem „vizuálne programovanie“ a „presúvanie“ v Bubble javí ako jednoduchý, je nesmierne silný.
Jeho vizuálne programovacie prostredie vám umožňuje nielen presúvať objekty, ako je text, grafika, vstupy a ďalšie, na stránku, ale tiež vám umožňuje konfigurovať, čo tieto prvky robia.
Čo robí Bubble?
Primárnym cieľom Bubble je umožniť komukoľvek vytvárať webové aplikácie bez toho, aby musel písať kód.
Hoci to poskytuje ľahko zapamätateľné vyhlásenie o cieli, vynecháva podstatnú časť príbehu. Cesta od nápadu k trhu je komplikovanejšia ako len vytváranie riadkov kódu.
Bežný vývoj vyžaduje tím vysoko vyškolených odborníkov, ktorí pracujú na určitých častiach tvorby, rastu a údržby aplikácie. Zváž toto.
Čo vyžaduje každá aplikácia?
- Zabezpečenie, aby sa zabezpečilo, že nikto nemá neoprávnený prístup k údajom.
- Databáza na ukladanie a získavanie informácií, ako sú položky, články a aktualizácie sociálnych médií.
- Škálovateľnosť umožňujúca nerušený rozvoj užívateľskej základne a objemu dát.
- Príjemné používateľské rozhranie, vďaka ktorému je aplikácia atraktívna a ľahko sa používa.
- Integrácia s rôznymi službami a systémami.
Bublina nahrádza oveľa viac ako len kodér. Všetky tieto služby poskytuje vizuálne príťažlivým a vysoko automatizovaným spôsobom, vďaka čomu je možné, ak nie jednoduché, všetko zvládnuť jedna osoba.
Zatiaľ čo predchádzajúce platformy bez kódu sa pokúšali nahradiť kódovanie rôznymi spôsobmi. Jeho koncepciou je odstrániť čo najviac prekážok, aby sa aplikácia dostala na trh, a to všetko od responzívneho dizajnu a animácií až po hosting, nasadzovanie verzií, zabezpečenie a databázové operácie.
Použitie konektora API na pripojenie Bubble k iným službám
Jeho API Connector je pravdepodobne najdôležitejším doplnkom na trhu. Ako už názov napovedá, umožňuje vám to pripojiť sa k iným aplikáciám a službám a zdieľať akcie a údaje.
Namiesto toho, aby ste sa ponorili do technických špecifikácií toho, ako to funguje, zvážte tieto príklady toho, čo môžu rozhrania API dosiahnuť:
- Získanie prístupu k strojové učenie metódy, ako je rozpoznávanie a preklad obrazu.
- Získajte najnovšie informácie o počasí odkiaľkoľvek na Zemi.
- Keď sa v Bubble spustí udalosť, medzi systémami sa vymieňajú informácie, ako je vytvorenie potenciálneho zákazníka vo vašom CRM alebo stretnutie vo vašom Kalendári Google.
- Zarezervujte si let alebo pobyt v hoteli kdekoľvek na svete.
- Získajte telefónne číslo, polohu, fotografie, logo a recenzie akejkoľvek spoločnosti v Mapách Google.
Používanie doplnkov na vylepšenie natívnych funkcií
Technicky ide o kombináciu modulov kódu JavaScript, CSS a HTML do funkčného uzla. Aplikácia napísaná v JS.JSON slúži ako základ pre jej vlastný jazyk.
Aj keď na vytváranie aplikácií nemusíte úplne rozumieť tejto terminológii, naznačujú jednu kľúčovú skutočnosť: dodržiava známe a uznávané webové štandardy, čo umožňuje vývojárom výrazne vylepšiť jej natívne funkcie.
Vidno to už na stránke pluginov, kde sú k dispozícii stovky bezplatných a platených rozšírení základnej funkcionality. Znamená to tiež, že ak sa dostanete do bodu, keď jeho základné možnosti nestačia, existuje veľa odborníkov na JavaScript, ktorí sú ochotní navrhnúť vám riešenie na mieru.
Aké typy aplikácií môžete vyvíjať?
Môžete vytvoriť širokú škálu aplikácií, z ktorých niektoré sú uvedené nižšie.
- Aplikácie pre špecializované trhy s komunitou.
- Aplikácie pre pracovné rady v rôznych sektoroch.
- Softvér pre personál nemocnice.
- Softvér na mieste predaja pre fyzické obchody.
- Softvér pre zubnú ordináciu s bielym štítkom.
- Osobný obchodný inventár a softvér pre služby zákazníkom.
- Aplikácie na agregáciu nehnuteľností pre maklérov a klientov.
- Aplikácie pre podujatia a kurzy na trhu (a dokonca aj lode).
- Profesionálne certifikáty vyžadujú interné testovacie aplikácie.
- Aplikácie pre prvých respondentov.
- Softvér na riadenie zamestnancov pre interné použitie.
Úprimne povedané, platforma nie je navrhnutá tak, aby robila všetko. Nemusí to byť ideálna voľba, ak navrhujete hernú aplikáciu so zložitým vizuálom a pohybom. Okrem toho, ak vytvárate natívnu aplikáciu (jednu pre obchody s aplikáciami), budete ju musieť integrovať s inou službou tretej strany.
kľúčové vlastnosti
Bublina je nabitá funkciami. Nepodarí sa nám ich tu pokryť všetky, ale pokúsime sa pokryť tie najpodstatnejšie.
1. plugins
Umožňuje vám zahrnúť funkcie z mnohých nástrojov na internete do vášho webová aplikácia. Ak napríklad chcete, aby sa vaši používatelia prihlásili pomocou svojho účtu na Facebooku, môžete na to použiť doplnok Facebook.
2. Rozvíjať
Umožňuje vám vytvárať dynamické aplikácie pre viacerých používateľov pre stolné a mobilné webové prehliadače, ako aj všetky nástroje potrebné na vytvorenie stránky podobnej Instagramu alebo Airbnb.
3. dizajn
Môžete vytvárať rozloženia vhodné pre mobilné zariadenia a dynamický obsah, aby ste dotvorili produkt, ktorým sa radi pochválite ostatným.
4. hosting
Už nikdy sa nemusíte znova a znova starať o údržbu servera, infraštruktúru alebo operácie.
Postará sa o nasadenie a hosťovanie za vás bezpečným a bezpečným spôsobom. Počet používateľov, objem prevádzky a ukladanie údajov sú neobmedzené.
Vytváranie aplikácie s bublinou (návod)
Poďme teraz do akcie a preskúmajme, ako môžete vytvoriť spravodajskú aplikáciu na Bubble.
1. Začíname
Ak chcete začať, musíte najskôr zaregistrujte si bezplatný účet na Bubble.
Začneme tým, že na formovanie našej platformy použijeme vizuálny dizajnový nástroj Bubble používateľské rozhranie. Niektoré z kľúčových stránok, ktoré je potrebné zahrnúť, sú uvedené nižšie:
- Stránka nahrávania – Webová stránka, na ktorej budú vydavatelia vyvíjať a distribuovať články.
- Domovská stránka – zobrazí sa zoznam naposledy publikovaných príbehov.
- Naratívna stránka – Stránka, na ktorej možno nájsť každý jedinečný príbeh.
- Stránka vydavateľa – stránka na zobrazenie zoznamu rozprávok od určitého vydavateľa.
2. Konfigurácia databázy
Po rozložení displeja vášho produktu sa môžete sústrediť na vytváranie dátových polí, ktoré poháňajú vašu aplikáciu. Tieto polia použijeme na prepojenie pracovných postupov, ktoré sú základom vášho produktu.
V tomto príklade vytvoríme dva odlišné typy údajov pre každú novinku. Jeden typ údajov bude obsahovať základné fakty príbehu (ako je názov, odporúčaný obrázok a vydavateľ), zatiaľ čo druhý typ údajov bude obsahovať väčšie súbory obsahu, ako napríklad celý príbeh.
Tým, že ich definujeme ako samostatné dátové typy, môžeme načítať informácie, ktoré sú potrebné len vtedy, keď sú potrebné, čím sa obmedzí množstvo materiálu, ktorý bude editor bublín potrebovať na výrobu.
Vytvoria sa nasledujúce typy údajov a polia:
Dátový typ: užívateľ
odbory:
- Meno
- Nasledujúci vydavatelia sú zoznamom vydavateľov. Dôležitá poznámka: Vytvorenie poľa ako zoznamu založeného na odlišnom type údajov vám umožňuje bez námahy začleniť všetky jeho základné údajové polia bez toho, aby ste museli vytvárať ďalšie polia.
Dátový typ: Príbeh
odbory:
- nadpis
- Odporúčaný obrázok
- spisovateľ
- kategórie
- vydavateľ
- Obsah príbehu
Dátový typ: Obsah príbehu
odbory:
- Obsah príbehu
Dátový typ: vydavateľ
odbory:
- Meno
- logo
- Pravidelní
3. Budovanie pracovných postupov
Teraz, keď ste usporiadali dizajn a databázu svojej aplikácie, je čas začať všetko dávať dokopy a zabezpečiť, aby to fungovalo.
Pracovné postupy sú primárnou metódou na dosiahnutie tohto cieľa v Bubble.
Každý pracovný tok nastane, keď nastane udalosť (napr. používateľ klikne na tlačidlo) a potom ako odpoveď vykoná sekvenciu „akcií“ (napr. „prihlásiť používateľa“, „vykonať zmenu v databáze“ atď.) .
4. Vytvorenie správy
Prvou funkciou, ktorú ponúkneme, je nástroj, ktorý umožňuje vydavateľom písať a uverejňovať novinky na stránke.
Na stránke nahrávania začneme začlenením množstva vstupných položiek, ktoré sa použijú na zadávanie údajov do našej databázy. Príkladmi týchto polí sú textové vstupy, nástroj na nahrávanie obrázkov a rozbaľovací zoznam.
Budeme tiež musieť prispôsobiť rozbaľovaciu ponuku vlastníka, aby sa zobrazil zoznam dynamických možností. Keďže každý nový článok bude pridaný do zoznamu celkových článkov vydavateľa, budeme musieť vybrať existujúceho vydavateľa z našej databázy.
Pri nastavovaní tejto rozbaľovacej ponuky vyberieme typ možností vlastníka.
Potom náš zdroj údajov prehľadá našu databázu a vráti zoznam všetkých aktuálnych publikácií. Nakoniec zmeníme popis zdroja tak, aby obsahoval meno vydavateľa.
Keď autor zadá potrebné informácie do každého záznamu na stránke, kliknutím na tlačidlo publikovať vygeneruje nový príbeh.
Potom vo svojej databáze vytvoríte novú vec s typom údajov nastaveným na naratív.
Potom budeme musieť začať napĺňať našu databázu potrebnými poľami. Pripojte každý zo vstupných komponentov na stránke k ich príslušným stĺpcom databázy.
Najprv si vytvoríme typ obsahu príbehu, ktorý bude nakoniec prepojený so samotnou rozprávkou.
Ďalej k tomuto postupu pridáme ďalšiu fázu, ktorá vytvorí niečo iné – tentoraz samotný príbeh.
Tieto údaje je možné bez námahy integrovať do vašej platformy integráciou prvého naratívneho materiálu, ktorý sme vyvinuli s týmto príbehom.
Pri každej aktivácii tohto postupu sa vytvorí nový príbeh.
5. Zobrazovanie dynamického obsahu vo feede
Keď vydavatelia začnú odovzdávať materiál do vašej mobilnej aplikácie, budeme musieť na vašej domovskej stránke začať vytvárať logiku, ktorá zobrazuje každý článok ako dynamický zoznam. To sa dá dosiahnuť použitím nášho prvku opakujúcej sa skupiny.
Opakujúce sa skupiny pracujú s vašou databázou a prezentujú a obnovujú zoznam dynamického materiálu.
Pri použití opakujúcej sa skupiny musíte najprv prepojiť prvok s typom údajov vo vašej databáze.
V tomto prípade budete tento druh materiálu kategorizovať ako rozprávky. Budete tiež musieť poskytnúť zdroj údajov ako zoznam všetkých tabuliek vo vašej databáze.
Túto opakujúcu sa skupinu tiež usporiadame podľa dátumu začiatku každého príbehu, pričom zoznam zobrazíme v obrátenom chronologickom poradí. Teraz môžete začať organizovať dynamický materiál, ktorý sa zobrazí v každej mriežke.
Jednoducho vyplňte horný riadok príslušným materiálom, ktorý chcete zobraziť, a tento výkonný prvok vyplní zostávajúce stĺpce údajmi z vašej aktuálnej databázy.
6. Posielanie údajov medzi stránkami
Je tiež možné vytvoriť udalosti v každom riadku opakujúcej sa skupiny. Pri vývoji navigačných funkcií pre vašu platformu vám táto funkcia príde vhod.
Domovská stránka našej spravodajskej aplikácie zobrazuje iba ukážku každého príbehu vrátane vydavateľa, odporúčaného obrázka a názvu príbehu.
Nezobrazuje však celý obsah článku, kým sa používateľ nepreklikne na stránku s príbehom. Na prenos údajov medzi stránkami na zobrazenie tohto materiálu použijeme náš editor pracovných postupov.
Ak chcete začať, vytvorte proces, ktorý po kliknutí na obrázok príbehu pošle používateľa na stránku príbehu.
Počas vývoja tohto procesu použite navigačnú udalosť na presun používateľa na inú stránku.
Z rozbaľovacej ponuky vyberte typ cieľovej stránky, ktorá má byť naratívnou stránkou. Potom budete musieť tejto stránke poskytnúť ďalšie informácie, aby editor bublín pochopil, ktorý jedinečný príbeh má zobraziť.
Informácie, ktoré budete musieť poskytnúť, pochádzajú z aktuálneho príbehu buniek.
7. Zobrazenie dynamického obsahu na stránke príbehu
Keď je používateľ odoslaný na stránku určitého príbehu, môžete ľahko získať tieto údaje o udalosti a zobraziť relevantný materiál z rozprávania.
Ak chcete vytvoriť túto funkciu, musíte najprv skontrolovať, či sa cieľový typ stránky zhoduje s vlastnosťou údajov, ktorú poskytujete prostredníctvom pracovného toku. V tejto situácii musíte stránku príbehu priradiť k vlastnosti príbehu.
Môže jednoducho stiahnuť a dodať príslušné údaje z existujúcich zdrojov kategorizáciou typu obsahu na stránke.
Teraz môžete začať vkladať dynamický materiál do polí, ktoré zobrazujú informácie z jednej tabuľky.
8. Zobrazenie článku vydavateľa
Po prečítaní novinky sa používateľ môže rozhodnúť preskúmať celý katalóg článkov vydavateľa. Ak ste vyvinuli typ údajov vydavateľa, vytvorenie samostatnej stránky pre vlastníkov je rovnako jednoduché ako vytvorenie našej pôvodnej domovskej stránky.
Na tejto stránke musíme začať nastavením typu stránky na vydavateľa.
Potom skopírujte opakujúcu sa skupinu z domovskej stránky a upravte nastavenia.
V tomto prípade zdroj údajov našej opakujúcej sa skupiny vyhľadá všetky existujúce články, ktorých vydavateľom je aktuálny vydavateľ stránky.
9. Nasledujúce vydavateľstvá
Treťou základnou funkciou, ktorú vytvoríme pre nášho MVP, je možnosť sledovať vydavateľa na platforme. Na stránku vydavateľa pridáme tlačidlo sledovania. Keď klikneme na túto ikonu, spustíme nový proces, ktorý upraví danú vec.
Pridaním aktuálneho vydavateľa stránky do zoznamu nasledujúcich publikácií sa zmení aktuálny používateľ.
Potom budeme musieť aktualizovať zoznam sledovateľov aktuálneho vydavateľa stránky pridaním aktuálneho používateľa.
10. Ďalšie funkcie, ktoré môžete pridať
Teraz, keď ste spokojní s vytváraním vlastných dátových polí a prezentovaním dynamických informácií, môžete byť kreatívni so skúsenosťami, ktoré vytvoríte pre svoj produkt. Môžete tiež zahrnúť:
- Vytvorte funkciu, ktorá používateľom umožní uložiť obsah na neskoršie prečítanie.
- V spodnej časti každého kusu uveďte opakujúcu sa zbierku navrhovaných článkov.
- Vytvorte vyhľadávací nástroj, ktorý ľuďom pomôže nájsť nový obsah na stránke.
11. Výsledok
Vaša konečná aplikácia bude vyzerať asi takto.
Pros
- Možnosť pripojenia k mnohým rozhraniam API a doplnkom.
- Ľahko použiteľná aplikácia bez kódu.
- Profitovať z toho budú ľudia bez skúseností s programovaním.
- Dizajnové nástroje, ktoré sú všestranné a výkonné.
- Rýchle spracovanie dotazu.
Zápory
- Zvýšená spoľahlivosť.
- Rýchlosť spracovania údajov je nízka.
- Výkon je obmedzený.
CENNÍK
Bezplatný plán vám umožní dozvedieť sa viac o platforme a vyvinúť vašu aplikáciu.
Platené predplatné zahŕňajú doplnky, ako je biele označenie, vlastná doména, prístup k Bubble API a rezervovaná kapacita servera, ktoré sú uvedené nižšie.
- Osobné – 25 $/mesiac (platené ročne) alebo 29 $/mesiac (platené mesačne).
- Profesionálne – 115 USD/mesiac (platí sa ročne) alebo 129 USD/mesiac (platí sa mesačne).
- Výroba – 475 USD/mesiac (platí sa ročne) alebo 529 USD/mesiac (platí sa mesačne).
záver
Bubble je vynikajúcou alternatívou na vytváranie webových aplikácií, ktoré môžu zobrazovať iba informácie alebo majú minimálne používateľské rozhranie.
Používa sa pomerne jednoducho a návody, ktoré poskytuje Bubble, sú mimoriadne užitočné. Jeho online vizuálny editor, ktorý vám umožňuje navrhovať webové aplikácie na základe vašich preferencií.
A najlepšie na tom je, že nepotrebujete žiadne skúsenosti s programovaním ani odborné znalosti. Bubble je vhodná pre každého, bez ohľadu na to, či viete kódovať alebo nie.
Predchádzajúce pochopenie jazykov rozhrania vám však môže poskytnúť výhodu, pretože vám umožní rýchlo zistiť, čo robí v súvislosti so spracovaním udalostí.
Takže, čo si myslíte o schopnostiach Bubble?
Dajte nám vedieť v komentároch!
Arbehi
Je možné vytvoriť obchod na predaj produktov pomocou nástroja bubble.io?