Obsah[Skrýt][Ukázat]
- Co je Bubble.io?
- Co je vizuální programování?
- Jaké typy aplikací můžete vyvíjet?
Vytváření aplikace pomocí Bubble (výukový program)+-
- 1. Začínáme
- 2. Konfigurace databáze
- 3. Budování pracovních postupů
- 4. Vytvoření zprávy
- 5. Zobrazení dynamického obsahu ve zdroji
- 6. Odesílání dat mezi stránkami
- 7. Zobrazení dynamického obsahu na stránce příběhu
- 8. Zobrazení článku vydavatele
- 9. Následující vydavatelé
- 10. Další funkce, které můžete přidat
- 11. Výsledek
- Klady
- Nevýhody
- CENY
- Proč investovat do čističky vzduchu?
Nedávno jsem se zajímal o jiné přístupy k vývoji webu než HTML, CSS a JavaScript.
S rostoucím prostředím bez kódu nebylo překvapivé zjištění, že existuje několik alternativ ke standardnějším přístupům pro vývoj webových aplikací.
Musíte být obeznámeni s některými ze známějších platforem CMS, jako je WordPress, které do značné míry neobsahují žádný kód. Pokud však chcete vytvářet webové aplikace, takové platformy se mohou zdát omezující.
Zde vám představím Bubble.io, mocnou nástroj bez kódu která vám umožní vytvářet webové aplikace jako nikdy předtím.
Pojďme to prozkoumat do hloubky!
Co je to Bubble.io?
Bubble je netechnická platforma, která kombinuje vizuální programovací jazyk a framework pro vývoj webu.
Uživatelé mohou pomocí těchto programovacích nástrojů vytvářet jedinečné online aplikace, měnit databáze a procesy, přidávat komponenty stránky (obrázky, text, vstupní formuláře, mapy) a navrhovat svá rozhraní.
Je to tržiště, kde můžete objevit ideální šablony, pluginy a služby, které vám pomohou vytvářet silné produkty.
Aniž byste museli nastavovat typický programovací rámec, můžete pomocí Bubble vytvořit cokoli od tržiště přes sociální sítě až po CRM (Customer Relationship Management).
Poskytuje zákazníkům možnost vytvářet a personalizovat své aplikace pomocí uživatelsky přívětivého rozhraní a editoru typu point-and-click.
Můžete jej používat ve spojení se službami, které poskytují REST API, jako je Facebook, SQL, analytické a platební aplikace. Umožňuje uživatelům věnovat čas vylepšování funkčnosti a vzhledu svých aplikací tak, aby vypadaly dobře na tabletech a mobilních zařízeních.
Je vhodný pro všechny velikosti podniků, od malých přes střední až po velké; a dostupné pro Windows, Mac a web.
Co je vizuální programování?
Vizuální programování je v podstatě to, co zní. Místo ručního programování psaním kódu to děláte graficky kliknutím a přetažením komponent na stránky.
Nenechte se zmást tím krátkým popisem.
Nepodobá se žádné jiné aplikaci na ořezávání cookies nebo nástroji pro tvorbu webových stránek, se kterými jste se setkali online. Většina tvůrců aplikací vyžaduje, abyste se spoléhali na základní šablony a měli extrémně omezené funkce; umožňují vám pouze vyvíjet konkrétní druhy aplikací a omezovat vaše přizpůsobení.
Ačkoli se pojmy „vizuální programování“ a „přetahování“ v Bubble zdá snadné, jsou nesmírně silné.
Jeho vizuální programovací prostředí vám nejen umožňuje přetahovat objekty, jako je text, grafika, vstupy a další, na stránku, ale také vám umožňuje konfigurovat, co tyto prvky dělají.
Co dělá Bubble?
Primárním cílem Bubble je umožnit komukoli vytvářet webové aplikace, aniž by musel psát kód.
Ačkoli to poskytuje snadno zapamatovatelné prohlášení o cíli, vynechává to významnou část příběhu. Cesta od nápadu k trhu je složitější než pouhé vytváření řádků kódu.
Konvenční vývoj vyžaduje tým vysoce vyškolených odborníků pracujících na určitých částech vytváření, růstu a údržby aplikace. Zvaž toto.
Co každá aplikace vyžaduje?
- Zabezpečení, aby se ujistil, že nikdo nemá neoprávněný přístup k datům.
- Databáze pro ukládání a získávání informací, jako jsou položky, články a aktualizace sociálních médií.
- Škálovatelnost umožňující neomezený rozvoj uživatelské základny a objemu dat.
- Příjemné uživatelské rozhraní, díky kterému je aplikace atraktivní a snadno se používá.
- Integrace s různými službami a systémy.
Bublina nahrazuje mnohem víc než jen kodér. Všechny tyto služby poskytuje vizuálně přitažlivým a vysoce automatizovaným způsobem, díky čemuž je myslitelné, ne-li jednoduché, aby vše zvládl jeden člověk.
Zatímco předchozí platformy bez kódu se snažily nahradit kódování různými způsoby. Jeho konceptem je odstranit co nejvíce překážek pro aplikaci, aby se dostala na trh, a zvládnout vše od responzivního designu a animací po hostování, nasazení verzí, zabezpečení a databázové operace.
Použití konektoru API k připojení Bubble k dalším službám
Jeho API Connector je pravděpodobně nejdůležitější plugin na trhu. Jak název napovídá, umožňuje vám to připojit se k dalším aplikacím a službám a sdílet akce a data.
Spíše než se ponořit do technických specifik, jak to funguje, zvažte tyto příklady toho, čeho mohou API dosáhnout:
- Získání přístupu k strojové učení metody, jako je rozpoznávání a překlad obrazu.
- Získejte nejnovější informace o počasí odkudkoli na zemi.
- Když je v Bubble spuštěna událost, dochází k výměně informací mezi systémy, jako je vytvoření potenciálního zákazníka ve vašem CRM nebo schůzka ve vašem Kalendáři Google.
- Rezervujte si let nebo pobyt v hotelu kdekoli na světě.
- Získejte telefonní číslo, umístění, fotografie, logo a recenze jakékoli společnosti na Mapách Google.
Použití pluginů pro vylepšení nativních funkcí
Technicky míchá moduly kódu JavaScript, CSS a HTML do funkčního uzlu. Aplikace napsaná v JS.JSON slouží jako základ pro její vlastní jazyk.
I když k vytváření aplikací nepotřebujete plně rozumět této terminologii, naznačují jeden klíčový fakt: dodržuje známé a uznávané webové standardy, což umožňuje vývojářům výrazně vylepšit jeho nativní funkce.
To je již vidět na stránkách pluginu, kde jsou k dispozici stovky bezplatných i placených rozšíření základní funkčnosti. Z toho také vyplývá, že pokud dosáhnete bodu, kdy jeho základní schopnosti nebudou dostatečné, existuje spousta odborníků na JavaScript, kteří jsou ochotni vám navrhnout řešení na míru.
Jaké typy aplikací můžete vyvíjet?
Můžete vytvořit širokou škálu aplikací, z nichž některé jsou uvedeny níže.
- Aplikace pro specializované trhy s komunitou.
- Aplikace pro pracovní desky v různých odvětvích.
- Software pro personál nemocnice.
- Point-of-sale software pro fyzické obchody.
- Software pro zubní ordinaci s bílým štítkem.
- Osobní obchodní inventář a software zákaznických služeb.
- Makléřské a klientské aplikace pro agregaci nemovitostí.
- Aplikace pro akce a kurzy na trhu (a dokonce i lodě).
- Profesionální certifikáty vyžadují interní testovací aplikace.
- Aplikace pro záchranáře.
- Software pro řízení zaměstnanců pro interní použití.
Abych byl upřímný, platforma není navržena tak, aby dělala všechno. Nemusí to být ideální volba, pokud navrhujete herní aplikaci se složitým vizuálem a pohybem. Kromě toho, pokud vytváříte nativní aplikaci (jednu pro obchody s aplikacemi), budete ji muset integrovat s jinou službou třetí strany.
Klíčové vlastnosti
Bubble je nabitý funkcemi. Nestihneme je zde pokrýt všechny, ale pokusíme se pokrýt ty nejpodstatnější.
1. Pluginy
Umožňuje vám zahrnout funkce z mnoha nástrojů na internetu do vašeho webové aplikace. Pokud například chcete, aby se vaši uživatelé přihlásili pomocí svého účtu na Facebooku, můžete k tomu použít plugin pro Facebook.
2. Rozvíjet
Umožňuje vám vytvářet dynamické aplikace pro více uživatelů pro stolní a mobilní webové prohlížeče a také všechny nástroje potřebné k vytvoření webu podobného Instagramu nebo Airbnb.
3. design
Můžete vytvářet rozvržení vhodná pro mobilní zařízení a dynamický obsah, abyste doladili produkt, který rádi předvedete ostatním.
4. hosting
Už nikdy se nemusíte znovu a znovu starat o údržbu serveru, infrastrukturu nebo operace.
Postará se o nasazení a hostování za vás bezpečným a zajištěným způsobem. Počet uživatelů, objem provozu a úložiště dat jsou neomezené.
Vytváření aplikace pomocí Bubble (výukový program)
Pojďme se nyní pustit do akce a prozkoumejte, jak můžete vytvořit zpravodajskou aplikaci na Bubble.
1. Začínáme
Chcete-li začít, musíte nejprve zaregistrujte si bezplatný účet na Bubble.
Začneme tím, že k formování naší platformy použijeme vizuální designový nástroj Bubble Uživatelské rozhraní. Některé z klíčových stránek, které je třeba zahrnout, jsou uvedeny níže:
- Stránka pro nahrávání – Web, kde budou vydavatelé vyvíjet a distribuovat články.
- Domovská stránka – Zobrazí se seznam naposledy publikovaných příběhů.
- Narativní stránka – Stránka, kde lze nalézt každý jedinečný příběh.
- Stránka vydavatele – stránka, která zobrazuje seznam příběhů od určitého vydavatele.
2. Konfigurace databáze
Po rozložení displeje vašeho produktu se můžete soustředit na vytváření datových polí, která posílí vaši aplikaci. Tato pole použijeme k propojení pracovních postupů tvořících základ vašeho produktu.
V tomto příkladu vytvoříme dva různé typy dat pro každou novinku. Jeden datový typ bude obsahovat základní fakta příběhu (jako je název, doporučený obrázek a vydavatel), zatímco druhý datový typ bude obsahovat větší soubory obsahu, jako je celý příběh samotný.
Tím, že je definujeme jako diskrétní datové typy, můžeme načíst informace, které jsou požadovány, pouze tehdy, když jsou vyžadovány, čímž se omezí množství materiálu, který bude editor bublin potřebovat k vytvoření.
Budou vytvořeny následující datové typy a pole:
Datový typ: Uživatel
Pole:
- Příjmení
- Následující vydavatelé jsou seznamem vydavatelů. Důležitá poznámka: Vytvoření pole jako seznamu založeného na odlišném datovém typu vám umožní bez námahy začlenit všechna jeho základní datová pole, aniž byste museli vytvářet další pole.
Datový typ: Příběh
Pole:
- Titul
- Vybraný obrázek
- Spisovatel
- Kategorie
- Vydavatel
- Obsah příběhu
Datový typ: Obsah příběhu
Pole:
- Obsah příběhu
Datový typ: Vydavatel
Pole:
- Příjmení
- logo
- Sledujících
3. Budování pracovních postupů
Nyní, když jste uspořádali design a databázi vaší aplikace, je čas začít vše dávat dohromady a zajistit, aby to fungovalo.
Pracovní postupy jsou primární metodou, jak toho v Bubble dosáhnout.
Každý pracovní postup nastane, když dojde k události (např. uživatel klikne na tlačítko) a poté jako odpověď provede sekvenci „akcí“ (např. „zaregistrovat uživatele“, „provést změnu v databázi“ atd.) .
4. Vytvoření zprávy
První funkcí, kterou nabídneme, je nástroj, který umožňuje vydavatelům psát a zveřejňovat novinky na webu.
Na stránce nahrávání začneme začleněním mnoha vstupních položek, které budou použity při zadávání dat do naší databáze. Příklady těchto polí jsou textové vstupy, nástroj pro nahrávání obrázků a rozevírací seznam.
Budeme také muset upravit rozbalovací nabídku majitele stránek, aby se v ní zobrazoval seznam dynamických možností. Protože každý nový článek bude přidán do seznamu celkových článků vydavatele, budeme muset vybrat stávajícího vydavatele z naší databáze.
Při nastavování této rozbalovací nabídky vybereme typ možností vydavatele.
Poté náš zdroj dat prohledá naši databázi a vrátí seznam všech aktuálních publikací. Nakonec změníme popisek zdroje tak, aby obsahoval jméno vydavatele.
Jakmile autor zadá potřebné informace do každého záznamu na stránce, klikne na tlačítko publikovat a vygeneruje nový příběh.
Poté ve své databázi vytvoříte novou věc s datovým typem nastaveným na příběh.
Poté budeme muset začít plnit naši databázi potřebnými poli. Připojte každou ze vstupních komponent na stránce k jejich příslušným sloupcům databáze.
Nejprve vytvoříme typ obsahu příběhu, který bude nakonec propojen s příběhem samotným.
Dále k tomuto postupu přidáme další fázi, generující něco jiného – tentokrát samotný příběh.
Tato data je možné bez námahy integrovat do vaší platformy integrací prvního narativního materiálu, který jsme vyvinuli s tímto příběhem.
Při každé aktivaci této procedury bude vytvořen nový příběh.
5. Zobrazení dynamického obsahu ve zdroji
Jakmile vydavatelé začnou nahrávat materiál do vaší mobilní aplikace, budeme muset na vaší domovské stránce začít vytvářet logiku, která zobrazí každý článek jako dynamický seznam. Toho lze dosáhnout použitím našeho prvku opakující se skupiny.
Opakující se skupiny pracují s vaší databází a prezentují a obnovují seznam dynamického materiálu.
Při použití opakující se skupiny musíte nejprve propojit prvek s datovým typem ve vaší databázi.
V tomto případě budete tento druh materiálu kategorizovat jako příběhy. Budete také muset poskytnout zdroj dat jako seznam všech tabulek ve vaší databázi.
Tuto opakující se skupinu také uspořádáme podle data zahájení každého příběhu a zobrazíme seznam v obráceném chronologickém pořadí. Nyní můžete začít organizovat dynamický materiál, který se objeví v každé mřížce.
Jednoduše vyplňte horní řádek příslušným materiálem, který chcete zobrazit, a tento výkonný prvek naplní zbývající sloupce daty z vaší aktuální databáze.
6. Odesílání dat mezi stránkami
Je také možné konstruovat události v každém řádku opakující se skupiny. Při vývoji navigačních funkcí pro vaši platformu se tato funkce bude hodit.
Domovská stránka naší zpravodajské aplikace zobrazuje pouze náhled každého příběhu, včetně vydavatele, doporučeného obrázku a názvu příběhu.
Nezobrazuje však celý obsah článku, dokud se uživatel neproklikne na stránku příběhu. K přenosu dat mezi stránkami k zobrazení tohoto materiálu použijeme náš editor pracovních postupů.
Chcete-li začít, vytvořte proces, který po kliknutí na obrázek příběhu pošle uživatele na stránku příběhu.
Při vývoji tohoto procesu použijte navigační událost k přenosu uživatele na jinou stránku.
Z rozbalovací nabídky vyberte typ cílové stránky, která má být narativní stránkou. Poté budete muset této stránce poskytnout další informace, aby editor bublin pochopil, který jedinečný příběh má zobrazit.
Informace, které budete muset poskytnout, pocházejí z aktuálního příběhu buněk.
7. Zobrazení dynamického obsahu na stránce příběhu
Když je uživatel poslán na stránku určitého příběhu, můžete snadno načíst tato data události a zobrazit relevantní materiál z vyprávění.
Chcete-li vytvořit tuto funkci, musíte nejprve zkontrolovat, zda typ cílové stránky odpovídá datové vlastnosti, kterou poskytujete prostřednictvím pracovního postupu. V této situaci musíte stránku příběhu přidružit k vlastnosti příběhu.
Může jednoduše stáhnout a dodat vhodná data ze stávajících zdrojů kategorizací typu obsahu na stránce.
Nyní můžete začít vkládat dynamický materiál do polí, která zobrazují informace z jedné tabulky.
8. Zobrazení článku vydavatele
Po přečtení novinky se uživatel může rozhodnout prozkoumat celý katalog článků vydavatele. Pokud jste vyvinuli datový typ vydavatele, je vytvoření samostatné stránky pro vydavatele stejně jednoduché jako vytvoření naší původní domovské stránky.
Na této stránce budeme muset začít nastavením typu stránky na vydavatele.
Poté zkopírujte opakující se skupinu z domovské stránky a upravte nastavení.
V tomto případě bude zdroj dat naší opakující se skupiny hledat všechny existující články, jejichž vydavatelem je aktuální vydavatel stránky.
9. Následující vydavatelé
Třetí základní funkcí, kterou vytvoříme pro našeho MVP, je možnost sledovat vydavatele na platformě. Na stránku vydavatele přidáme tlačítko pro sledování. Když klikneme na tuto ikonu, spustíme nový proces, který věc upraví.
Přidání aktuálního vydavatele stránky do seznamu následujících publikací změní aktuálního uživatele.
Poté budeme muset aktualizovat seznam fanoušků aktuálního vydavatele stránky přidáním aktuálního uživatele.
10. Další funkce, které můžete přidat
Nyní, když jste spokojeni s vytvářením vlastních datových polí a prezentováním dynamických informací, můžete být kreativní s prostředím, které pro svůj produkt vytvoříte. Můžete také zahrnout:
- Vytvořte funkci, která uživatelům umožní ukládat obsah pro pozdější čtení.
- V dolní části každého kusu uveďte opakující se sbírku navrhovaných článků.
- Vytvořte vyhledávací nástroj, který lidem pomůže najít nový obsah na webu.
11. Výsledek
Vaše konečná aplikace bude vypadat nějak takto.
Klady
- Možnost připojení k mnoha rozhraním API a pluginům.
- Snadno použitelná aplikace bez kódu.
- Z toho budou těžit lidé bez zkušeností s programováním.
- Návrhové nástroje, které jsou všestranné a výkonné.
- Rychlé zpracování dotazu.
Nevýhody
- Zvýšená spolehlivost.
- Rychlost zpracování dat je pomalá.
- Výkon je omezený.
CENY
Bezplatný plán vám umožní dozvědět se o platformě a vyvinout vaši aplikaci.
Placená předplatná zahrnují doplňky, jako je white-labeling, vlastní doména, přístup k Bubble API a rezervovaná kapacita serveru, které jsou uvedeny níže.
- Osobní – 25 $/měsíc (placené ročně) nebo 29 $/měsíc (placené měsíčně).
- Profesionální – 115 $/měsíc (placené ročně) nebo 129 $/měsíc (placené měsíčně).
- Výroba – 475 $/měsíc (placené ročně) nebo 529 $/měsíc (placené měsíčně).
Proč investovat do čističky vzduchu?
Bubble je vynikající alternativou pro vytváření webových aplikací, které mohou zobrazovat pouze informace nebo mají minimální uživatelské rozhraní.
Použití je poměrně jednoduché a výukové programy poskytované Bubble jsou velmi užitečné. Jeho online vizuální editor, který vám umožní navrhovat webové aplikace na základě vašich preferencí.
A nejlepší na tom je, že nepotřebujete žádné zkušenosti s programováním ani odborné znalosti. Bubble je vhodná pro každého, bez ohledu na to, zda umíte kódovat nebo ne.
Předchozí porozumění jazykům frontendu vám však může poskytnout výhodu, protože vám umožní rychle zjistit, co dělá ohledně zpracování událostí.
Co si tedy myslíte o schopnostech Bubble?
Dejte nám vědět v komentářích!
Arbehi
Lze vytvořit obchod pro prodej produktů pomocí nástroje bubble.io?