SlideShare a Scribd company logo
Bubble
Presented By
ARYA TS Livares Technologies Pvt Ltd
Tech&Socio-Cultural Group
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
CONTENTS
● Introduction
● Application Editor
● Multi Page Apps
● Reusable Elements
● Workflow
● API
● Debugger
● Advantages
● Disadvantages
● Conclusion
● References
Tech&Socio-Cultural Group Livares Technologies Pvt Ltd
What is Bubble tool
● It is a visual programming language that lets you build web applications
without code.
● Using Bubble, you can build a fully-functional web application, such as a
marketplace, a social network, a CRM tool, both for internal and customer-
facing situations.
● The application editor is accessed in the browser. There is nothing to
download, and you can access your app from any device.
● Once an application is built on Bubble, there is no need to deploy the
application to a cloud solution.
● As soon as an app is built on Bubble, it is hosted on Bubble's cloud
infrastructure.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Application Editor
● You design, build, maintain, and scale your app using the Application Editor.
● The editor in Bubble is divided into seven main tabs, and it includes various
tools and features that you will need while creating your project.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Design tab:-This is where you design the visual appearance of the app. Draw
elements on the page, drag and resize them, and adjust their properties and
appearance.
Continue
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Workflow tab:-The Workflow Tab is where you define the workflows that
program your page. The different workflows are displayed as boxes, which
represent the event.
Continue
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Data tab:-The Data Tab is where you can view your data structure and modify it. You can
see the different data types that are used in your application, as well as the fields for each
of them.The 'App Data' section shows you actual data
Continue
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Style Tab:-The Styles Tab is where you define the different styles that elements can have in
your interface.
A Style is a shared set of properties (e.g. background colors, font size, etc.) that can be
applied to elements of a similar type (e.g. Text elements).
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Plugins Tab:-Plugins are a way to extend Bubble's core functionality.
Setting Tab:-This tab lets you control your application subscription and paid add-ons.
Log Tab:-This tab is useful once your app is live, or when you are testing it in run-mode.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Element hierarchy
A Bubble page is composed of three types of components:Page,Containers/Groups,Elements
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Property Editor
Property Editor is used to design each element of a page and customize events and
actions.
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Issue Checker
Bubble is very open-ended, you can make some mistakes as you design. A mistake can be
a missing field or an issue with inconsistent type
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Multi-page apps
● You can create new pages in the Application Menu.
● A page can start blank or be the clone of another page.
● When a page is cloned, the entire page, including workflows will be copied
and used as the basis for the new page.
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Reusable Elements
● A reusable element is a way to build elements that you can replicate in more than one
page without having to recreate them.
● If you want a footer and header shared across pages, you should only build them once
as reusable elements.
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Workflows
In Bubble, workflows are sets of instructions that respond to user actions like
clicking a button, and perform a series of actions like modifying the database
or making API calls.
A workflow is the combination of an event that triggers one or more actions
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
❖ Event:-All workflows are a collection of one or more actions that are triggered by an event. In
other words, the event is the starting point that initiates the running of one or more actions in a
workflow.
❖ Actions:-In the Bubble workflow editor, actions are visible as soon as you create or open a
workflow by clicking on an event.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Bubble API
Bubble's API features allow to set up incoming and outgoing requests to communicate with other
applications and services
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Bubble API
The Bubble API is used whenever you want to accept incoming API requests-calls that are made from
an external application to your Bubble app.
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Bubble API
Incoming requests happen when an external system, such as another application, initiates a
connection with your Bubble application. In that case, your app needs to be ready to accept that
request and know what to do with it.
Incoming requests to Bubble can do one of two things:
● Search for, Read, create, modify or delete data in your database: this is handled by the Data API.
● Run a workflow in your app: this is handled by the Workflow API.
Tech&Socio-Cultural Group
Livares Technologies Pvt Ltd
Debugger
When you access an app from the editor by clicking PREVIEW, the debugger will be automatically
activated.
When the Debugger is activated, you'll see it at the bottom of the page, with sections for the Workflow
Debugger and the Element Inspector.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Advantages of bubble
➢ Economical: You can build it yourself even if you don’t know how to code. Bubble
makes your road to software development cheaper and quicker.
➢ Agile: Using buble.io, you can complete your applications faster compared to when
you have to code everything from start.
➢ Create a versatile product:It is easy to change or update an application that’s built
with Bubble.io.
➢ Enhanced productivity:With Bubble.io, apps can be built faster
➢ Make powerful apps without tech skills
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Disadvantages of bubble
➢ Bubble isn’t built for everything
➢ There’s a learning curve: If you want to enjoy the full power of Bubble.io,
you need to spend some time learning how to use it.
➢ Limited customisation
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
Conclusion
❏ Bubble.io is a no-code web development platform that offers a range of features
and tools to help users create custom web applications quickly and easily.
❏ Bubble.io also offers responsive design capabilities, built-in user authentication
and permission management, and analytics and tracking tools to help users create
robust applications that meet specific needs.
❏ Overall, Bubble.io is a powerful and versatile platform that can be used by
individuals, small businesses, and enterprise-level organizations to create custom
web applications without requiring technical skills or coding knowledge.
❏ If you're looking for a way to build a custom web application quickly and efficiently,
Bubble.io is definitely worth checking out.
Tech&Socio-Cultural Group
PRESENTATION
TITLE
Livares Technologies Pvt Ltd
References
● https://manual.bubble.io/
● https://www.nocode.tech/lessons/bubble-overview
OUR
CONTACT DETAILS
Livares Technologies Pvt Ltd
5th Floor, Yamuna Building
Technopark Phase III Campus
Trivandrum, Kerala, India-695581
Livares Technologies Pvt Ltd
Tech&Socio-Cultural Group
Our helpline is always open to receive any inquiry
or feedback.Please feel free to contact us
www.livares.com
contact@livares.com
@livaresofficial
www.facebook.com/livaresofficial
+91-471-2710003 | +91-471-
2710004
THANK
YOU

More Related Content

Similar to Bubble(No code Tool)

Turn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyTurn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technology
Katy Slemon
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
suryamahathi1
 
Home management WebApp presentation
Home management WebApp presentationHome management WebApp presentation
Home management WebApp presentation
bhavesh singh
 
Internship Presentation 1 Web Developer
Internship Presentation 1 Web DeveloperInternship Presentation 1 Web Developer
Internship Presentation 1 Web Developer
Hemant Sarthak
 
presentaion.pptx
presentaion.pptxpresentaion.pptx
presentaion.pptx
mehulmaheshwari3
 
React Native App Development.
React Native App Development.React Native App Development.
React Native App Development.
Techugo
 
A Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdfA Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdf
Cerebrum Infotech
 
Notes from Educator Pre-training Briefing 1 - Summary of AfG-toolset 2012-13
Notes from Educator Pre-training Briefing 1  - Summary of AfG-toolset 2012-13Notes from Educator Pre-training Briefing 1  - Summary of AfG-toolset 2012-13
Notes from Educator Pre-training Briefing 1 - Summary of AfG-toolset 2012-13
CDI Apps for Good
 
Mobile application development React Native - Tidepool Labs
Mobile application development React Native - Tidepool LabsMobile application development React Native - Tidepool Labs
Mobile application development React Native - Tidepool Labs
Harutyun Abgaryan
 
m365_slides.pptx
m365_slides.pptxm365_slides.pptx
m365_slides.pptx
adewad
 
Mobile App Development V_S Software Development_ 7 Key Differences.pdf
Mobile App Development V_S Software Development_ 7 Key Differences.pdfMobile App Development V_S Software Development_ 7 Key Differences.pdf
Mobile App Development V_S Software Development_ 7 Key Differences.pdf
Polyxer Systems
 
Flutter.pdf
 Flutter.pdf Flutter.pdf
Flutter.pdf
ssuser3fcae7
 
Wecreate3
Wecreate3Wecreate3
Wecreate3
Jos De Roeck
 
Wecreate3
Wecreate3Wecreate3
Wecreate3
Jos De Roeck
 
Services of Web Design and its Technology.pptx
Services of Web Design and its Technology.pptxServices of Web Design and its Technology.pptx
Services of Web Design and its Technology.pptx
SakshiSrivastava709991
 
React Native Market Overview for Cross-Platform App Development.pdf
React Native Market Overview for Cross-Platform App Development.pdfReact Native Market Overview for Cross-Platform App Development.pdf
React Native Market Overview for Cross-Platform App Development.pdf
Techugo
 
Mychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etcMychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etc
Nikhil Palyekar
 
android development training in mumbai
android development training in mumbaiandroid development training in mumbai
android development training in mumbai
faizrashid1995
 
Web Application Development Cost.pdf
Web Application Development Cost.pdfWeb Application Development Cost.pdf
Web Application Development Cost.pdf
Simform
 
Gain competitive advantage by developing Super apps
Gain competitive advantage by developing Super appsGain competitive advantage by developing Super apps
Gain competitive advantage by developing Super apps
MagdalenaKruk6
 

Similar to Bubble(No code Tool) (20)

Turn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyTurn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technology
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
 
Home management WebApp presentation
Home management WebApp presentationHome management WebApp presentation
Home management WebApp presentation
 
Internship Presentation 1 Web Developer
Internship Presentation 1 Web DeveloperInternship Presentation 1 Web Developer
Internship Presentation 1 Web Developer
 
presentaion.pptx
presentaion.pptxpresentaion.pptx
presentaion.pptx
 
React Native App Development.
React Native App Development.React Native App Development.
React Native App Development.
 
A Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdfA Complete Guide To Progressive Web App.pdf
A Complete Guide To Progressive Web App.pdf
 
Notes from Educator Pre-training Briefing 1 - Summary of AfG-toolset 2012-13
Notes from Educator Pre-training Briefing 1  - Summary of AfG-toolset 2012-13Notes from Educator Pre-training Briefing 1  - Summary of AfG-toolset 2012-13
Notes from Educator Pre-training Briefing 1 - Summary of AfG-toolset 2012-13
 
Mobile application development React Native - Tidepool Labs
Mobile application development React Native - Tidepool LabsMobile application development React Native - Tidepool Labs
Mobile application development React Native - Tidepool Labs
 
m365_slides.pptx
m365_slides.pptxm365_slides.pptx
m365_slides.pptx
 
Mobile App Development V_S Software Development_ 7 Key Differences.pdf
Mobile App Development V_S Software Development_ 7 Key Differences.pdfMobile App Development V_S Software Development_ 7 Key Differences.pdf
Mobile App Development V_S Software Development_ 7 Key Differences.pdf
 
Flutter.pdf
 Flutter.pdf Flutter.pdf
Flutter.pdf
 
Wecreate3
Wecreate3Wecreate3
Wecreate3
 
Wecreate3
Wecreate3Wecreate3
Wecreate3
 
Services of Web Design and its Technology.pptx
Services of Web Design and its Technology.pptxServices of Web Design and its Technology.pptx
Services of Web Design and its Technology.pptx
 
React Native Market Overview for Cross-Platform App Development.pdf
React Native Market Overview for Cross-Platform App Development.pdfReact Native Market Overview for Cross-Platform App Development.pdf
React Native Market Overview for Cross-Platform App Development.pdf
 
Mychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etcMychoice -classified site for buying, selling, rent etc
Mychoice -classified site for buying, selling, rent etc
 
android development training in mumbai
android development training in mumbaiandroid development training in mumbai
android development training in mumbai
 
Web Application Development Cost.pdf
Web Application Development Cost.pdfWeb Application Development Cost.pdf
Web Application Development Cost.pdf
 
Gain competitive advantage by developing Super apps
Gain competitive advantage by developing Super appsGain competitive advantage by developing Super apps
Gain competitive advantage by developing Super apps
 

More from Livares Technologies Pvt Ltd

Web Performance Optimization
Web Performance OptimizationWeb Performance Optimization
Web Performance Optimization
Livares Technologies Pvt Ltd
 
Supervised Machine Learning
Supervised Machine LearningSupervised Machine Learning
Supervised Machine Learning
Livares Technologies Pvt Ltd
 
Software Architecture Design
Software Architecture DesignSoftware Architecture Design
Software Architecture Design
Livares Technologies Pvt Ltd
 
Automation using Appium
Automation using AppiumAutomation using Appium
Automation using Appium
Livares Technologies Pvt Ltd
 
Unsupervised Machine Learning
Unsupervised Machine LearningUnsupervised Machine Learning
Unsupervised Machine Learning
Livares Technologies Pvt Ltd
 
Developing Secure Apps
Developing Secure AppsDeveloping Secure Apps
Developing Secure Apps
Livares Technologies Pvt Ltd
 
Micro-Frontend Architecture
Micro-Frontend ArchitectureMicro-Frontend Architecture
Micro-Frontend Architecture
Livares Technologies Pvt Ltd
 
Apache J meter
Apache J meterApache J meter
Introduction to Angular JS
Introduction to Angular JSIntroduction to Angular JS
Introduction to Angular JS
Livares Technologies Pvt Ltd
 
An Insight into Quantum Computing
An Insight into Quantum ComputingAn Insight into Quantum Computing
An Insight into Quantum Computing
Livares Technologies Pvt Ltd
 
Just in Time (JIT)
Just in Time (JIT)Just in Time (JIT)
Just in Time (JIT)
Livares Technologies Pvt Ltd
 
Introduction to Bitcoin
Introduction to Bitcoin Introduction to Bitcoin
Introduction to Bitcoin
Livares Technologies Pvt Ltd
 
Data Mining Technniques
Data Mining TechnniquesData Mining Technniques
Data Mining Technniques
Livares Technologies Pvt Ltd
 
Facade Design Pattern
Facade Design PatternFacade Design Pattern
Facade Design Pattern
Livares Technologies Pvt Ltd
 
Manual Vs Automation Testing
Manual Vs Automation TestingManual Vs Automation Testing
Manual Vs Automation Testing
Livares Technologies Pvt Ltd
 
Screenless display
Screenless displayScreenless display
Screenless display
Livares Technologies Pvt Ltd
 
Database Overview
Database OverviewDatabase Overview
Database Overview
Livares Technologies Pvt Ltd
 
An Introduction to Machine Learning
An Introduction to Machine LearningAn Introduction to Machine Learning
An Introduction to Machine Learning
Livares Technologies Pvt Ltd
 
An Introduction to Face Detection
An Introduction to Face DetectionAn Introduction to Face Detection
An Introduction to Face Detection
Livares Technologies Pvt Ltd
 
Smart water meter solutions using LoRa WAN - Troncart
Smart water meter solutions using LoRa WAN - TroncartSmart water meter solutions using LoRa WAN - Troncart
Smart water meter solutions using LoRa WAN - Troncart
Livares Technologies Pvt Ltd
 

More from Livares Technologies Pvt Ltd (20)

Web Performance Optimization
Web Performance OptimizationWeb Performance Optimization
Web Performance Optimization
 
Supervised Machine Learning
Supervised Machine LearningSupervised Machine Learning
Supervised Machine Learning
 
Software Architecture Design
Software Architecture DesignSoftware Architecture Design
Software Architecture Design
 
Automation using Appium
Automation using AppiumAutomation using Appium
Automation using Appium
 
Unsupervised Machine Learning
Unsupervised Machine LearningUnsupervised Machine Learning
Unsupervised Machine Learning
 
Developing Secure Apps
Developing Secure AppsDeveloping Secure Apps
Developing Secure Apps
 
Micro-Frontend Architecture
Micro-Frontend ArchitectureMicro-Frontend Architecture
Micro-Frontend Architecture
 
Apache J meter
Apache J meterApache J meter
Apache J meter
 
Introduction to Angular JS
Introduction to Angular JSIntroduction to Angular JS
Introduction to Angular JS
 
An Insight into Quantum Computing
An Insight into Quantum ComputingAn Insight into Quantum Computing
An Insight into Quantum Computing
 
Just in Time (JIT)
Just in Time (JIT)Just in Time (JIT)
Just in Time (JIT)
 
Introduction to Bitcoin
Introduction to Bitcoin Introduction to Bitcoin
Introduction to Bitcoin
 
Data Mining Technniques
Data Mining TechnniquesData Mining Technniques
Data Mining Technniques
 
Facade Design Pattern
Facade Design PatternFacade Design Pattern
Facade Design Pattern
 
Manual Vs Automation Testing
Manual Vs Automation TestingManual Vs Automation Testing
Manual Vs Automation Testing
 
Screenless display
Screenless displayScreenless display
Screenless display
 
Database Overview
Database OverviewDatabase Overview
Database Overview
 
An Introduction to Machine Learning
An Introduction to Machine LearningAn Introduction to Machine Learning
An Introduction to Machine Learning
 
An Introduction to Face Detection
An Introduction to Face DetectionAn Introduction to Face Detection
An Introduction to Face Detection
 
Smart water meter solutions using LoRa WAN - Troncart
Smart water meter solutions using LoRa WAN - TroncartSmart water meter solutions using LoRa WAN - Troncart
Smart water meter solutions using LoRa WAN - Troncart
 

Recently uploaded

Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
Shinana2
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Intelisync
 

Recently uploaded (20)

Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
 

Bubble(No code Tool)

  • 1. Bubble Presented By ARYA TS Livares Technologies Pvt Ltd Tech&Socio-Cultural Group
  • 2. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd CONTENTS ● Introduction ● Application Editor ● Multi Page Apps ● Reusable Elements ● Workflow ● API ● Debugger ● Advantages ● Disadvantages ● Conclusion ● References
  • 3. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd What is Bubble tool ● It is a visual programming language that lets you build web applications without code. ● Using Bubble, you can build a fully-functional web application, such as a marketplace, a social network, a CRM tool, both for internal and customer- facing situations. ● The application editor is accessed in the browser. There is nothing to download, and you can access your app from any device. ● Once an application is built on Bubble, there is no need to deploy the application to a cloud solution. ● As soon as an app is built on Bubble, it is hosted on Bubble's cloud infrastructure.
  • 4. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Application Editor ● You design, build, maintain, and scale your app using the Application Editor. ● The editor in Bubble is divided into seven main tabs, and it includes various tools and features that you will need while creating your project.
  • 5. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Design tab:-This is where you design the visual appearance of the app. Draw elements on the page, drag and resize them, and adjust their properties and appearance. Continue
  • 6. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Workflow tab:-The Workflow Tab is where you define the workflows that program your page. The different workflows are displayed as boxes, which represent the event. Continue
  • 7. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Data tab:-The Data Tab is where you can view your data structure and modify it. You can see the different data types that are used in your application, as well as the fields for each of them.The 'App Data' section shows you actual data Continue
  • 8. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Style Tab:-The Styles Tab is where you define the different styles that elements can have in your interface. A Style is a shared set of properties (e.g. background colors, font size, etc.) that can be applied to elements of a similar type (e.g. Text elements).
  • 9. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Plugins Tab:-Plugins are a way to extend Bubble's core functionality. Setting Tab:-This tab lets you control your application subscription and paid add-ons. Log Tab:-This tab is useful once your app is live, or when you are testing it in run-mode.
  • 10. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Element hierarchy A Bubble page is composed of three types of components:Page,Containers/Groups,Elements
  • 11. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Property Editor Property Editor is used to design each element of a page and customize events and actions.
  • 12. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Issue Checker Bubble is very open-ended, you can make some mistakes as you design. A mistake can be a missing field or an issue with inconsistent type
  • 13. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Multi-page apps ● You can create new pages in the Application Menu. ● A page can start blank or be the clone of another page. ● When a page is cloned, the entire page, including workflows will be copied and used as the basis for the new page.
  • 14. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Reusable Elements ● A reusable element is a way to build elements that you can replicate in more than one page without having to recreate them. ● If you want a footer and header shared across pages, you should only build them once as reusable elements.
  • 15. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Workflows In Bubble, workflows are sets of instructions that respond to user actions like clicking a button, and perform a series of actions like modifying the database or making API calls. A workflow is the combination of an event that triggers one or more actions
  • 16. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd ❖ Event:-All workflows are a collection of one or more actions that are triggered by an event. In other words, the event is the starting point that initiates the running of one or more actions in a workflow. ❖ Actions:-In the Bubble workflow editor, actions are visible as soon as you create or open a workflow by clicking on an event.
  • 17. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Bubble API Bubble's API features allow to set up incoming and outgoing requests to communicate with other applications and services
  • 18. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Bubble API The Bubble API is used whenever you want to accept incoming API requests-calls that are made from an external application to your Bubble app.
  • 19. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Bubble API Incoming requests happen when an external system, such as another application, initiates a connection with your Bubble application. In that case, your app needs to be ready to accept that request and know what to do with it. Incoming requests to Bubble can do one of two things: ● Search for, Read, create, modify or delete data in your database: this is handled by the Data API. ● Run a workflow in your app: this is handled by the Workflow API.
  • 20. Tech&Socio-Cultural Group Livares Technologies Pvt Ltd Debugger When you access an app from the editor by clicking PREVIEW, the debugger will be automatically activated. When the Debugger is activated, you'll see it at the bottom of the page, with sections for the Workflow Debugger and the Element Inspector.
  • 21. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Advantages of bubble ➢ Economical: You can build it yourself even if you don’t know how to code. Bubble makes your road to software development cheaper and quicker. ➢ Agile: Using buble.io, you can complete your applications faster compared to when you have to code everything from start. ➢ Create a versatile product:It is easy to change or update an application that’s built with Bubble.io. ➢ Enhanced productivity:With Bubble.io, apps can be built faster ➢ Make powerful apps without tech skills
  • 22. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Disadvantages of bubble ➢ Bubble isn’t built for everything ➢ There’s a learning curve: If you want to enjoy the full power of Bubble.io, you need to spend some time learning how to use it. ➢ Limited customisation
  • 23. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd Conclusion ❏ Bubble.io is a no-code web development platform that offers a range of features and tools to help users create custom web applications quickly and easily. ❏ Bubble.io also offers responsive design capabilities, built-in user authentication and permission management, and analytics and tracking tools to help users create robust applications that meet specific needs. ❏ Overall, Bubble.io is a powerful and versatile platform that can be used by individuals, small businesses, and enterprise-level organizations to create custom web applications without requiring technical skills or coding knowledge. ❏ If you're looking for a way to build a custom web application quickly and efficiently, Bubble.io is definitely worth checking out.
  • 24. Tech&Socio-Cultural Group PRESENTATION TITLE Livares Technologies Pvt Ltd References ● https://manual.bubble.io/ ● https://www.nocode.tech/lessons/bubble-overview
  • 25. OUR CONTACT DETAILS Livares Technologies Pvt Ltd 5th Floor, Yamuna Building Technopark Phase III Campus Trivandrum, Kerala, India-695581 Livares Technologies Pvt Ltd Tech&Socio-Cultural Group Our helpline is always open to receive any inquiry or feedback.Please feel free to contact us www.livares.com contact@livares.com @livaresofficial www.facebook.com/livaresofficial +91-471-2710003 | +91-471- 2710004 THANK YOU