Kalo te përmbajtja

8 min lexim

American Corners

Bubble dhe projekti yt final

Njihu me Bubble, një platformë e dytë pa kod

E ke ndërtuar një aplikacion të tërë në Adalo, ndaj mënyrën e punës pa kod e njeh tashmë: tërheq komponentë mbi një ekran, ruan informacion në koleksione, dhe lidh veprime. Bubble.io është një platformë e dytë që punon me të njëjtën frymë, dhe kur e sheh, kupton se "pa kod" është një familje mjetesh, jo një produkt i vetëm.

Bubble është një kornizë pa kod për të projektuar, mbajtur online dhe rritur aplikacione web pa shkruar asnjë rresht kod. Motori i tij është shkruar në gjuhën JavaScript, dhe sot mban qindra mijëra aplikacione, nga projekte fundjave e deri te aplikacione që i përdorin kompani të mëdha e universitete. Aty ku Adalo anon nga celulari, Bubble anon nga web-i, ndaj ia vlen t'i njohësh krah për krah, jo si rivalë.

Këtu nuk do të ndërtosh një aplikacion të plotë në Bubble. Qëllimi është më i ngushtë e më i dobishëm në këtë fazë: të njohësh çfarë lloj mjeti është, të mësosh çfarë mund e çfarë nuk mund të bëjë, dhe të shohësh si mendon ai për të dhënat, që kur të zgjedhësh një platformë për një projekt të vërtetë, ta zgjedhësh me sy të hapur.

Mëso më shumë

Çfarë mund dhe çfarë nuk mund të bëjë Bubble. Çdo mjet ka një formë, dhe kur i njeh kufijtë herët, i shpëton një befasie të hidhur në mes të punës. Bubble është i fortë në disa gjëra dhe thjesht nuk i bën disa të tjera.

Ku është i mirë Bubble:

  • Aplikacione web që përshtaten. Është një nga mjediset vizuale më të afta për të ndërtuar aplikacione web që rrinë mirë në çdo madhësi ekrani, nga kompjuteri deri te telefoni.
  • Progressive Web Apps (PWA). Këto sjellin veçori si të aplikacioneve përmes shfletuesit, dhe një aplikacion web ose PWA mund të mbështillet më vonë në një aplikacion hibrid e të botohet në Play Store e App Store.
  • Të shtrihet jashtë vetes. Përmes lidhësit të API-t, një aplikacion Bubble mund të komunikojë me shërbime e pajisje të jashtme, për shembull të marrë të dhëna nga një llogari tjetër, të dërgojë një email, ose të lexojë një sensor. Një lidhës SQL i lejon të lexojë e të shkruajë në një bazë të dhënash të jashtme.
  • Aplikacione native për celular. Bubble ka një redaktues nativ që ndërton aplikacione të vërteta iOS e Android, mbi React Native, dhe i boton në App Store e Google Play nga brenda redaktuesit. Web-i dhe celulari ndajnë të njëjtën bazë të dhënash, ndaj nuk mban dy aplikacione veç e veç. Kjo është shtuar rishtazi; udhëzues më të vjetër, përfshirë versione të mëparshme të këtij mësimi, thonë se Bubble nuk e bën dot, dhe kjo nuk qëndron më.

Çfarë nuk bën Bubble:

  • Mbajtja në serverin tënd. Aplikacionet e Bubble punojnë mbi mbajtjen e vetë Bubble në renë e Amazon. Nuk mund ta zhvendosësh një aplikacion në serverin tënd privat.
  • Eksportimi i kodit. Meqë logjika rri mbi platformën e Bubble, nuk mund ta eksportosh aplikacionin si kod. Nëse largohesh ndonjëherë, merr me vete të dhënat dhe çdo kod të posaçëm që ke shtuar, por logjikën pa kod duhet ta rindërtosh diku tjetër.

Asnjëra prej tyre nuk është aq e metë sa një këmbim. Bubble të jep shpejtësi dhe një grup të pasur mjetesh vizuale, dhe në këmbim e mban aplikacionin brenda botës së vet. Ai këmbim u shkon shumë projekteve dhe jo disa të tjerave, dhe tani ti di ta dallosh cili është cili.

Ruajtja dhe ndryshimi i të dhënave në Bubble

Adalo flet për rekorde në koleksione. Bubble përdor fjalë paksa të ndryshme për të njëjtën ide: një copë e dhënash e ruajtur është një gjë (thing), dhe çdo gjë ka një tip dhe një grup fushash. Sapo e përkthen fjalorin, modeli mendor është ai që e mban tashmë me vete.

Në AdaloNë Bubble
KoleksioniTipi i një gjëje
RekordiNjë gjë
VetiaFusha
VeprimiWorkflow-i

Krijimi, ndryshimi dhe fshirja e gjërave ndodhin brenda workflow-eve, që janë versioni i Bubble për veprimet. Ka tri që do t'i përdorësh vazhdimisht:

  1. Krijo një gjë të re. Zgjedh tipin, për shembull një Trip ose një Message, pastaj mbush fushat. Vlera e një fushe mund të shkruhet drejtpërdrejt ose të merret nga diçka dinamike, si ajo që përdoruesi sapo shkroi. Nëse krijon një gjë pa mbushur një fushë, gjëja prapë ekziston, thjesht me atë fushë bosh, dhe mund ta plotësosh më vonë.
  2. Ndrysho një gjë. Tregon një gjë që ekziston tashmë, për shembull Current User, dhe ndryshon disa nga fushat e saj. Këtu nuk zgjedh tip, sepse gjëja e ka tashmë një.
  3. Fshi një gjë. Kjo e heq tërësisht nga baza e të dhënave. Një workflow nuk mund ta kthejë mbrapsht një fshirje, ndaj ia vlen ta mendosh dy herë para se ta lidhësh atë veprim me një buton.

Ja njëra prej tyre në kontekst. Për të postuar një mesazh në chat-in e një udhëtimi, do të përdorje Krijo një gjë të re: cakto tipin Message, fushën e tekstit te ajo që sapo shkroi përdoruesi, fushën e dërguesit te Current User, dhe fushën e udhëtimit te udhëtimi aktual. Kjo është pikërisht e njëjta formë me chat-in në Adalo që ndërtove dy leksione më parë, thënë me fjalët e Bubble.

Bubble mund të punojë edhe mbi një listë të tërë gjërash njëherësh, kështu që mund të ndryshosh, fshish ose kopjosh shumë rekorde në një hap të vetëm. Për shembull, nëse mesazhet kanë një fushë "read", mund t'i shënosh të gjitha mesazhet e një përdoruesi si të lexuara bashkë. Këto punë në masë kryhen në sfond dhe nuk janë të menjëhershme, ndaj një workflow nuk duhet të presë përgjigje aty për aty. Kopjimi i një liste është i kufizuar në pesëdhjetë njësi për qëndrueshmëri.

Mëso më shumë

Për çdo gjë të madhe a të përsëritur, Bubble ofron workflow-e të planifikuara, që punojnë në sfond pa e bllokuar ekranin ku ndodhet përdoruesi. Aty vendosen veprimet më të gjata e të përsëritura, që aplikacioni të mbetet i shpejtë ndërsa puna e rëndë ndodh larg syve.

Projekti yt final

Projekti final është arsyeja e gjithë kursit: një aplikacion që e projekton, e ndërton dhe e prezanton ti. Ai bashkon gjithçka ke praktikuar, bazën e të dhënave, listat dhe filtrimin, të dhënat nga përdoruesit, dukshmërinë, pagesat dhe chat-in, në një produkt të vetëm që punon. Mund të punosh vetëm ose në grup, dhe ideja mund të jetë e jotja. Nëse nuk ke ende një, s'ka problem; ekipi i programit do të të ndihmojë të formësosh një temë që është realiste për ta përfunduar.

Nuk të duhet të shpikësh një radhë ndërtimi, sepse veçoritë që i njeh tashmë të sugjerojnë një. Trajtoji këto si etapa dhe bëji pak a shumë me këtë radhë:

  1. Fillo me projektimin. Skico ekranet në letër dhe vendos me një fjali për çfarë shërben aplikacioni. Një fjali e qartë vlen më shumë se një ekran i zgjuar.
  2. Modelo të dhënat. Krijo koleksionet dhe lidhjet mes tyre para se të ndërtosh ndonjë ekran. Nëse i vendos qysh herët drejt Trips, Users dhe lidhjet e tyre, kursen orë të tëra ripune më vonë.
  3. Ndërto ekranet bazë. Një listë kryesore, një ekran detajesh, dhe një formular për të shtuar një rekord. Ky është skeleti ku varet çdo veçori.
  4. Shto një veçori të vërtetë. Zgjidh atë që ka më shumë rëndësi për idenë tënde, për shembull filtrimin, një chat, ose arkëtimin me pagesa, dhe përfundoje plotësisht para se të nisësh një tjetër.
  5. Lëmo dhe provo. Kaloje aplikacionin si përdorues për herë të parë. Rregullo etiketat ngatërruese, ekranet bosh dhe butonat që s'të çojnë gjëkundi.

Mbaje qëllimin të ndershëm. Një aplikacion i vogël që punon nga fillimi në fund është një projekt shumë më i mirë, dhe një gjë shumë më e mirë për ta prezantuar, se një aplikacion ambicioz që prishet në trokitjen e dytë.

Ja një ide e kaluar nëpër ato etapa, që forma të bëhet konkrete. Le të themi se ndërton një aplikacion të vogël për një grup studimi:

  1. Projektimi. Një fjali: një vend ku klasa ime të postojë e të gjejë seanca studimi.
  2. Të dhënat. Dy koleksione, Sessions (titulli, lënda, data) dhe Users, të lidhura që çdo seancë të ketë një organizues.
  3. Ekranet bazë. Një listë me seancat e ardhshme, një ekran detajesh, dhe një formular për të shtuar një.
  4. Një veçori. Një filtër që shfaq vetëm seancat për lëndën që zgjedh përdoruesi.
  5. Lëmimi. Një mesazh për gjendjen bosh kur nuk ka ende seanca, dhe etiketa të qarta butonash.

Ai aplikacion është i vogël, i përfundueshëm, dhe nuk përdor asgjë që nuk e ke ndërtuar tashmë.

Këshillë

Përgatite prezantimin si një histori të shkurtër, jo si një radhitje veçorish. Thuaj për kë është aplikacioni, trego të vetmen shteg që do të ndiqte një përdorues i vërtetë, dhe mbylle me atë që do të ndërtoje më pas. Aplikacionet prezantohen ditën e fundit, dhe ato që lënë mbresë janë ato të treguara si një udhëtim i qartë e i ndershëm.

Ditën e fundit e prezanton aplikacionin para grupit. Tregoje duke punuar në një ekran të vërtetë, kalo shtegun kryesor, dhe ji gati të thuash çfarë ishte e vështirë dhe çfarë do të ndryshoje. Ajo ndershmëri është pjesë e punës, dhe është pjesa që të ftuarit e mentorët e vizitës priren ta mbajnë mend.

Vëre gjithë kursin në punë

Ke ndërtuar një aplikacion dhe ke njohur një platformë të dytë. Para projektit final, bëj zgjedhjen drejt së cilës ka treguar kursi që në fillim, për një situatë me kufij të vërtetë e jo për një të rregullt.

Praktikë e kursit · 20 deri në 25 min

Zgjidh një platformë, pastaj mbroje kur lëvizin kushtet

Ke ndërtuar një aplikacion të tërë dhe ke njohur një platformë të dytë. Këtu zgjedh mes tyre për një situatë të vërtetë. Puna jote rri në këtë shfletues: asgjë nuk ngarkohet, nuk vlerësohet dhe nuk ruhet.

Të dhënat për planet e platformat më poshtë u kontrolluan me Adalo-n dhe Bubble më 26 gusht 2026. Shitësit i ndryshojnë shpesh, ndaj kontrollohi sërish para se të mbështetesh tek ato.

1 · Zgjidh, për punën si është tani

Një qendër rinore në Shkodër do një aplikacion ku anëtarët postojnë ecje fundjave dhe të tjerët u bashkohen. Rreth 60 anëtarë. Nuk ka para për të këtë semestër, ndaj vetëm një llogari falas. Qendra thotë se anëtarët duhet ta përdorin dot në telefonat e tyre.

Lexoje me kujdes atë fjalinë e fundit para se të zgjedhësh. "Në telefonat e tyre" dhe "në dyqanet e aplikacioneve" nuk janë e njëjta kërkesë.

Në cilën do ta ndërtoje?

Nëse ke ngecur, nis nga ajo që është e fiksuar

Mos nis nga mjetet. Nis nga ajo që nuk lëviz dot. Shkruaj dy gjëra: sa para ka dhe a rikthehen ato vitin tjetër, dhe ku duhet të punojë aplikacioni për njerëzit që do ta përdorin.

Pastaj pyet për secilin mjet vetëm një pyetje: çfarë më jep brenda atyre dy kufijve? Shumica e debateve për platformat treten aty, sepse përgjigjja zakonisht del se nuk varet fare nga mjeti.

Kurthi në këtë përshkrim është fjala "telefona". Një aplikacion web në shfletuesin e telefonit është në telefon. Një listim në dyqan është mënyrë për t'u gjetur, çka është gjë tjetër që vlen një shumë tjetër parash. Ndarja e këtyre të dyjave është pjesa më e madhe e punës.

Nëse kjo iu duk e thjeshtë

Kur është aplikacioni web falas përgjigjja profesionale, e jo ajo e varfra? Më shpesh nga sa duket, dhe arsyeja nuk është teknike.

Një listim në dyqan është abonim i maskuar. Kushton planin e platformës plus tarifat e zhvilluesit, çdo vit, dhe në çastin që një organizatë ndalon së paguari, aplikacioni zhduket nga dyqanet dhe anëtarëve që e instaluan u mbetet diçka që në heshtje pushon së punuari. Një qendre rinore që financohet grant pas granti po i kërkohet të marrë përsipër një kosto të përsëritur me para që nuk përsëriten. Ta rekomandosh këtë pa e thënë me zë është dështim i vërtetë i këshillës, edhe nëse aplikacioni është i shkëlqyer.

Ka edhe një kosto që askush nuk e vë në faturë: dikush duhet të mirëmbajë listimet në dyqane, të rinovojë certifikatat, dhe t'u përgjigjet refuzimeve të shqyrtimit. Në një organizatë të vogël ai dikush zakonisht është vullnetari që e ndërtoi, dhe ai nuk do të jetë aty përgjithmonë.

Radha jote:mendo një organizatë që e njeh vërtet. Shkruaj çfarë do t'i ndodhte aplikacionit të tyre në vitin e tretë, pasi granti që e pagoi ka mbaruar dhe personi që e ndërtoi ka ikur. Pastaj thuaj nëse ndryshon rekomandimi yt.

Kjo pajisje mban mend vetëm fazën ku arrite dhe opsionet që zgjodhe.

Gjete diçka të paqartë, të vjetruar ose që mund të përmirësohet? Sugjero një përmirësim

Provo veten

  1. Bubble dhe Adalo janë të dyja platforma pa kod. Përmend një gjë për të cilën Bubble është i përshtatshëm dhe një gjë që nuk mund ta bëjë, dhe thuaj pse ka rëndësi kjo kur zgjedh një platformë për një projekt të vërtetë.
  2. Në Bubble, cili është ndryshimi mes krijimit të një gjëje, ndryshimit të një gjëje, dhe fshirjes së një gjëje, dhe pse fshirja është ajo për të cilën duhet pasur kujdes?
  3. Shiko etapat e projektit final. Pse modelimi i të dhënave vendoset para ndërtimit të ekraneve, dhe çfarë shkon keq nëse e anashkalon atë radhë?

Nga vjen ky mësim

Ndërtuar mbi

  • Future of Mobile Development: Deck 7 (Kalimi te platforma Bubble)
  • Përmbledhja e Leksionit 7 + detyra e projektit final

Kurset e alphaPlan ndërtohen mbi programe të zhvilluara në klasë, e nuk shpiken për web-in. Kur një pohim mbështetet mbi një standard të jashtëm ose mbi një rast të raportuar, ai emërtohet më sipër që ta kontrollosh vetë e të mos na besosh në fjalë.

Ky kurs u zhvillua nga alphaPlan Center mbi bazën e programeve të realizuara në partneritet me rrjetin American Corners.

Gjete diçka të paqartë, të vjetruar ose që mund të përmirësohet? Sugjero një përmirësim