Edukien aurkibidea[Ezkutatu][Erakutsi]
- Zer da Bubble.io?
- Zer da programazio bisuala?
- Zein aplikazio mota garatu ditzakezu?
Bubble-rekin aplikazio bat eraikitzea (tutoriala)+-
- 1. Hasteko
- 2. Datu-basea konfiguratzea
- 3. Lan-fluxuak eraikitzea
- 4. Albiste bat sortzea
- 5. Jarioan eduki dinamikoa bistaratzea
- 6. Orrialde artean datuak bidaltzea
- 7. Istorioaren orrian eduki dinamikoa bistaratzea
- 8. Argitaletxearen artikulua bistaratzea
- 9. Argitaletxeen atzetik
- 10. Gehitu ditzakezun eginbide gehigarriak
- 11. Emaitza
- Pros
- Cons
- Prezioak
- Ondorioa
Duela gutxi HTML, CSS eta JavaScript ez diren web-garapeneko ikuspegiak interesatu zaizkit.
Koderik gabeko panorama gero eta handiagoa denez, ez zen harritzekoa web aplikazioak garatzeko planteamendu estandarren aurrean hainbat alternatiba daudela jakitea.
Ezagutzen diren CMS plataforma batzuk ezagutu behar dituzu, esate baterako, koderik gabeko WordPress adibidez. Baina, web aplikazioak eraiki nahi badituzu, horrelako plataformak murriztaileak dirudite.
Hemen Bubble.io aurkezten dizuet, indartsua koderik gabeko tresna Inoiz ez bezala web aplikazioak eraikitzeko aukera ematen dizu.
Azter dezagun sakon!
Zer da Burbuila.io?
Bubble plataforma ez-teknikoa da, programazio-lengoaia bisuala eta a konbinatzen dituena web garapen-esparrua.
Erabiltzaileek programazio-tresna hauek erabil ditzakete lineako aplikazio bakarrak eraikitzeko, datu-baseak eta prozesuak aldatzeko, orrialdeetako osagaiak gehitzeko (irudiak, testua, sarrera-inprimakiak, mapak) eta haien interfazeak diseinatzeko.
Produktu sendoak eraikitzen laguntzeko txantiloi, plugin eta zerbitzu idealak aurki ditzakezun merkatua da.
Programazio-esparru tipiko bat konfiguratu beharrik gabe, edozer gauza sor dezakezu merkatu batetik sare sozial batetik CRM (Customer Relationship Management) edo Bubble erabiliz.
Bezeroei beren aplikazioak sortzeko eta pertsonalizatzeko aukera ematen die erabiltzaileentzako interfaze atsegina eta puntu eta klik editore bat erabiliz.
REST APIa eskaintzen duten zerbitzuekin batera erabil dezakezu, hala nola Facebook, SQL, analisiak eta ordainketa aplikazioak. Erabiltzaileek beren aplikazioen funtzionaltasuna eta itxura hobetzen denbora eskaintzeko aukera ematen die, tabletetan eta gailu mugikorretan itxura ona izan dezaten.
Enpresa-tamaina guztietarako egokia da, txikitik ertainera eta handira; eta eskuragarria Windows, Mac eta weberako.
Zer da programazio bisuala?
Programazio bisuala da funtsean soinua duena. Kodea idatziz eskuz programatu beharrean, grafikoki egiten duzu osagaiak orrietan klik eginez eta arrastatuz.
Ez utzi engainatu deskribapen labur horrek.
Ez da sarean aurkitu duzun beste cookie-mozteko aplikazio edo webguneak sortzeko tresna bezalakoa. Aplikazio-eraikitzaile gehienek oinarrizko txantiloietan konfiantza izatea eta funtzionaltasun oso mugatua izatea eskatzen dizute; aplikazio mota zehatzak garatzeko eta pertsonalizazioa mugatzeko aukera ematen dizute.
Bubble-n "ikusizko programazioa" eta "arrastatu eta jaregiten" nozioa erraza agertzen bada ere, izugarri indartsua da.
Bere programazio bisual-inguruneari esker, testuak, grafikoak, sarrerak eta gehiago orrialde batera objektuak arrastatzeaz gain, elementu horiek zer egiten duten konfiguratzeko aukera ematen du.
Zer egiten du Bubblek?
Bubble-ren helburu nagusia edonork web-aplikazioak sortzea da kodea idatzi beharrik gabe.
Hala ere, honek erraz gogoratzen duen helburuen adierazpena eskaintzen duen arren, ipuinaren zati esanguratsu bat kanpoan uzten du. Ideiatik merkaturako bidea kode lerroak sortzea baino korapilatsuagoa da.
Garapen konbentzionalean aplikazioaren sorrera, hazkuntza eta mantentze-atal jakin batzuetan lan egiten duten prestakuntza handiko profesionalen talde bat behar da. Kontuan izan hau.
Zer eskatzen du aplikazio bakoitzak?
- Segurtasuna, inork baimenik gabeko datuetara sarbiderik ez duela ziurtatzeko.
- Informazioa gordetzeko eta berreskuratzeko datu-base bat, hala nola elementuak, artikuluak eta sare sozialen eguneraketak.
- Eskalagarritasuna erabiltzaile-basearen eta datu-bolumenaren oztoporik gabeko garapena ahalbidetzeko.
- Erabiltzaile interfaze atsegina aplikazioa erakargarria eta erabiltzeko erraza izan dadin.
- Hainbat zerbitzu eta sistemarekin integratzea.
Bubblek kodetzaile batek baino askoz gehiago ordezkatzen du. Zerbitzu horiek guztiak modu erakargarrian eta oso automatizatuan eskaintzen ditu, pertsona bakar batek dena kudeatzea pentsatzeko modukoa, erraza ez bada.
Koderik gabeko aurreko plataformak kodeketa modu ezberdinetan ordezkatzen saiatu diren bitartean. Bere kontzeptua aplikazio bat merkatura iristeko ahalik eta oztopo gehien kentzea da, diseinu responsive eta animazioetatik ostalaritzara, bertsioen hedapena, segurtasuna eta datu-baseen eragiketak kudeatuz.
Bubble beste zerbitzu batzuetara konektatzeko API konektorea erabiltzea
Bere API Konektorea litekeena da merkatuko plugin garrantzitsuena. Izenak dioen bezala, beste aplikazio eta zerbitzu batzuetara konekta zaitezke ekintzak eta datuak partekatzeko.
Honen funtzionamenduaren zehaztasun teknikoetan sakondu beharrean, kontuan hartu APIek lor ditzaketenaren adibide hauek:
- Sarbidea lortzea makina ikaskuntza irudien ezagutza eta itzulpena bezalako metodoak.
- Lortu lurreko edozein lekutako eguraldiari buruzko informazio berriena.
- Bubble-n gertaera bat abiarazten denean, informazioa trukatzen da sistemen artean, hala nola zure CRM-n edo hitzordu bat zure Google Calendar-en ezartzea.
- Erreserbatu hegaldi bat edo hoteleko egonaldia munduko edozein lekutan.
- Lortu Google Maps-en edozein enpresaren telefono-zenbakia, kokapena, argazkiak, logotipoa eta iritziak.
Pluginak erabiltzea jatorrizko ezaugarriak hobetzeko
Teknikoki, JavaScript kodearen moduluak, CSS eta HTML nahasten ditu nodo funtzional batean. JS.JSON-n idatzitako aplikazioak bere hizkuntzaren oinarri gisa balio du.
Aplikazioak eraikitzeko terminologia horiek guztiz ulertu behar ez dituzun arren, funtsezko datu bat adierazten dute: web estandar ezagunak eta onartuak betetzen ditu, eta garatzaileek bere jatorrizko funtzionaltasuna nabarmen hobetzen dute.
Plugin gunean dagoeneko ikusten da hori, non oinarrizko funtzionalitaterako doako eta ordainpeko ehunka luzapen eskuragarri dauden. Horrek esan nahi du oinarrizko gaitasunak nahikoak ez diren puntu batera iristen bazara, JavaScript aditu asko dagoela zuretzat neurrira egindako irtenbide bat jartzeko prest.
Zein aplikazio mota garatu ditzakezu?
Aplikazio sorta zabala sor dezakezu, eta horietako batzuk behean azaltzen dira.
- Komunitate bat duten merkatu espezializatuetarako aplikazioak.
- Hainbat sektoretako lan poltsetarako aplikazioak.
- Ospitaleko langileentzako softwarea.
- Salmenta puntuko softwarea denda fisikoetarako.
- Hortz bulegoko softwarea etiketa zuriarekin.
- Enpresa pertsonalaren inbentarioa eta bezeroarentzako arretarako softwarea.
- Broker eta bezeroei begira higiezinen agregazio aplikazioak.
- Merkatuko ekitaldi eta ikastaroetarako aplikazioak (eta baita itsasontziak ere).
- Profesionaltasun-ziurtagiriek barne-probak egiteko aplikazioak behar dituzte.
- Lehen erantzuna emateko eskaerak.
- Langileak kudeatzeko softwarea barne erabilerarako.
Egia esateko, plataforma ez dago dena egiteko diseinatuta. Baliteke aukera aproposa ez izatea irudi eta mugimendu konplexuko joko-aplikazio bat diseinatzen ari bazara. Gainera, jatorrizko aplikazio bat sortzen ari bazara (aplikazio-dendetarako bat), hirugarrenen beste zerbitzu batekin integratu beharko duzu.
Ezaugarriak
Bubble funtzioz beteta dago. Hemen ezingo ditugu denak bildu, baina ezinbestekoenak biltzen saiatuko gara.
1. Pluginak
Interneteko tresna ugariren funtzionaltasuna zure barnean sartzeko aukera ematen du web aplikazioa. Adibidez, zure erabiltzaileak Facebook kontua erabiliz saioa hastea nahi baduzu, Facebook plugina erabil dezakezu horretarako.
2. Garatu
Mahaigaineko eta mugikorreko web arakatzaileentzako erabiltzaile anitzeko aplikazio dinamikoak eraikitzeko aukera ematen du, baita Instagram edo Airbnb-en antzeko gune bat eraikitzeko behar diren tresna guztiak ere.
3. Diseinua
Mugikorretarako egokiak diren diseinuak eta eduki dinamikoa sor ditzakezu besteei erakutsiko diezun produktu bati azken ukituak emateko.
4. ostalaritza-
Inoiz ez izan zerbitzariaren mantentzeaz, azpiegituraz edo eragiketez behin eta berriro kezkatu.
Inplementazioa eta hostinga zaintzen ditu modu seguru eta seguruan. Erabiltzaile kopurua, trafiko-bolumena eta datuen biltegiratzea mugarik gabe daude.
Bubble-rekin aplikazio bat eraikitzea (tutoriala)
Jar gaitezen orain ekintzara eta araka dezagun Bubble-n albiste-aplikazio bat nola eraiki dezakezun.
1. Hasteko
Hasteko, lehenik eta behin behar duzu erregistratu doako kontu bat Bubble-n.
Bubble-ren diseinu bisual tresna erabiliz hasiko gara gure plataformari forma emateko erabiltzaileen interfazea. Sartu beharreko orrialde nagusietako batzuk jarraian azaltzen dira:
- Kargatu orria - Argitaletxeek artikuluak garatu eta banatuko dituzten webgunea.
- Hasierako orria: argitaratu berri diren istorioen zerrenda bistaratzen da.
- Narrazio orria - Istorio bakarra aurki daitekeen orrialdea.
- Argitaletxearen orria - Argitaletxe jakin bateko ipuinen zerrenda bistaratzeko orrialdea.
2. Datu-basea konfiguratzea
Zure produktuaren pantaila ezarri ondoren, zure aplikazioa elikatuko duten datu-eremuak eraikitzen zentratu zaitezke. Eremu hauek zure produktuaren azpian dauden lan-fluxuak lotzeko erabiliko ditugu.
Adibide honetarako, bi datu mota ezberdin ezarriko ditugu albiste bakoitzeko. Datu-mota batek istorio baten oinarrizko gertaerak izango ditu (adibidez, izenburua, argazki nabarmendua eta argitaletxea), beste datu-motak eduki-fitxategi handiagoak izango ditu, esate baterako, narrazio osoa.
Datu mota diskretu gisa definituz, beharrezkoa denean bakarrik kargatu dezakegu behar den informazioa, Bubble editoreak ekoiztu beharko duen material kopurua mugatuz.
Datu mota eta eremu hauek sortuko dira:
Datu mota: Erabiltzaileak
eremuak:
- izena
- Argitaletxe hauek argitaletxeen zerrenda dira. Ohar garrantzitsua: datu-mota desberdin batean oinarritutako zerrenda gisa eremu bat sortzeak bere funtsezko datu-eremu guztiak erraz sartzeko aukera ematen du, eremu gehigarririk sortu beharrik gabe.
Datu mota: Story
eremuak:
- Izenburua
- Nabarmendutako irudia
- Idazlea
- Kategoria
- Argitaratzailea
- Istorioaren edukia
Datu mota: Istorioaren edukia
eremuak:
- Istorioaren edukia
Datu mota: Argitaratzailea
eremuak:
- izena
- logo
- Jarraitzaileak
3. Lan-fluxuak eraikitzea
Orain zure aplikazioaren diseinua eta datu-basea antolatuta, dena batzen eta funtzionatzen hasteko garaia da.
Lan-fluxuak dira Bubble-n hori lortzeko metodo nagusia.
Lan-fluxu bakoitza gertaera bat gertatzen denean gertatzen da (adibidez, erabiltzaileak botoi bat sakatzen duenean) eta, ondoren, "ekintzen" sekuentzia bat egiten du erantzun gisa (adibidez, "erabiltzailea erregistratu", "datu-basean aldaketa bat egin" eta abar) .
4. Albiste bat sortzea
Eskainiko dugun lehen funtzioa argitaletxeei albisteak idatzi eta webgunean argitaratzeko aukera ematen dien tresna bat da.
Kargatzeko orrian, gure datu-basean datuak sartzeko aplikatuko diren sarrerako elementu asko sartzen hasiko gara. Testu-sarrerak, irudiak kargatzea eta goitibeherako hautapena dira eremu horien adibideak.
Argitaratzailearen goitibeherako menua ere pertsonalizatu beharko dugu aukera dinamikoen zerrenda bistaratzeko. Artikulu berri bakoitza argitaletxe baten artikulu guztien zerrendara gehituko denez, lehendik dagoen argitaratzaile bat aukeratu beharko dugu gure datu-basetik.
Goitibeherako menu hau ezartzerakoan, argitaletxe izateko aukera mota aukeratuko dugu.
Horren ondoren, gure datu-iturburuak gure datu-basea eskaneatu eta uneko argitalpen guztien zerrenda itzuliko du. Azkenik, iturburu-oina aldatuko dugu argitaratzailearen izena sartzeko.
Idazle batek orrialdeko sarrera bakoitzean beharrezko informazioa sartu ondoren, argitaratu botoian klik egingo du ipuin berri bat sortzeko.
Ondoren, zure datu-basean, gauza berri bat sortuko duzu datu-mota narrazio gisa ezarrita.
Ondoren, gure datu-basea behar diren eremuekin betetzen hasi beharko dugu. Konektatu orrialdeko sarrerako osagai bakoitza dagokien datu-baseko zutabeetara.
Lehenik eta behin, ipuinaren eduki mota sortuko dugu, azkenean ipuinari berari lotuko zaiona.
Jarraian, prozedura honi beste etapa bat gehituko diogu, beste zerbait sortuz, oraingoan, ipuina bera.
Datu hauek zure plataforman zehar ahaleginik gabe integratzea posible da, ipuin honekin garatu dugun lehen narrazio-materiala integratuz.
Prozedura hau aktibatzen den bakoitzean ipuin berri bat sortuko da.
5. Jarioan eduki dinamikoa bistaratzea
Argitaletxeek zure mugikorreko aplikaziora materiala kargatzen hasten direnean, artikulu bakoitza zerrenda dinamiko gisa erakusten duen logika sortzen hasi beharko dugu zure hasierako orrialdean. Hau gure talde errepikakorra elementua erabiliz lor daiteke.
Errepikatzen diren taldeek zure datu-basearekin lan egiten dute material dinamikoen zerrenda aurkezteko eta freskatzeko.
Talde errepikakorra aplikatzean, lehenik eta behin elementua zure datu-baseko datu-mota batekin lotu behar duzu.
Kasu honetan, material mota ipuin gisa sailkatuko duzu. Datu-iturburua zure datu-baseko taula guztien zerrenda gisa ere eman beharko duzu.
Talde errepikakor hau istorio bakoitzaren hasiera dataren arabera antolatuko dugu, zerrenda alderantzizko ordena kronologikoan erakutsiz. Sare bakoitzaren barruan agertuko den material dinamikoa antolatzen has zaitezke orain.
Besterik gabe, bete goiko errenkada erakutsi nahi duzun material egokiarekin, eta elementu indartsu honek gainerako zutabeak zure uneko datu-baseko datuekin beteko ditu.
6. Orrialde artean datuak bidaltzea
Errepikatutako talde baten errenkada bakoitzaren barruan gertaerak ere eraiki daitezke. Zure plataformarako nabigazio-eginbideak garatzean, funtzionalitate hau erabilgarria izango da.
Gure albisteen aplikazioaren hasierako orrialdeak istorio bakoitzaren aurrebista besterik ez du erakusten, argitaletxea, irudi nabarmendu bat eta istorioaren izenburua barne.
Hala ere, ez du artikulu baten eduki osoa bistaratzen erabiltzaileak istorioaren orrialdera klik egin arte. Gure lan-fluxuaren editorea orrien artean datuak transmititzeko erabiliko dugu material hau bistaratzeko.
Hasteko, sortu istorio baten irudian klik egiten denean erabiltzailea istorioaren orrira bidaltzen duen prozesu bat.
Erabili nabigazio-gertaera bat erabiltzailea beste orri batera transferitzeko prozesu hau garatzen duzun bitartean.
Aukeratu helmugako orrialde mota narrazio orria izateko goitibeherako menuan. Ondoren, informazio gehiago eman beharko diozu orri honi, Bubble editoreak zein istorio berezia erakutsi uler dezan.
Eman beharko duzun informazioa egungo gelaxken ipuinetik dator.
7. Istorioaren orrian eduki dinamikoa bistaratzea
Gertaeren datuak erraz berreskura ditzakezu eta kontakizuneko material garrantzitsua erakutsi erabiltzaile bat istorio-orri jakin batera bidaltzen dutenean.
Funtzio hau sortzeko, lehenik eta behin egiaztatu behar duzu helburuko orrialde mota bat datorrela lan-fluxuaren bidez ematen ari zaren datu-propietatearekin. Egoera honetan, istorio-orria istorio-propietate batekin lotu behar duzu.
Lehendik dauden iturrietatik datu egokiak atera eta entregatu ditzake orrialde bateko eduki mota sailkatuz.
Taula bakarreko informazioa bistaratzen duten eremuetan material dinamikoa txertatzen has zaitezke orain.
8. Argitaletxearen artikulua bistaratzea
Albiste bat irakurri ondoren, erabiltzaileak argitaletxearen artikulu-katalogo osoa aztertzea aukera dezake. Argitaratzaileen datu-mota garatu baduzu, argitaletxeentzako orri bereizia sortzea gure jatorrizko orri nagusia sortzea bezain erraza da.
Orri honetan, orri-mota argitaratzailea ezarriz hasi beharko dugu.
Ondoren, kopiatu errepikatzen den taldea hasierako orrialdetik eta editatu ezarpenak.
Kasu honetan, gure talde errepikatzailearen datu-iturburuak lehendik dauden artikulu guztiak bilatuko ditu argitaratzailea uneko orrialdearen argitaratzailea den.
9. Argitaletxeen atzetik
Gure MVPrako eraikiko dugun hirugarren oinarrizko ezaugarria plataforman argitaratzaile bati jarraitzeko gaitasuna da. Jarraitzeko botoi bat gehituko dugu argitaletxearen orrian. Ikono honetan klik egiten dugunean, gauza bat aldatzen duen prozesu berri bat abiaraziko dugu.
Uneko orrialde-argitaratzailea bere argitalpenen zerrendara gehitzeak uneko erabiltzailea aldatuko du.
Horren ostean, uneko orrialdearen argitaratzailearen jarraitzaileen zerrenda eguneratu beharko dugu uneko erabiltzailea gehituz.
10. Gehitu ditzakezun eginbide gehigarriak
Orain eroso zauden datu-eremu pertsonalizatuak eraikitzen eta informazio dinamikoa aurkezten, sormena izan zaitezke zure produkturako sortzen dituzun esperientziekin. Hona hemen ere sartu ditzakezu:
- Sortu eginbide bat erabiltzaileei edukia gordetzeko gero irakurtzeko.
- Pieza bakoitzaren behealdean, eman iradokitako artikuluen bilduma errepikakorra.
- Sortu bilaketa-tresna bat jendeari webgunean eduki berria aurkitzen laguntzeko.
11. Emaitza
Zure azken aplikazioa antzeko zerbait izango da.
Pros
- API eta plugin askotara konektatzeko gaitasuna.
- Koderik gabeko aplikazioa erabiltzeko erraza.
- Programazio esperientziarik ez duten pertsonek onura aterako diote honetaz.
- Diseinatzeko tresna polifazetikoak eta indartsuak.
- Kontsulten prozesamendu azkarra.
Cons
- Fidagarritasuna areagotzea.
- Datuak prozesatzeko abiadura motela da.
- Errendimendua mugatuta dago.
Prezioak
Doako planak plataformari buruz ikasteko eta zure aplikazioa garatzeko aukera ematen dizu.
Ordainpeko harpidetzek etiketa zuria, domeinu pertsonalizatua, Bubble APIrako sarbidea eta erreserbatutako zerbitzariaren ahalmena bezalako gehigarriak dira, behean zerrendatzen direnak.
- Pertsonala - 25 $ / hileko (urtero ordainduta) edo 29 $ / hileko (hilero ordainduta).
- Profesionala - $ 115 / hileko (urtero ordainduta) edo $ 129 / hileko (hilero ordainduta).
- Ekoizpena - $ 475 / hilean (urtero ordainduta) edo $ 529 / hilean (hilero ordainduta).
Ondorioa
Bubble alternatiba bikaina da informazioa soilik erakutsi edo gutxieneko UI bat izan dezaketen web aplikazioak eraikitzeko.
Erabiltzeko nahiko erraza da, eta Bubble-k eskaintzen dituen tutorialak oso lagungarriak dira. Zure hobespenetan oinarritutako web aplikazioak diseinatzeko aukera ematen duen lineako editore bisuala.
Eta onena da ez duzula programazio-esperientzia edo esperientziarik behar. Bubble guztientzako egokia da, kodetzen dakizun ala ez kontuan hartu gabe.
Hala ere, frontend hizkuntzen aldez aurretik ulertzeak abantaila bat eman diezazuke gertakarien kudeaketari buruz zer egiten ari den azkar jakiteko aukera ematen duelako.
Beraz, zer iruditzen zaizu Bubbleren gaitasunei buruz?
Jakin iezaguzu iruzkinetan!
Arbehi
Sortu al daiteke denda bat bubble.io tresna erabiliz produktuak saltzeko?