Мазмұны[Жасыру][Көрсету]
- Bubble.io дегеніміз не?
- Визуалды бағдарламалау дегеніміз не?
- Қолданбалардың қандай түрлерін жасай аласыз?
Bubble көмегімен қолданба құру (оқулық)+-
- 1. Жұмысты бастау
- 2. Мәліметтер қорын конфигурациялау
- 3. Жұмыс процестерін құру
- 4. Жаңалық оқиғасын құру
- 5. Арнадағы динамикалық мазмұнды көрсету
- 6. Деректерді беттер арасында жіберу
- 7. Сюжет бетінде динамикалық мазмұнды көрсету
- 8. Баспаның мақаласын көрсету
- 9. Келесі баспагерлер
- 10. Қосуға болатын қосымша мүмкіндіктер
- 11. Нәтиже
- артықшылықтары
- Минус
- Баға
- қорытынды
Мен жақында HTML, CSS және JavaScript-тен басқа веб-әзірлеу тәсілдеріне қызығушылық таныттым.
Өсіп келе жатқан кодсыз ландшафтпен веб-қосымшаларды әзірлеудің стандартты тәсілдеріне бірнеше балама бар екенін білу таңқаларлық емес.
Сіз кодсыз WordPress сияқты белгілі CMS платформаларымен таныс болуыңыз керек. Бірақ, егер сіз веб-қосымшаларды жасағыңыз келсе, мұндай платформалар шектеуші болып көрінуі мүмкін.
Мұнда мен сізді қуатты Bubble.io-мен таныстырамын кодсыз құрал бұл бұрын-соңды болмаған веб-қолданбаларды жасауға мүмкіндік береді.
Оны тереңірек зерттеп көрейік!
қандай Bubble.io?
Bubble – бұл визуалды бағдарламалау тілін және a. біріктіретін техникалық емес платформа веб-әзірлеу негізі.
Пайдаланушылар бұл бағдарламалау құралдарын бірегей онлайн қосымшалар құру, дерекқорлар мен процестерді өзгерту, бет құрамдастарын (суреттер, мәтін, енгізу пішіндері, карталар) қосу және олардың интерфейстерін жобалау үшін пайдалана алады.
Бұл мықты өнімдерді құруға көмектесетін тамаша үлгілерді, плагиндерді және қызметтерді табуға болатын нарық.
Әдеттегі бағдарламалау құрылымын орнатудың қажеті жоқ, сіз Bubble көмегімен нарықтан әлеуметтік желіге дейін CRM (тұтынушымен қарым-қатынасты басқару) дейін кез келген нәрсені жасай аласыз.
Ол тұтынушыларға ыңғайлы интерфейс пен «нұқу» редакторының көмегімен қолданбаларын жасау және жекелендіру мүмкіндігін береді.
Сіз оны Facebook, SQL, аналитика және төлем қолданбалары сияқты REST API қамтамасыз ететін қызметтермен бірге пайдалана аласыз. Бұл пайдаланушыларға планшеттер мен мобильді құрылғыларда жақсы көрінуі үшін қолданбаларының функционалдығы мен сыртқы түрін жақсартуға уақыт бөлуге мүмкіндік береді.
Ол шағыннан ортасына дейінгі барлық бизнес өлшемдеріне сәйкес келеді; және Windows, Mac және веб үшін қол жетімді.
Визуалды бағдарламалау дегеніміз не?
Визуалды бағдарламалау негізінен ол сияқты естіледі. Код жазу арқылы қолмен бағдарламалаудың орнына, сіз оны компоненттерді басып, беттерге апару арқылы графикалық түрде жасайсыз.
Бұл қысқаша сипаттамаға алданып қалмаңыз.
Бұл кез келген басқа cookie файлдарын кесу қолданбасы немесе интернетте кездескен веб-сайт құру құралы сияқты емес. Қолданба жасаушылардың көпшілігі негізгі үлгілерге сенуіңізді және өте шектеулі функционалдылыққа ие болуыңызды талап етеді; олар тек қолданбалардың нақты түрлерін әзірлеуге және жекелендіруді шектеуге мүмкіндік береді.
Bubble бағдарламасында «визуалды бағдарламалау» және «сүйреп апару» ұғымдары оңай көрінгенімен, ол өте күшті.
Оның визуалды бағдарламалау ортасы мәтін, графика, кірістер және т.б. сияқты нысандарды бетке апаруға мүмкіндік беріп қана қоймайды, сонымен қатар ол элементтердің не істейтінін конфигурациялауға мүмкіндік береді.
Bubble не істейді?
Bubble бағдарламасының негізгі мақсаты - кез келген адамға код жазусыз веб-бағдарламаларды жасауға мүмкіндік беру.
Дегенмен, бұл оңай есте сақталатын мақсат мәлімдемесін қамтамасыз еткенімен, ол ертегінің біраз бөлігін қалдырады. Идеядан нарыққа дейінгі жол тек код жолдарын жасаудан гөрі күрделірек.
Қолданбаны жасаудың, өсуінің және техникалық қызмет көрсетуінің белгілі бір бөлімдерінде жұмыс істейтін жоғары оқытылған мамандар тобы дәстүрлі әзірлеуде қажет. Осыны қарастырыңыз.
Әрбір қолданбаға не қажет?
- Ешкімнің деректерге рұқсатсыз қол жеткізе алмайтындығына көз жеткізу үшін қауіпсіздік.
- Элементтер, мақалалар және әлеуметтік медиа жаңартулары сияқты ақпаратты сақтауға және алуға арналған дерекқор.
- Пайдаланушы базасы мен деректер көлемін кедергісіз дамытуға мүмкіндік беретін ауқымдылық.
- Қолданбаны тартымды және пайдалануды жеңілдететін жағымды пайдаланушы интерфейсі.
- Түрлі қызметтермен және жүйелермен интеграция.
Bubble кодермен салыстырғанда әлдеқайда көп нәрсені ауыстырады. Ол осы қызметтердің барлығын көрнекі түрде тартымды және жоғары автоматтандырылған түрде қамтамасыз етеді, бұл қарапайым болмаса да, бір адамның бәрін басқаруға мүмкіндік береді.
Бұрынғы кодсыз платформалар кодтауды әртүрлі жолдармен ауыстыруға тырысты. Оның тұжырымдамасы - жауап беретін дизайн мен анимациялардан бастап хостингке, нұсқаны орналастыруға, қауіпсіздікке және дерекқор операцияларына дейін барлығын өңдей отырып, қолданбаның нарыққа жетуі үшін мүмкіндігінше көп кедергілерді жою.
Bubble басқа қызметтерге қосылу үшін API қосқышын пайдалану
Оның API қосқышы нарықтағы ең маңызды плагин болуы мүмкін. Аты айтып тұрғандай, бұл әрекеттер мен деректерді ортақ пайдалану үшін басқа қолданбалар мен қызметтерге қосылуға мүмкіндік береді.
Мұның қалай жұмыс істейтінінің техникалық ерекшеліктерін қарастырудың орнына, API интерфейстері не істей алатынының мына мысалдарын қарастырыңыз:
- қол жеткізу машина оқыту бейнені тану және аудару сияқты әдістер.
- Жердің кез келген жерінен ауа райы туралы соңғы ақпаратты алыңыз.
- Оқиға Bubble қолданбасында іске қосылғанда, ақпарат жүйелер арасында алмасады, мысалы, CRM-де ықтимал тұтынушыны орнату немесе Google Calendar-да кездесу.
- Жер шарының кез келген нүктесінде рейске немесе қонақүйге тапсырыс беріңіз.
- Google Maps қолданбасында кез келген компанияның телефон нөмірін, орналасқан жерін, фотосуреттерін, логотипін және шолуларын алыңыз.
Жергілікті мүмкіндіктерді жақсарту үшін плагиндерді пайдалану
Техникалық тұрғыдан ол JavaScript код модульдерін, CSS және HTML-ті функционалды түйінге араластырады. JS.JSON тілінде жазылған қолданба өз тілінің негізі ретінде қызмет етеді.
Қолданбаларды құру үшін бұл терминологияны толық түсіну қажет болмаса да, олар бір маңызды фактіні көрсетеді: ол белгілі және мойындалған веб-стандарттарды ұстанады, бұл әзірлеушілерге өзінің жергілікті функционалдығын айтарлықтай жақсартуға мүмкіндік береді.
Бұл плагин сайтында қазірдің өзінде көрінеді, онда негізгі функционалдылыққа жүздеген тегін және ақылы кеңейтімдер қол жетімді. Бұл сонымен қатар оның іргелі мүмкіндіктері жеткіліксіз болатын нүктеге жетсеңіз, сіз үшін арнайы шешім шығаруға дайын JavaScript сарапшылары көп екенін білдіреді.
Қолданбалардың қандай түрлерін жасай аласыз?
Сіз қолданбалардың кең ауқымын жасай аласыз, олардың кейбіреулері төменде берілген.
- Қауымдастықпен мамандандырылған нарықтарға арналған қолданбалар.
- Әртүрлі секторлардағы жұмыс тақталарына арналған қолданбалар.
- Аурухана қызметкерлеріне арналған бағдарламалық қамтамасыз ету.
- Физикалық дүкендерге арналған сату нүктесінің бағдарламалық құралы.
- Ақ жапсырмасы бар стоматологиялық кеңсе бағдарламасы.
- Жеке бизнесті түгендеу және тұтынушыларға қызмет көрсету бағдарламалық құралы.
- Брокерлік және клиентке арналған жылжымайтын мүлікті біріктіру қосымшалары.
- Нарықтағы оқиғалар мен курстарға арналған қолданбалар (тіпті қайықтар).
- Кәсіби сертификаттар ішкі тестілеу қосымшаларын талап етеді.
- Алғашқы жауап берушілерге арналған өтінімдер.
- Ішкі пайдалануға арналған қызметкерлерді басқару бағдарламалық құралы.
Шынымды айтсам, платформа бәрін жасауға арналмаған. Күрделі көрнекілігі мен қозғалысы бар ойын қолданбасын жасап жатсаңыз, бұл тамаша таңдау болмауы мүмкін. Сонымен қатар, егер сіз жергілікті қолданбаны жасап жатсаңыз (біреуі қолданбалар дүкендеріне арналған), оны басқа үшінші тарап қызметімен біріктіру керек.
Басты ерекшеліктер
Көпіршік мүмкіндіктерге толы. Біз бұл жерде олардың барлығын қамту мүмкін емес, бірақ біз ең маңыздыларын қамтуға тырысамыз.
1. Плагиндер
Ол Интернеттегі көптеген құралдардың функционалдығын өзіңіздің компьютеріңізге қосуға мүмкіндік береді веб-бағдарлама. Мысалы, пайдаланушылардың Facebook тіркелгісін пайдаланып жүйеге кіруін қаласаңыз, мұны істеу үшін Facebook плагинін пайдалануға болады.
2. Дамыт
Ол жұмыс үстелі және мобильді веб-шолғыштар үшін динамикалық, көп пайдаланушы қолданбаларын, сондай-ақ Instagram немесе Airbnb ұқсас сайтты құруға қажетті барлық құралдарды жасауға мүмкіндік береді.
3. Дизайн
Басқаларға көрсетуге қуанышты болатын өнімге әрлеуді жасау үшін мобильді құрылғыларға ыңғайлы орналасулар мен динамикалық мазмұнды жасауға болады.
4. хостинг
Серверді күту, инфрақұрылым немесе операциялар туралы қайта-қайта алаңдамау керек.
Ол қауіпсіз және қауіпсіз түрде орналастыру мен хостингті қамтамасыз етеді. Пайдаланушылар саны, трафик көлемі және деректерді сақтау барлығы шектеусіз.
Bubble көмегімен қолданба құру (оқулық)
Енді әрекетке кірісіп, Bubble-да жаңалықтар қолданбасын қалай жасауға болатынын зерттейік.
1. Жұмысты бастау
Бастау үшін алдымен керек Bubble сайтында тегін тіркелгіге тіркеліңіз.
Біз платформаны қалыптастыру үшін Bubble визуалды дизайн құралын пайдаланудан бастаймыз Қолданушы интерфейсі. Қосылатын негізгі беттердің кейбірі төменде берілген:
- Жүктеп салу беті – баспагерлер мақалаларды әзірлейтін және тарататын веб-сайт.
- Басты бет – жақында жарияланған әңгімелер тізімі көрсетіледі.
- Баяндау беті – әрбір бірегей оқиғаны табуға болатын бет.
- Publisher page - белгілі бір баспагердің ертегілерінің тізімін көрсететін бет.
2. Мәліметтер қорын конфигурациялау
Өнімнің дисплейін орналастырғаннан кейін, қолданбаны қуаттайтын деректер өрістерін құруға назар аударуға болады. Біз бұл өрістерді өніміңіздің негізінде жатқан жұмыс үрдістерін байланыстыру үшін пайдаланамыз.
Бұл мысал үшін біз әрбір жаңалық үшін екі түрлі деректер түрін орнатамыз. Бір деректер түрі оқиғаның негізгі фактілерін (мысалы, тақырып, таңдаулы сурет және баспагер) қамтиды, ал басқа деректер түрінде бүкіл әңгіменің өзі сияқты үлкенірек мазмұн файлдары болады.
Оларды дискретті деректер түрлері ретінде анықтау арқылы біз Bubble өңдегіші шығаруға қажет материал көлемін шектей отырып, қажет болғанда ғана қажет ақпаратты жүктей аламыз.
Келесі деректер түрлері мен өрістері жасалады:
Деректер түрі: пайдаланушы
Өрістер:
- Толық аты-жөніңіз
- Төмендегі баспагерлер баспалардың тізімі болып табылады. Маңызды ескерту: Өрісті нақты деректер түріне негізделген тізім ретінде жасау қосымша өрістерді жасамай-ақ оның барлық маңызды деректер өрістерін оңай қосуға мүмкіндік береді.
Деректер түрі: әңгіме
Өрістер:
- тақырып
- Ұсынылған сурет
- Жазушы
- санат
- баспагер
- Әңгіме мазмұны
Деректер түрі: Әңгіме мазмұны
Өрістер:
- Әңгіме мазмұны
Деректер түрі: баспагер
Өрістер:
- Толық аты-жөніңіз
- Логотип
- Оқырмандар
3. Жұмыс процестерін құру
Қолданбаның дизайны мен дерекқорын ұйымдастырғаныңыздан кейін, барлығын біріктіріп, жұмыс істеуге кірісетін кез келді.
Жұмыс процестері - бұл Bubble бағдарламасында орындаудың негізгі әдісі.
Әрбір жұмыс процесі оқиға орын алғанда (мысалы, пайдаланушы түймені басқанда) орын алады, содан кейін жауап ретінде «әрекеттер» тізбегін орындайды (мысалы, «пайдаланушыны тіркеу», «деректер базасына өзгертулер енгізу» және т.б.) .
4. Жаңалық оқиғасын құру
Біз ұсынатын бірінші мүмкіндік - баспагерлерге сайтқа жаңалықтар жазуға және орналастыруға мүмкіндік беретін құрал.
Жүктеп салу бетінде біз дерекқорымызға деректерді енгізу үшін қолданылатын көптеген енгізу элементтерін қосудан бастаймыз. Мәтін енгізулері, суретті жүктеп салу құралы және ашылмалы таңдау осы өрістердің мысалдары болып табылады.
Сондай-ақ динамикалық опциялар тізімін көрсету үшін жариялаушының ашылмалы мәзірін теңшеуіміз керек. Әрбір жаңа мақала жариялаушының жалпы мақалалар тізіміне қосылатындықтан, дерекқорымыздан бар жариялаушыны таңдауымыз керек.
Бұл ашылмалы мәзірді орнатқанда, жариялаушы болу опцияларының түрін таңдаймыз.
Осыдан кейін деректер көзіміз дерекқорымызды сканерлейді және барлық ағымдағы жарияланымдар тізімін береді. Соңында, баспагердің атын қосу үшін бастапқы тақырыпты өзгертеміз.
Жазушы беттегі әрбір жазбаға қажетті ақпаратты енгізгеннен кейін, олар жаңа ертегіні жасау үшін жариялау түймесін басады.
Содан кейін дерекқорыңызда баяндау үшін орнатылған деректер түрі бар жаңа нәрсе жасайсыз.
Содан кейін біз дерекқорды қажетті өрістермен толтыруды бастауымыз керек. Беттегі енгізу құрамдастарының әрқайсысын тиісті дерекқор бағандарына қосыңыз.
Алдымен біз әңгіме мазмұнының түрін жасаймыз, ол соңында ертегінің өзімен байланыстырылады.
Әрі қарай, біз бұл процедураға тағы бір кезеңді қосамыз, басқа нәрсе жасаймыз - бұл жолы ертегінің өзі.
Біз осы ертегімен әзірлеген алғашқы баяндау материалын біріктіру арқылы бұл деректерді платформаңызда оңай біріктіруге болады.
Бұл процедура белсендірілген сайын жаңа ертегі шығарылады.
5. Арнадағы динамикалық мазмұнды көрсету
Баспагерлер материалды мобильді қолданбаңызға жүктеп салуды бастағаннан кейін, біз әрбір мақаланы динамикалық тізім ретінде көрсететін басты бетіңізде логиканы жасауды бастауымыз керек. Мұны біздің қайталанатын топ элементін қолдану арқылы орындауға болады.
Қайталанатын топтар динамикалық материал тізімін көрсету және жаңарту үшін дерекқорыңызбен жұмыс істейді.
Қайталанатын топты қолданған кезде алдымен элементті дерекқордағы деректер түріне байланыстыру керек.
Бұл жағдайда материалдың түрін ертегілер ретінде жіктейсіз. Сондай-ақ, деректер көзін дерекқордағы барлық кестелердің тізімі ретінде қамтамасыз ету қажет.
Сондай-ақ біз бұл қайталанатын топты тізімді кері хронологиялық ретпен көрсете отырып, әрбір оқиғаның басталу күні бойынша реттейміз. Енді әрбір торда пайда болатын динамикалық материалды ұйымдастыруды бастауға болады.
Жай ғана жоғарғы жолды көрсеткіңіз келетін сәйкес материалмен толтырыңыз және бұл қуатты элемент қалған бағандарды ағымдағы дерекқорыңыздағы деректермен толтырады.
6. Деректерді беттер арасында жіберу
Қайталанатын топтың әрбір жолында оқиғаларды құруға да болады. Платформаңыз үшін навигациялық мүмкіндіктерді әзірлеу кезінде бұл функция пайдалы болады.
Біздің жаңалықтар қолданбасының басты бетінде баспагерді, таңдаулы кескінді және оқиға тақырыбын қоса алғанда, әрбір оқиғаның алдын ала қарауы ғана көрсетіледі.
Дегенмен, ол мақаланың бүкіл мазмұнын пайдаланушы оқиға бетіне өтпейінше көрсетпейді. Бұл материалды көрсету үшін беттер арасында деректерді жіберу үшін жұмыс процесі өңдегішін қолданамыз.
Бастау үшін оқиғаның суреті басылған кезде пайдаланушыны оқиға бетіне жіберетін процесті жасаңыз.
Осы процесті әзірлеу кезінде пайдаланушыны басқа бетке тасымалдау үшін шарлау оқиғасын пайдаланыңыз.
Ашылмалы мәзірден баяндау беті болу үшін тағайындалған бет түрін таңдаңыз. Содан кейін Bubble редакторы қай бірегей ертегіні көрсету керектігін түсінуі үшін осы бетке қосымша ақпаратты беруіңіз керек.
Сізге қажет ақпарат ағымдағы ұяшықтар туралы әңгімеден келеді.
7. Сюжет бетінде динамикалық мазмұнды көрсету
Пайдаланушы белгілі бір оқиға бетіне жіберілген кезде осы оқиға деректерін оңай шығарып алуға және әңгімеден сәйкес материалды көрсетуге болады.
Бұл функцияны жасау үшін алдымен мақсатты бет түрі жұмыс процесі арқылы жеткізілетін деректер сипатына сәйкес келетінін тексеру керек. Бұл жағдайда оқиға бетін оқиға сипатымен байланыстыру керек.
Ол жай ғана беттегі мазмұн түрін санаттау арқылы бар көздерден сәйкес деректерді шығарып, жеткізе алады.
Енді бір кестеден ақпаратты көрсететін өрістерге динамикалық материалды кірістіруді бастауға болады.
8. Баспаның мақаласын көрсету
Жаңалық элементін оқығаннан кейін пайдаланушы баспагердің мақалалардың бүкіл каталогын қарауды таңдай алады. Егер сіз баспагер деректер түрін әзірлеген болсаңыз, баспагерлер үшін бөлек бет жасау біздің бастапқы басты бетті жасау сияқты оңай.
Бұл бетте біз бет түрін жариялаушыға орнатудан бастауымыз керек.
Содан кейін, қайталанатын топты басты беттен көшіріп, параметрлерді өңдеңіз.
Бұл жағдайда біздің қайталанатын топтың деректер көзі жариялаушысы ағымдағы бет жариялаушысы болып табылатын барлық бар мақалаларды іздейді.
9. Келесі баспагерлер
MVP үшін біз жасайтын үшінші іргелі қасиет - бұл платформада баспагерді қадағалау мүмкіндігі. Біз жариялаушы бетіне жазылу түймесін қосамыз. Осы белгішені басқан кезде біз бір нәрсені өзгертетін жаңа процесті іске қосамыз.
Ағымдағы бет шығарушысын келесі жарияланымдар тізіміне қосу ағымдағы пайдаланушыны өзгертеді.
Осыдан кейін біз ағымдағы пайдаланушыны қосу арқылы ағымдағы бет жариялаушысының жазылушылар тізімін жаңартуымыз керек.
10. Қосуға болатын қосымша мүмкіндіктер
Теңшелетін деректер өрістерін құруға және динамикалық ақпаратты ұсынуға ыңғайлы болғандықтан, өніміңіз үшін жасаған тәжірибелеріңізбен шығармашылықпен айналыса аласыз. Сондай-ақ мыналарды қамтуға болады:
- Пайдаланушыларға кейінірек оқу үшін мазмұнды сақтауға мүмкіндік беретін мүмкіндік жасаңыз.
- Әрбір бөліктің төменгі жағында ұсынылған мақалалардың қайталанатын жинағын қамтамасыз етіңіз.
- Адамдарға сайттан жаңа мазмұнды табуға көмектесетін іздеу құралын жасаңыз.
11. Нәтиже
Сіздің соңғы қолданбаңыз келесідей болады.
артықшылықтары
- Көптеген API және плагиндерге қосылу мүмкіндігі.
- Пайдалануға оңай, кодсыз қолданба.
- Бағдарламалау тәжірибесі жоқ адамдар мұның пайдасын көреді.
- Әмбебап және қуатты құралдарды жобалау.
- Сұрауды жылдам өңдеу.
Минус
- Сенімділіктің артуы.
- Деректерді өңдеу жылдамдығы баяу.
- Өнімділік шектелген.
Баға
Тегін жоспар платформа туралы білуге және қолданбаңызды әзірлеуге мүмкіндік береді.
Ақылы жазылымдарға ақ белгі, теңшелетін домен, Bubble API қолжетімділігі және төменде берілген сервердің резервтік сыйымдылығы сияқты қосымша мүмкіндіктер кіреді.
- Жеке – айына $25 (жыл сайын төленеді) немесе $29/ай (ай сайын төленеді).
- Кәсіби – айына $115 (жыл сайын төленеді) немесе $129/ай (ай сайын төленеді).
- Өндіріс – айына $475 (жыл сайын төленеді) немесе $529/ай (ай сайын төленеді).
Bubble қолданбасын тегін бастаңыз
қорытынды
Bubble - тек ақпаратты көрсете алатын немесе минималды UI бар веб-қосымшаларды құруға тамаша балама.
Оны пайдалану өте қарапайым және Bubble ұсынған оқулықтар өте пайдалы. Оның онлайн визуалды редакторы сіздің қалауларыңызға негізделген веб-бағдарламаларды жасауға мүмкіндік береді.
Ең жақсысы, сізге ешқандай бағдарламалау тәжірибесі немесе тәжірибесі қажет емес. Көпіршікті кодтауды білу немесе білмеуіңізге қарамастан, барлығына сәйкес келеді.
Дегенмен, алдыңғы қатардағы тілдерді алдын ала түсіну сізге артықшылық береді, себебі ол оқиғаны өңдеуге қатысты не істеп жатқанын жылдам анықтауға мүмкіндік береді.
Сонымен, Bubble мүмкіндіктері туралы не ойлайсыз?
Түсініктемелерде бізге хабарлаңыз!
Арбехи
Bubble.io құралы арқылы өнімдерді сату үшін дүкен құруға бола ма?