Turinys[Slėpti][Rodyti]
- Kas yra Bubble.io?
- Kas yra vizualinis programavimas?
- Kokio tipo programas galite kurti?
Programos kūrimas naudojant „Bubble“ (mokomoji programa)+-
- 1. Darbo pradžia
- 2. Duomenų bazės konfigūravimas
- 3. Darbo eigos kūrimas
- 4. Naujienų istorijos kūrimas
- 5. Dinaminio turinio rodymas sklaidos kanale
- 6. Duomenų siuntimas tarp puslapių
- 7. Dinamiško turinio rodymas istorijos puslapyje
- 8. Leidėjo straipsnio rodymas
- 9. Sekite leidėjus
- 10. Papildomos funkcijos, kurias galite pridėti
- 11. Rezultatas
- Argumentai "už"
- Trūkumai
- Kainos
- Išvada
Neseniai domėjausi žiniatinklio kūrimo būdais, išskyrus HTML, CSS ir JavaScript.
Augant be kodo kraštovaizdžiui, nenuostabu, kad yra keletas alternatyvų įprastesniems interneto programų kūrimo būdams.
Turite būti susipažinę su kai kuriomis labiau žinomomis TVS platformomis, tokiomis kaip „WordPress“, kurios beveik neturi kodo. Tačiau jei norite kurti žiniatinklio programas, tokios platformos gali atrodyti ribojančios.
Pristatau jums galingą Bubble.io be kodo įrankis leidžia kurti žiniatinklio programas kaip niekada anksčiau.
Panagrinėkime tai nuodugniai!
Kas yra Bubble.io?
Bubble yra netechninė platforma, jungianti vaizdinę programavimo kalbą ir a interneto svetainių kūrimo sistema.
Vartotojai gali naudoti šiuos programavimo įrankius norėdami sukurti unikalias internetines programas, keisti duomenų bazes ir procesus, pridėti puslapio komponentų (vaizdų, teksto, įvesties formų, žemėlapių) ir kurti jų sąsajas.
Tai prekyvietė, kurioje galite atrasti idealių šablonų, papildinių ir paslaugų, padėsiančių kurti stiprius produktus.
Nereikia nustatyti įprastos programavimo sistemos, naudodami „Bubble“ galite sukurti bet ką – nuo prekyvietės iki socialinio tinklo iki CRM (ryšių su klientais valdymo).
Tai suteikia klientams galimybę kurti ir pritaikyti savo programas naudojant patogią sąsają ir žymeklio ir spustelėjimo redaktorių.
Galite naudoti jį kartu su paslaugomis, kurios teikia REST API, pvz., Facebook, SQL, analizės ir mokėjimo programomis. Tai leidžia vartotojams skirti laiko savo programų funkcionalumui ir išvaizdai tobulinti, kad jos gerai atrodytų planšetiniuose kompiuteriuose ir mobiliuosiuose įrenginiuose.
Jis tinka visų dydžių verslui, nuo mažo iki vidutinio iki didelio; ir pasiekiama „Windows“, „Mac“ ir žiniatinklyje.
Kas yra vizualinis programavimas?
Vaizdinis programavimas iš esmės yra tai, kaip skamba. Užuot programuodami rankiniu būdu rašydami kodą, tai darote grafiškai spustelėdami ir vilkdami komponentus į puslapius.
Nesileiskite suklaidinti šio trumpo aprašymo.
Tai nepanaši į bet kurią kitą slapukų pjaustymo programą ar svetainių kūrimo įrankį, su kuriuo susidūrėte internete. Daugelis programų kūrėjų reikalauja pasikliauti pagrindiniais šablonais ir turėti labai ribotas funkcijas; jie leidžia kurti tik tam tikras programas ir apriboti jūsų suasmeninimą.
Nors „Bubble“ sąvokos „vaizdinis programavimas“ ir „vilkimas ir nuleidimas“ atrodo lengvos, ji yra nepaprastai galinga.
Jo vaizdinė programavimo aplinka leidžia ne tik vilkti objektus, tokius kaip tekstas, grafika, įvestis ir kt., į puslapį, bet ir konfigūruoti, ką tie elementai daro.
Ką daro Bubble?
Pagrindinis „Bubble“ tikslas – leisti bet kam kurti žiniatinklio programas, nereikalaujant rašyti kodo.
Tačiau, nors tai suteikia lengvai įsimenamą tikslo teiginį, ji nepalieka reikšmingos istorijos dalies. Kelias nuo idėjos iki rinkos yra sudėtingesnis nei vien tik kodo eilučių kūrimas.
Įprasto kūrimo metu reikalinga aukštos kvalifikacijos specialistų komanda, dirbanti su tam tikromis programos kūrimo, augimo ir priežiūros skyriais. Apsvarstykite tai.
Ko reikia kiekvienai programai?
- Apsauga, užtikrinanti, kad niekas neturi neteisėtos prieigos prie duomenų.
- Duomenų bazė, skirta saugoti ir gauti informaciją, pvz., elementus, straipsnius ir socialinės žiniasklaidos naujinius.
- Mastelio keitimas, kad būtų galima netrukdomai plėtoti vartotojų bazę ir duomenų kiekį.
- Maloni vartotojo sąsaja, kad programa būtų patraukli ir paprasta naudoti.
- Integracija su įvairiomis paslaugomis ir sistemomis.
Burbulas pakeičia kur kas daugiau nei koderis. Jis teikia visas šias paslaugas vizualiai patraukliu ir labai automatizuotu būdu, todėl įmanoma, jei ne paprasta, viską tvarkyti vienas asmuo.
Nors ankstesnės be kodo platformos įvairiais būdais bandė pakeisti kodavimą. Jos koncepcija yra pašalinti kiek įmanoma daugiau kliūčių, trukdančių programai pasiekti rinką, tvarkyti viską nuo jautraus dizaino ir animacijos iki prieglobos, versijos diegimo, saugos ir duomenų bazės operacijų.
API jungties naudojimas Bubble prijungimui prie kitų paslaugų
Jo API jungtis tikriausiai yra svarbiausias papildinys rinkoje. Kaip rodo pavadinimas, tai leidžia prisijungti prie kitų programų ir paslaugų, kad galėtumėte bendrinti veiksmus ir duomenis.
Užuot gilinęsis į technines specifikas, kaip tai veikia, apsvarstykite šiuos pavyzdžius, ką API gali pasiekti:
- Prieigos gavimas mašininis mokymasis tokie metodai kaip vaizdų atpažinimas ir vertimas.
- Gaukite naujausią orų informaciją iš bet kurios žemės vietos.
- Kai „Bubble“ suaktyvinamas įvykis, informacija keičiamasi tarp sistemų, pvz., nustatomas potencialus klientas jūsų CRM arba susitikimas „Google“ kalendoriuje.
- Užsisakykite skrydį arba nakvynę viešbutyje bet kurioje pasaulio vietoje.
- Gaukite bet kurios įmonės telefono numerį, vietą, nuotraukas, logotipą ir atsiliepimus „Google“ žemėlapiuose.
Papildinių naudojimas vietinėms funkcijoms patobulinti
Techniškai jis sumaišo „JavaScript“ kodo modulius, CSS ir HTML į funkcinį mazgą. JS.JSON parašyta programa yra jos kalbos pagrindas.
Nors jums nereikia iki galo suprasti šių terminų, kad sukurtumėte programas, jie rodo vieną pagrindinį faktą: jis atitinka žinomus ir pripažintus žiniatinklio standartus, todėl kūrėjai gali žymiai pagerinti savo pradines funkcijas.
Tai jau matoma įskiepių svetainėje, kur yra šimtai nemokamų ir mokamų pagrindinių funkcijų plėtinių. Tai taip pat reiškia, kad jei pasieksite tašką, kai jo pagrindinių galimybių nepakanka, yra daug „JavaScript“ ekspertų, norinčių pasiūlyti jums pritaikytą sprendimą.
Kokio tipo programas galite kurti?
Galite sukurti daugybę programų, kai kurios iš jų pateiktos žemiau.
- Programos specializuotoms rinkoms su bendruomene.
- Įvairių sektorių darbo skelbimų programos.
- Programinė įranga ligoninės personalui.
- Pardavimo vietos programinė įranga fizinėms parduotuvėms.
- Odontologijos biuro programinė įranga su balta etikete.
- Asmeninio verslo inventoriaus ir klientų aptarnavimo programinė įranga.
- Brokeriams ir klientams skirtos nekilnojamojo turto sujungimo programos.
- Programos renginiams ir kursams rinkoje (ir net laivams).
- Norint gauti profesinius sertifikatus, reikia atlikti vidaus testavimo programas.
- Paraiškos pirmosios pagalbos teikėjams.
- Darbuotojų valdymo programinė įranga vidiniam naudojimui.
Tiesą sakant, platforma nėra skirta viskam. Tai gali būti ne idealus pasirinkimas, jei kuriate žaidimo programą su sudėtingais vaizdais ir judesiais. Be to, jei kuriate savąją programą (skirtą programų parduotuvėms), turėsite ją integruoti su kita trečiosios šalies paslauga.
Pagrindinės savybės
Bubble yra pripildytas funkcijų. Visų čia aprėpti nepavyks, bet pabandysime aprėpti būtiniausius.
1. Įskiepiai
Tai leidžia į savo programas įtraukti daugybę internete esančių įrankių interneto programa. Pavyzdžiui, jei norite, kad jūsų vartotojai prisijungtų naudodami savo „Facebook“ paskyrą, galite tai padaryti naudodami „Facebook“ papildinį.
2. Plėsti
Tai leidžia jums sukurti dinamines, kelių vartotojų programas, skirtas staliniams kompiuteriams ir mobiliesiems interneto naršyklėms, taip pat visus įrankius, reikalingus kuriant svetainę, panašią į Instagram ar Airbnb.
3. dizainas
Galite sukurti mobiliesiems pritaikytus išdėstymus ir dinamišką turinį, kad suteiktumėte galutinį štrichą gaminiui, kurį mielai parodysite kitiems.
4. Hostingas
Niekada nereikės vėl ir vėl rūpintis serverio priežiūra, infrastruktūra ar operacijomis.
Jis pasirūpina diegimu ir priegloba už jus saugiu ir patikimu būdu. Vartotojų skaičius, srauto apimtis ir duomenų saugykla yra neribojami.
Programos kūrimas naudojant „Bubble“ (mokomoji programa)
Dabar pradėkime veiksmus ir išsiaiškinkime, kaip galite sukurti naujienų programą „Bubble“.
1. Darbo pradžia
Norėdami pradėti, pirmiausia turite užsiregistruokite nemokamai Bubble paskyrai.
Pradėsime naudodami „Bubble“ vizualinio dizaino įrankį savo platformai formuoti vartotojo sąsaja. Toliau pateikiami kai kurie pagrindiniai įtrauktini puslapiai:
- Įkėlimo puslapis – svetainė, kurioje leidėjai kurs ir platins straipsnius.
- Pagrindinis puslapis – rodomas neseniai paskelbtų istorijų sąrašas.
- Naratyvinis puslapis – puslapis, kuriame galima rasti kiekvieną unikalią istoriją.
- Leidėjo puslapis – puslapis, kuriame pateikiamas tam tikro leidėjo pasakojimų sąrašas.
2. Duomenų bazės konfigūravimas
Išdėstę produkto ekraną, galite sutelkti dėmesį į duomenų laukų, kurie padės jūsų programai, kūrimą. Šiuos laukus naudosime norėdami susieti darbo eigas, kuriomis grindžiamas jūsų produktas.
Šiame pavyzdyje kiekvienai naujienai nustatysime du skirtingus duomenų tipus. Viename duomenų tipe bus pagrindiniai istorijos faktai (pvz., pavadinimas, rodomas paveikslėlis ir leidėjas), o kito tipo duomenų bus didesni turinio failai, pvz., visas pasakojimas.
Apibrėždami juos kaip atskirus duomenų tipus, galime įkelti tik reikalingą informaciją, kai jos reikia, apribodami medžiagos, kurią turės sukurti „Bubble“ rengyklė, kiekį.
Bus sukurti šie duomenų tipai ir laukai:
Duomenų tipas: vartotojas
Laukai:
- Vardas
- Šie leidėjai yra leidėjų sąrašas. Svarbi pastaba: sukūrę lauką kaip sąrašą, pagrįstą atskiru duomenų tipu, galėsite lengvai įtraukti visus pagrindinius jo duomenų laukus nekuriant papildomų laukų.
Duomenų tipas: Istorija
Laukai:
- pavadinimas
- Teminis vaizdas
- rašytojas
- Kategorija
- Leidėjas
- Istorijos turinys
Duomenų tipas: Istorijos turinys
Laukai:
- Istorijos turinys
Duomenų tipas: Leidėjas
Laukai:
- Vardas
- logotipas
- Sekėjai
3. Darbo eigos kūrimas
Dabar, kai sutvarkėte programos dizainą ir duomenų bazę, laikas pradėti viską derinti ir veikti.
Darbo eigos yra pagrindinis būdas tai atlikti naudojant „Bubble“.
Kiekviena darbo eiga įvyksta, kai įvyksta įvykis (pvz., vartotojas spusteli mygtuką), o tada reaguodamas atlieka „veiksmų“ seką (pvz., „užsiregistruoti vartotoją“, „pakeisti duomenų bazę“ ir pan.). .
4. Naujienų istorijos kūrimas
Pirmoji funkcija, kurią pasiūlysime, yra įrankis, leidžiantis leidėjams rašyti ir skelbti naujienas svetainėje.
Įkėlimo puslapyje pradėsime įtraukdami daug įvesties elementų, kurie bus taikomi įvedant duomenis į mūsų duomenų bazę. Teksto įvestis, paveikslėlių įkėlimo programa ir išskleidžiamasis pasirinkimas yra šių laukų pavyzdžiai.
Taip pat turėsime tinkinti leidėjo išskleidžiamąjį meniu, kad būtų rodomas dinaminių parinkčių sąrašas. Kiekvienas naujas straipsnis bus įtrauktas į leidėjo visų straipsnių sąrašą, todėl iš savo duomenų bazės turėsime pasirinkti esamą leidėją.
Nustatydami šį išskleidžiamąjį meniu pasirinksime leidėjo parinkčių tipą.
Po to mūsų duomenų šaltinis nuskaitys mūsų duomenų bazę ir pateiks visų dabartinių publikacijų sąrašą. Galiausiai pakeisime šaltinio antraštę, įtraukdami leidėjo pavadinimą.
Kai rašytojas įveda reikiamą informaciją į kiekvieną puslapio įrašą, jis spustelėja paskelbimo mygtuką, kad sukurtų naują pasaką.
Tada savo duomenų bazėje sukursite naują dalyką, kurio duomenų tipas nustatytas kaip pasakojimas.
Tada turėsime pradėti pildyti savo duomenų bazę reikalingais laukais. Prijunkite kiekvieną puslapio įvesties komponentą prie atitinkamų duomenų bazės stulpelių.
Pirmiausia sukursime istorijos turinio tipą, kuris galiausiai bus susietas su pačia pasaka.
Toliau į šią procedūrą įtrauksime dar vieną etapą, sukurdami ką nors kita – šį kartą pačią pasaką.
Šiuos duomenis galima be vargo integruoti į savo platformą, integruojant pirmąją pasakojamąją medžiagą, kurią sukūrėme su šia istorija.
Kiekvieną kartą suaktyvinus šią procedūrą, bus sukurta nauja pasaka.
5. Dinaminio turinio rodymas sklaidos kanale
Kai leidėjai pradės įkelti medžiagą į jūsų programą mobiliesiems, pagrindiniame puslapyje turėsime pradėti kurti logiką, pagal kurią kiekvienas straipsnis būtų rodomas kaip dinaminis sąrašas. Tai galima padaryti naudojant pasikartojančią grupės elementą.
Pasikartojančios grupės dirba su jūsų duomenų baze, kad pateiktų ir atnaujintų dinaminės medžiagos sąrašą.
Taikydami pasikartojančią grupę, pirmiausia turite susieti elementą su duomenų tipu savo duomenų bazėje.
Tokiu atveju medžiagą priskirsite pasakų kategorijai. Taip pat turėsite pateikti duomenų šaltinį kaip visų duomenų bazėje esančių lentelių sąrašą.
Taip pat suskirstysime šią pasikartojančią grupę pagal kiekvienos istorijos pradžios datą, sąrašą rodydami atvirkštine chronologine tvarka. Dabar galite pradėti tvarkyti dinaminę medžiagą, kuri bus rodoma kiekviename tinklelyje.
Tiesiog užpildykite viršutinę eilutę atitinkama medžiaga, kurią norite rodyti, ir šis galingas elementas likusius stulpelius užpildys duomenimis iš jūsų dabartinės duomenų bazės.
6. Duomenų siuntimas tarp puslapių
Taip pat galima sukurti įvykius kiekvienoje pasikartojančios grupės eilutėje. Kuriant savo platformos navigacijos funkcijas, ši funkcija pravers.
Mūsų naujienų programos pagrindiniame puslapyje rodoma tik kiekvienos istorijos peržiūra, įskaitant leidėją, rodomą vaizdą ir istorijos pavadinimą.
Tačiau joje nerodomas visas straipsnio turinys, kol vartotojas nepaspaudžia istorijos puslapio. Naudosime darbo eigos rengyklę duomenims perduoti iš vieno puslapio, kad būtų rodoma ši medžiaga.
Norėdami pradėti, sukurkite procesą, kuris siunčia vartotoją į istorijos puslapį, kai paspaudžiamas istorijos paveikslėlis.
Naudokite naršymo įvykį, kad perkeltumėte vartotoją į kitą puslapį kurdami šį procesą.
Išskleidžiamajame meniu pasirinkite paskirties puslapio tipą, kuris bus pasakojimo puslapis. Tada šiame puslapyje turėsite pateikti daugiau informacijos, kad burbulo redaktorius suprastų, kurią unikalią pasaką rodyti.
Informacija, kurią turėsite pateikti, gaunama iš dabartinių langelių istorijos.
7. Dinamiško turinio rodymas istorijos puslapyje
Galite lengvai gauti šio įvykio duomenis ir parodyti atitinkamą medžiagą iš pasakojimo, kai vartotojas siunčiamas į tam tikrą istorijos puslapį.
Norėdami sukurti šią funkciją, pirmiausia turite patikrinti, ar tikslinio puslapio tipas atitinka duomenų ypatybę, kurią pateikiate naudodami darbo eigą. Esant tokiai situacijai, istorijos puslapį turite susieti su istorijos nuosavybe.
Jis gali tiesiog surinkti ir pateikti tinkamus duomenis iš esamų šaltinių, suskirstydamas puslapio turinio tipą.
Dabar galite pradėti įterpti dinaminę medžiagą į laukus, kuriuose pateikiama informacija iš vienos lentelės.
8. Leidėjo straipsnio rodymas
Perskaitęs naujieną, vartotojas gali pasirinkti peržiūrėti visą leidėjo straipsnių katalogą. Jei sukūrėte leidėjo duomenų tipą, sukurti atskirą puslapį leidėjams yra taip paprasta, kaip sukurti mūsų pradinį pagrindinį puslapį.
Šiame puslapyje turėsime pradėti nustatydami puslapio tipą į leidėjas.
Tada nukopijuokite pasikartojančią grupę iš pagrindinio puslapio ir redaguokite nustatymus.
Tokiu atveju mūsų pasikartojančios grupės duomenų šaltinis ieškos visų esamų straipsnių, kurių leidėjas yra dabartinis puslapio leidėjas.
9. Sekite leidėjus
Trečia pagrindinė funkcija, kurią sukursime savo MVP, yra galimybė sekti leidėją platformoje. Leidėjo puslapyje pridėsime sekimo mygtuką. Spustelėję šią piktogramą pradėsime naują procesą, kuris pakeičia dalyką.
Įtraukus dabartinį puslapio leidėją į toliau nurodytų leidinių sąrašą, dabartinis naudotojas bus pakeistas.
Po to turėsime atnaujinti dabartinio puslapio leidėjo sekėjų sąrašą įtraukdami dabartinį naudotoją.
10. Papildomos funkcijos, kurias galite pridėti
Dabar, kai jums patogu kurti pasirinktinius duomenų laukus ir pateikti dinamišką informaciją, galite kūrybiškai naudotis savo gaminio patirtimi. Taip pat galite įtraukti:
- Sukurkite funkciją, leidžiančią vartotojams išsaugoti turinį, kad būtų galima skaityti vėliau.
- Kiekvieno kūrinio apačioje pateikite pasikartojančią siūlomų straipsnių rinkinį.
- Sukurkite paieškos įrankį, kuris padės žmonėms rasti naujo turinio svetainėje.
11. Rezultatas
Jūsų paskutinė programa atrodys maždaug taip.
Argumentai "už"
- Galimybė prisijungti prie daugelio API ir papildinių.
- Lengva naudoti, be kodo programa.
- Žmonėms, neturintiems programavimo patirties, tai bus naudinga.
- Sukurkite universalius ir galingus įrankius.
- Greitas užklausų apdorojimas.
Trūkumai
- Padidėjęs patikimumas.
- Duomenų apdorojimo greitis yra lėtas.
- Našumas suvaržytas.
Kainos
Nemokamas planas leidžia sužinoti apie platformą ir kurti savo programą.
Mokamos prenumeratos apima priedus, pvz., baltąjį ženklinimą, tinkintą domeną, prieigą prie „Bubble“ API ir rezervuotą serverio pajėgumą, kurie išvardyti toliau.
- Asmeninis – 25 USD per mėnesį (mokama kasmet) arba 29 USD per mėnesį (mokama kas mėnesį).
- Profesionalus – 115 USD per mėnesį (mokama kasmet) arba 129 USD per mėnesį (mokama kas mėnesį).
- Gamyba – 475 USD per mėnesį (mokama kasmet) arba 529 USD per mėnesį (mokama kas mėnesį).
Pradėkite naudotis „Bubble“ nemokamai
Išvada
„Bubble“ yra puiki alternatyva kuriant žiniatinklio programas, kurios gali rodyti tik informaciją arba turi minimalią vartotojo sąsają.
Tai gana paprasta naudoti, o „Bubble“ pateikiami vadovėliai yra labai naudingi. Jo internetinė vaizdo rengyklė, leidžianti kurti žiniatinklio programas pagal jūsų pageidavimus.
Ir geriausia yra tai, kad jums nereikia jokios programavimo patirties ar žinių. Bubble tinka visiems, nesvarbu, ar mokate koduoti, ar ne.
Tačiau išankstinis sąsajos kalbų supratimas gali suteikti pranašumo, nes tai leidžia greitai išsiaiškinti, ką ji daro dėl įvykių tvarkymo.
Taigi, ką manote apie „Bubble“ galimybes?
Leiskite mums žinoti komentarus!
Arbehi
Ar galima sukurti parduotuvę prekėms parduoti naudojant bubble.io įrankį?