Përmbajtje[Fshih][Shfaqje]
- Çfarë është Bubble.io?
- Çfarë është programimi vizual?
- Çfarë lloje aplikacionesh mund të zhvilloni?
Ndërtimi i një aplikacioni me Bubble (Tutorial)+-
- 1. Fillimi
- 2. Konfigurimi i bazës së të dhënave
- 3. Ndërtimi i flukseve të punës
- 4. Krijimi i një lajmi
- 5. Shfaqja e përmbajtjes dinamike në furnizim
- 6. Dërgimi i të dhënave ndërmjet faqeve
- 7. Shfaqja e përmbajtjes dinamike në faqen e tregimit
- 8. Shfaqja e artikullit të botuesit
- 9. Botuesit në vijim
- 10. Karakteristika shtesë që mund të shtoni
- 11. Rezultati
- rekuizitë
- Cons
- çmimi
- Përfundim
Kohët e fundit kam qenë i interesuar për qasjet e zhvillimit të uebit përveç HTML, CSS dhe JavaScript.
Me rritjen e peizazhit pa kod, nuk ishte befasuese të zbulonim se ka disa alternativa ndaj qasjeve më standarde për zhvillimin e aplikacioneve në ueb.
Ju duhet të jeni të njohur me disa nga platformat më të njohura CMS, të tilla si WordPress që janë pothuajse pa kod. Por, nëse doni të ndërtoni aplikacione ueb, platforma të tilla mund të duken kufizuese.
Këtu ju prezantoj me Bubble.io, një i fuqishëm mjet pa kod që ju lejon të ndërtoni aplikacione ueb si kurrë më parë.
Le ta eksplorojmë në thellësi!
Çfarë është Bubble.io?
Bubble është një platformë jo-teknike që kombinon një gjuhë programimi vizuale dhe një korniza e zhvillimit të uebit.
Përdoruesit mund t'i përdorin këto mjete programimi për të ndërtuar aplikacione unike në internet, për të ndryshuar bazat e të dhënave dhe proceset, për të shtuar komponentë faqesh (imazhe, tekst, formularë të hyrjes, harta) dhe për të dizajnuar ndërfaqet e tyre.
Është një treg ku mund të zbuloni shabllone, shtojca dhe shërbime ideale për t'ju ndihmuar në ndërtimin e produkteve të forta.
Pa pasur nevojë të vendosni një kornizë tipike programimi, mund të krijoni çdo gjë nga një treg në një rrjet social në një CRM (Menaxhimi i marrëdhënieve me klientët) duke përdorur Bubble.
Ai u jep klientëve mundësinë për të krijuar dhe personalizuar aplikacionet e tyre duke përdorur një ndërfaqe miqësore për përdoruesit dhe një redaktues pikë-dhe-kliko.
Mund ta përdorni në lidhje me shërbimet që ofrojnë një API REST, të tilla si Facebook, SQL, analitika dhe aplikacionet e pagesave. Ai u mundëson përdoruesve t'i kushtojnë kohë përmirësimit të funksionalitetit dhe pamjes së aplikacioneve të tyre, në mënyrë që të duken mirë në tablet dhe pajisje celulare.
Është i përshtatshëm për të gjitha madhësitë e biznesit, nga të vogla në të mesme në të mëdha; dhe i aksesueshëm për Windows, Mac dhe ueb.
Çfarë është programimi vizual?
Programimi vizual është në thelb ajo që tingëllon. Në vend që të programoni manualisht duke shkruar kodin, ju e bëni atë grafikisht duke klikuar dhe zvarritur komponentët në faqe.
Mos u mashtroni nga ky përshkrim i shkurtër.
Nuk është si çdo aplikacion tjetër i prerësit të biskotave ose mjet për ndërtimin e faqeve në internet që keni hasur në internet. Shumica e ndërtuesve të aplikacioneve kërkojnë që ju të mbështeteni në shabllonet bazë dhe të keni funksionalitet jashtëzakonisht të kufizuar; ato ju lejojnë vetëm të zhvilloni lloje specifike aplikacionesh dhe të kufizoni personalizimin tuaj.
Megjithëse nocioni i "programimit vizual" dhe "zvarritjes dhe lëshimit" duket i lehtë në Bubble, ai është jashtëzakonisht i fuqishëm.
Mjedisi i tij vizual i programimit jo vetëm që ju lejon të tërhiqni objekte të tilla si teksti, grafika, hyrjet dhe më shumë në një faqe, por gjithashtu ju lejon të konfiguroni se çfarë bëjnë ata elementë.
Çfarë bën Bubble?
Qëllimi kryesor i Bubble është të mundësojë këdo që të krijojë aplikacione në ueb pa pasur nevojë të shkruajë kod.
Megjithatë, ndërsa kjo siguron një deklaratë goli lehtësisht të mbajtur mend, ajo lë jashtë një pjesë të rëndësishme të përrallës. Rruga nga ideja në treg është më e ndërlikuar sesa thjesht krijimi i linjave të kodit.
Një ekip profesionistësh shumë të trajnuar që punojnë në seksione të caktuara të krijimit, rritjes dhe mirëmbajtjes së aplikacionit kërkohet në zhvillimin konvencional. Konsideroni këtë.
Çfarë kërkon çdo aplikacion?
- Siguria për t'u siguruar që askush të mos ketë akses të paautorizuar në të dhëna.
- Një bazë të dhënash për ruajtjen dhe marrjen e informacionit të tillë si artikuj, artikuj dhe përditësime të mediave sociale.
- Shkallueshmëria për të mundësuar zhvillimin e papenguar të bazës së përdoruesit dhe vëllimit të të dhënave.
- Një ndërfaqe e këndshme përdoruesi për ta bërë aplikacionin tërheqës dhe të lehtë për t'u përdorur.
- Integrimi me shërbime dhe sisteme të ndryshme.
Bubble zëvendëson shumë më tepër se një kodues. Ai i ofron të gjitha këto shërbime në një mënyrë tërheqëse vizuale dhe shumë të automatizuar, duke e bërë të imagjinueshme, nëse jo të thjeshtë, që një person i vetëm të trajtojë gjithçka.
Ndërsa platformat e mëparshme pa kod janë përpjekur të zëvendësojnë kodimin në mënyra të ndryshme. Koncepti i tij është të heqë sa më shumë pengesa që të jetë e mundur që një aplikacion të arrijë në treg, duke trajtuar gjithçka, nga dizajni dhe animacionet reaguese te hostimi, vendosja e versionit, siguria dhe operacionet e bazës së të dhënave.
Përdorimi i lidhësit API për të lidhur Bubble me shërbime të tjera
Lidhësi i tij API është ndoshta shtojca më e rëndësishme në treg. Siç nënkupton edhe emri, kjo ju lejon të lidheni me aplikacione dhe shërbime të tjera për të shkëmbyer veprime dhe të dhëna.
Në vend që të hulumtoni në specifikat teknike se si funksionon kjo, merrni parasysh këta shembuj të asaj që API-të mund të arrijnë:
- Marrja e aksesit në Mësimi makinë metoda të tilla si njohja dhe përkthimi i imazhit.
- Merrni informacionin më të fundit të motit nga kudo në tokë.
- Kur një ngjarje aktivizohet në Bubble, informacioni shkëmbehet nëpër sisteme, si p.sh. vendosja e një drejtuesi në CRM-në tuaj ose një takim në Kalendarin tuaj të Google.
- Rezervoni një fluturim ose një qëndrim në hotel kudo në botë.
- Merrni numrin e telefonit, vendndodhjen, fotografitë, logon dhe komentet për çdo kompani në Google Maps.
Përdorimi i shtojcave për të përmirësuar veçoritë vendase
Teknikisht, ai përzien modulet e kodit JavaScript, CSS dhe HTML në një nyje funksionale. Aplikacioni i shkruar në JS.JSON shërben si bazë për gjuhën e tij.
Ndërsa nuk keni nevojë t'i kuptoni plotësisht ato terminologji për të ndërtuar aplikacione, ato tregojnë një fakt kyç: ai u përmbahet standardeve të njohura dhe të njohura të uebit, duke i lejuar zhvilluesit të përmirësojnë në mënyrë të konsiderueshme funksionalitetin e tij vendas.
Kjo shihet tashmë në faqen e shtojcave, ku janë të disponueshme qindra shtesa falas dhe me pagesë për funksionalitetin bazë. Kjo nënkupton gjithashtu se nëse arrini një pikë kur aftësitë e tij themelore janë të pamjaftueshme, ka shumë ekspertë të JavaScript të gatshëm të ofrojnë një zgjidhje me porosi për ju.
Çfarë lloje aplikacionesh mund të zhvilloni?
Ju mund të krijoni një gamë të gjerë aplikacionesh, disa prej të cilave janë dhënë më poshtë.
- Aplikacione për tregje të specializuara me një komunitet.
- Aplikacione për bordet e punës në një sërë sektorësh.
- Software për personelin e spitalit.
- Softuer për pikat e shitjes për dyqane fizike.
- Softuer i zyrës dentare me një etiketë të bardhë.
- Inventari i biznesit personal dhe softueri i shërbimit ndaj klientit.
- Aplikacionet e grumbullimit të pasurive të paluajtshme me ndërmjetës dhe klientë.
- Aplikacione për ngjarje dhe kurse në treg (dhe madje edhe varka).
- Certifikatat profesionale kërkojnë aplikime të testimit të brendshëm.
- Aplikime për përgjigjet e para.
- Softuer i menaxhimit të punonjësve për përdorim të brendshëm.
Për të qenë i sinqertë, platforma nuk është krijuar për të bërë gjithçka. Mund të mos jetë zgjidhja ideale nëse po dizajnoni një aplikacion loje me pamje komplekse dhe lëvizje. Përveç kësaj, nëse po krijoni një aplikacion vendas (një për dyqanet e aplikacioneve), do t'ju duhet ta integroni atë me një shërbim tjetër të palëve të treta.
Karakteristikat kryesore
Flluska është e mbushur plot me veçori. Ne nuk do të jemi në gjendje t'i mbulojmë të gjitha këtu, por do të përpiqemi t'i mbulojmë ato më thelbësoret.
1. plugins
Kjo ju lejon të përfshini funksionalitetin nga mjete të shumta në internet në tuaj aplikacion në internet. Për shembull, nëse dëshironi që përdoruesit tuaj të identifikohen duke përdorur llogarinë e tyre në Facebook, mund të përdorni shtojcën Facebook për ta bërë këtë.
2. Zhvillimi
Kjo ju lejon të ndërtoni aplikacione dinamike me shumë përdorues për shfletuesit e uebit për desktop dhe celular, si dhe të gjitha mjetet e nevojshme për të ndërtuar një sajt të ngjashëm me Instagram ose Airbnb.
3. dizajni
Ju mund të krijoni paraqitje të përshtatshme për celularin dhe përmbajtje dinamike për t'i dhënë prekjen e fundit një produkti që do të jeni të lumtur t'ua tregoni të tjerëve.
4. hosting
Asnjëherë nuk duhet të shqetësoheni për mirëmbajtjen e serverit, infrastrukturën ose operacionet përsëri dhe përsëri.
Ai kujdeset për vendosjen dhe pritjen për ju në një mënyrë të sigurt dhe të sigurt. Numri i përdoruesve, vëllimi i trafikut dhe ruajtja e të dhënave janë të gjitha të pakufizuara.
Ndërtimi i një aplikacioni me Bubble (Tutorial)
Le të fillojmë tani dhe të eksplorojmë se si mund të ndërtoni një aplikacion lajmesh në Bubble.
1. Fillimi
Për të filluar, së pari duhet të bësh regjistrohu për një llogari falas në Bubble.
Ne do të fillojmë duke përdorur mjetin e dizajnit vizual të Bubble për të formuar platformën tonë Ndërfaqja e përdoruesit. Disa nga faqet kryesore që duhen përfshirë janë dhënë më poshtë:
- Faqja e ngarkimit – Një faqe interneti ku botuesit do të zhvillojnë dhe shpërndajnë artikuj.
- Faqja kryesore – Shfaqet një listë e tregimeve të publikuara së fundi.
- Faqja narrative – Një faqe ku mund të gjendet çdo histori unike.
- Faqja e botuesit- Një faqe për të shfaqur një listë tregimesh nga një botues i caktuar.
2. Konfigurimi i bazës së të dhënave
Pasi të keni shtruar ekranin e produktit tuaj, mund të përqendroheni në ndërtimin e fushave të të dhënave që do të nxisin aplikacionin tuaj. Ne do t'i përdorim këto fusha për të lidhur rrjedhat e punës në bazë të produktit tuaj.
Për këtë shembull, ne do të vendosim dy lloje të veçanta të dhënash për çdo lajm. Një lloj i të dhënave do të përmbajë faktet bazë të një historie (siç është titulli, fotografia e paraqitur dhe botuesi), ndërsa lloji tjetër i të dhënave do të përmbajë skedarë më të mëdhenj të përmbajtjes, siç është vetë tregimi.
Duke i përcaktuar ato si lloje të dhënash diskrete, ne mund të ngarkojmë informacionin që kërkohet vetëm kur kërkohet, duke kufizuar sasinë e materialit që redaktori i Bubble do të duhet të prodhojë.
Llojet dhe fushat e mëposhtme të të dhënave do të krijohen:
Lloji i të dhënave: Përdorues
fushat:
- Emër
- Botuesit e mëposhtëm janë një listë e botuesve. Shënim i rëndësishëm: Krijimi i një fushe si një listë bazuar në një lloj të veçantë të dhënash ju lejon të përfshini të gjitha fushat e saj thelbësore të të dhënave pa mundim, pa pasur nevojë të krijoni fusha shtesë.
Lloji i të dhënave: Histori
fushat:
- Titulli
- Imazhi i veçuar
- shkrimtar
- Kategoria
- Botues
- Përmbajtja e tregimit
Lloji i të dhënave: Përmbajtja e tregimit
fushat:
- Përmbajtja e tregimit
Lloji i të dhënave: Botues
fushat:
- Emër
- logo
- Followers
3. Ndërtimi i flukseve të punës
Tani që keni organizuar dizajnin dhe bazën e të dhënave të aplikacionit tuaj, është koha të filloni të bashkoni gjithçka dhe ta bëni atë të funksionojë.
Rrjedhat e punës janë metoda kryesore për ta arritur këtë në Bubble.
Çdo rrjedhë pune ndodh kur ndodh një ngjarje (p.sh., një përdorues klikon një buton) dhe më pas kryen një sekuencë "veprimesh" si përgjigje (p.sh., "Regjistro përdoruesin", "bëj një ndryshim në bazën e të dhënave" dhe kështu me radhë) .
4. Krijimi i një lajmi
Tipari i parë që do të ofrojmë është një mjet që u mundëson botuesve të shkruajnë dhe postojnë lajme në sajt.
Në faqen e ngarkimit, ne do të fillojmë duke inkorporuar shumë artikuj hyrës që do të aplikohen për futjen e të dhënave në bazën tonë të të dhënave. Inputet e tekstit, një ngarkues fotografie dhe një përzgjedhje me dropdown janë shembuj të këtyre fushave.
Do të na duhet gjithashtu të personalizojmë menynë rënëse të botuesit për të shfaqur një listë opsionesh dinamike. Meqenëse çdo artikull i ri do të shtohet në listën e artikujve total të një botuesi, do të na duhet të zgjedhim një botues ekzistues nga databaza jonë.
Kur vendosim këtë meny me zbritje, ne do të zgjedhim llojin e opsioneve për të qenë botues.
Pas kësaj, burimi ynë i të dhënave do të skanojë bazën tonë të të dhënave dhe do të kthejë një listë të të gjitha publikimeve aktuale. Më në fund, ne do të ndryshojmë titullin burimor për të përfshirë emrin e botuesit.
Pasi një shkrimtar të ketë futur informacionin e nevojshëm në çdo hyrje në faqe, ata do të klikojnë butonin publikim për të krijuar një përrallë të re.
Më pas, brenda bazës së të dhënave tuaja, do të krijoni një gjë të re me llojin e të dhënave të vendosur në tregim.
Pastaj do të duhet të fillojmë të mbushim bazën e të dhënave tona me fushat e nevojshme. Lidhni secilin nga komponentët e hyrjes në faqe me kolonat e tyre përkatëse të bazës së të dhënave.
Së pari, ne do të krijojmë llojin e përmbajtjes së tregimit, i cili më në fund do të lidhet me vetë përrallën.
Më pas, ne do t'i shtojmë një fazë tjetër kësaj procedure, duke gjeneruar diçka tjetër - këtë herë, vetë përrallën.
Është e mundur t'i integroni këto të dhëna pa mundim në të gjithë platformën tuaj duke integruar materialin e parë narrativ që kemi zhvilluar me këtë përrallë.
Një përrallë e re do të prodhohet sa herë që aktivizohet kjo procedurë.
5. Shfaqja e përmbajtjes dinamike në furnizim
Pasi botuesit të fillojnë të ngarkojnë materiale në aplikacionin tuaj celular, do të duhet të fillojmë të krijojmë logjikën në faqen tuaj kryesore që tregon çdo artikull si një listë dinamike. Kjo mund të arrihet duke përdorur elementin tonë të grupit të përsëritur.
Grupet e përsëritura punojnë me bazën tuaj të të dhënave për të paraqitur dhe rifreskuar një listë të materialeve dinamike.
Kur aplikoni një grup të përsëritur, së pari duhet të lidhni elementin me një lloj të dhënash në bazën e të dhënave tuaja.
Në këtë rast, ju do ta kategorizoni llojin e materialit si përralla. Ju gjithashtu do të duhet të siguroni burimin e të dhënave si një listë të të gjitha tabelave në bazën e të dhënave tuaja.
Ne gjithashtu do ta rregullojmë këtë grup të përsëritur sipas datës së fillimit të secilës histori, duke e shfaqur listën në rend të kundërt kronologjik. Tani mund të filloni të organizoni materialin dinamik që do të shfaqet brenda çdo rrjeti.
Thjesht plotësoni rreshtin e sipërm me materialin e duhur që dëshironi të shfaqni dhe ky element i fuqishëm do të mbushë kolonat e mbetura me të dhëna nga databaza juaj aktuale.
6. Dërgimi i të dhënave ndërmjet faqeve
Është gjithashtu e mundur të ndërtohen ngjarje brenda çdo rreshti të një grupi përsëritës. Kur zhvilloni veçori lundrimi për platformën tuaj, ky funksion do të jetë i dobishëm.
Faqja kryesore e aplikacionit tonë të lajmeve tregon thjesht një pamje paraprake të çdo historie, duke përfshirë botuesin, një imazh të paraqitur dhe titullin e historisë.
Megjithatë, ai nuk shfaq të gjithë përmbajtjen e një artikulli derisa përdoruesi të klikojë në faqen e tregimit. Ne do të përdorim redaktuesin tonë të rrjedhës së punës për të transmetuar të dhëna midis faqeve për të shfaqur këtë material.
Për të filluar, krijoni një proces që dërgon një përdorues në faqen e tregimit kur klikohet fotografia e një historie.
Përdorni një ngjarje navigimi për të transferuar një përdorues në një faqe tjetër gjatë zhvillimit të këtij procesi.
Zgjidhni llojin e faqes së destinacionit që të jetë faqja narrative nga menyja rënëse. Më pas do t'ju duhet t'i jepni më shumë informacion kësaj faqeje në mënyrë që redaktori i Bubble të kuptojë se cilën përrallë unike duhet të shfaqë.
Informacioni që ju duhet të jepni vjen nga tregimi aktual i qelizave.
7. Shfaqja e përmbajtjes dinamike në faqen e tregimit
Ju mund t'i rikuperoni lehtësisht të dhënat e kësaj ngjarjeje dhe të tregoni materialin përkatës nga tregimi kur një përdorues dërgohet në një faqe të caktuar historie.
Për të krijuar këtë funksion, fillimisht duhet të kontrolloni nëse lloji i faqes së synuar përputhet me veçorinë e të dhënave që po jepni përmes rrjedhës së punës. Në këtë situatë, ju duhet të lidhni faqen e tregimit me një pronë të tregimit.
Ai thjesht mund të tërheqë dhe të japë të dhëna të përshtatshme nga burimet ekzistuese duke kategorizuar llojin e përmbajtjes në një faqe.
Tani mund të filloni të futni material dinamik në fusha që shfaqin informacion nga një tabelë e vetme.
8. Shfaqja e artikullit të botuesit
Pas leximit të një lajmi, një përdorues mund të zgjedhë të ekzaminojë të gjithë katalogun e artikujve të botuesit. Nëse keni zhvilluar një lloj të dhënash botuesi, krijimi i një faqeje të veçantë për botuesit është po aq i thjeshtë sa krijimi i faqes sonë fillestare fillestare.
Në këtë faqe, do të duhet të fillojmë duke vendosur llojin e faqes në botues.
Më pas, kopjoni grupin përsëritës nga faqja kryesore dhe modifikoni cilësimet.
Në këtë rast, burimi i të dhënave të grupit tonë përsëritës do të kërkojë të gjithë artikujt ekzistues, botuesi i të cilëve është botuesi aktual i faqes.
9. Botuesit në vijim
Tipari i tretë themelor që do të ndërtojmë për MVP-në tonë është aftësia për të ndjekur një botues në platformë. Do të shtojmë një buton ndjekjeje në faqen e botuesit. Kur klikojmë këtë ikonë, do të hapim një proces të ri që modifikon një gjë.
Shtimi i botuesit aktual të faqes në listën e botimeve të mëposhtme do të ndryshojë përdoruesin aktual.
Pas kësaj, do të na duhet të përditësojmë listën e ndjekësve të botuesit aktual të faqes duke shtuar përdoruesin aktual.
10. Karakteristika shtesë që mund të shtoni
Tani që jeni të kënaqur me ndërtimin e fushave të personalizuara të të dhënave dhe paraqitjen e informacionit dinamik, mund të bëheni krijues me përvojat që krijoni për produktin tuaj. Ju gjithashtu mund të përfshini:
- Krijo një veçori që lejon përdoruesit të ruajnë përmbajtjen për lexim të mëvonshëm.
- Në fund të çdo pjese, jepni një koleksion të përsëritur artikujsh të sugjeruar.
- Krijo një mjet kërkimi për t'i ndihmuar njerëzit të gjejnë përmbajtje të freskët në sajt.
11. Rezultati
Aplikacioni juaj përfundimtar do të duket diçka si kjo.
rekuizitë
- Aftësia për t'u lidhur me shumë API dhe shtojca.
- Një aplikacion i lehtë për t'u përdorur, pa kod.
- Njerëzit pa përvojë programimi do të përfitojnë nga kjo.
- Dizajnoni mjete që janë të gjithanshme dhe të fuqishme.
- Përpunim i shpejtë i pyetjeve.
Cons
- Rritja e besueshmërisë.
- Shpejtësia e përpunimit të të dhënave është e ngadaltë.
- Performanca është e kufizuar.
çmimi
Plani falas ju lejon të mësoni rreth platformës dhe të zhvilloni aplikacionin tuaj.
Abonimet me pagesë përfshijnë shtesa si etiketimi i bardhë, një domen i personalizuar, aksesi në API të Bubble dhe kapaciteti i rezervuar i serverit, të cilat janë renditur më poshtë.
- Personal – 25 dollarë në muaj (paguhet çdo vit) ose 29 dollarë në muaj (paguhet çdo muaj).
- Profesionale – 115 dollarë në muaj (paguhet çdo vit) ose 129 dollarë në muaj (paguhet çdo muaj).
- Prodhimi - 475 dollarë në muaj (paguhet çdo vit) ose 529 dollarë në muaj (paguhet çdo muaj).
Përfundim
Bubble është një alternativë e shkëlqyer për ndërtimin e aplikacioneve në ueb që mund të shfaqin vetëm informacione ose të kenë një UI minimal.
Është mjaft i thjeshtë për t'u përdorur, dhe mësimet e ofruara nga Bubble janë jashtëzakonisht të dobishme. Redaktori i tij vizual në internet që ju lejon të dizajnoni aplikacione në ueb bazuar në preferencat tuaja.
Dhe pjesa më e mirë është që ju nuk keni nevojë për ndonjë përvojë apo ekspertizë programimi. Bubble është i përshtatshëm për të gjithë, pavarësisht nëse dini të kodoni apo jo.
Sidoqoftë, të kuptuarit paraprak të gjuhëve të frontit mund t'ju japë një avantazh sepse ju lejon të kuptoni shpejt se çfarë po bën në lidhje me trajtimin e ngjarjeve.
Pra, çfarë mendoni për aftësitë e Bubble?
Na tregoni në komente!
Arbehi
A mund të krijohet një dyqan për të shitur produkte duke përdorur mjetin bubble.io?