Índice analítico[Ocultar][Mostrar]
- Que é Bubble.io?
- Que é a programación visual?
- Que tipos de aplicacións podedes desenvolver?
Crear unha aplicación con Bubble (titorial)+-
- 1. Comezar
- 2. Configuración da base de datos
- 3. Construír fluxos de traballo
- 4. Creación dunha noticia
- 5. Mostrando contido dinámico no feed
- 6. Envío de datos entre páxinas
- 7. Mostrando contido dinámico na páxina da historia
- 8. Mostrando o artigo da editorial
- 9. Seguindo editoriais
- 10. Funcións adicionais que pode engadir
- 11. O resultado
- Pros
- Contra
- prezos
- Conclusión
Recentemente estiven interesado en enfoques de desenvolvemento web distintos de HTML, CSS e JavaScript.
Co crecente panorama sen código, non foi sorprendente descubrir que hai varias alternativas aos enfoques máis estándar para desenvolver aplicacións web.
Debes estar familiarizado con algunhas das plataformas CMS máis coñecidas, como WordPress, que son practicamente sen código. Pero, se queres crear aplicacións web, tales plataformas poden parecer restritivas.
Aquí vos presento Bubble.io, un poderoso ferramenta sen código que che permite crear aplicacións web como nunca antes.
Explorémolo en profundidade!
O que é Bubble.io?
Bubble é unha plataforma non técnica que combina unha linguaxe de programación visual e unha marco de desenvolvemento web.
Os usuarios poden usar estas ferramentas de programación para construír aplicacións en liña únicas, alterar bases de datos e procesos, engadir compoñentes de páxina (imaxes, texto, formularios de entrada, mapas) e deseñar as súas interfaces.
É un mercado onde podes descubrir modelos, complementos e servizos ideais para axudarche a crear produtos sólidos.
Sen ter que configurar un marco de programación típico, podes crear calquera cousa, desde un mercado ata unha rede social ata un CRM (Customer Relationship Management) usando Bubble.
Ofrece aos clientes a posibilidade de crear e personalizar as súas aplicacións mediante unha interface amigable e un editor de apuntar e facer clic.
Podes usalo en conxunto con servizos que proporcionan unha API REST, como Facebook, SQL, análise e aplicacións de pago. Permite aos usuarios dedicar tempo a mellorar a funcionalidade e o aspecto das súas aplicacións para que teñan un bo aspecto en tabletas e dispositivos móbiles.
É apropiado para todos os tamaños de empresas, desde pequenas a medianas e grandes; e accesible para Windows, Mac e a web.
Que é a programación visual?
A programación visual é esencialmente o que parece. En lugar de programar manualmente escribindo código, faino graficamente premendo e arrastrando compoñentes ás páxinas.
Non se deixe enganar por esa breve descrición.
Non é como calquera outra aplicación para cortar galletas ou ferramenta de creación de sitios web que atopes en liña. A maioría dos creadores de aplicacións requiren que confíes en modelos básicos e teñan unha funcionalidade extremadamente limitada; só che permiten desenvolver tipos específicos de aplicacións e limitan a túa personalización.
Aínda que a noción de "programación visual" e "arrastrar e soltar" parece fácil en Bubble, é tremendamente poderosa.
O seu entorno de programación visual non só permite arrastrar obxectos como texto, gráficos, entradas e moito máis a unha páxina, senón que tamén che permite configurar o que fan eses elementos.
Que fai Bubble?
O obxectivo principal de Bubble é permitir que calquera persoa poida crear aplicacións web sen ter que escribir código.
Non obstante, aínda que isto proporciona unha declaración de obxectivos facilmente lembrada, deixa fóra unha parte significativa da historia. O camiño da idea ao mercado é máis complicado que só crear liñas de código.
No desenvolvemento convencional é necesario un equipo de profesionais altamente cualificados que traballen en determinadas seccións da creación, crecemento e mantemento da aplicación. Considera isto.
Que require cada aplicación?
- Seguridade para asegurarse de que ninguén teña acceso non autorizado aos datos.
- Unha base de datos para almacenar e recuperar información como elementos, artigos e actualizacións de redes sociais.
- Escalabilidade para permitir o desenvolvemento sen trabas da base de usuarios e do volume de datos.
- Unha interface de usuario agradable para facer a aplicación atractiva e fácil de usar.
- Integración con diversos servizos e sistemas.
Bubble substitúe moito máis que un codificador. Ofrece todos estes servizos dun xeito visualmente atractivo e altamente automatizado, polo que é concebible, se non sinxelo, que unha soa persoa se encargue de todo.
Aínda que as plataformas anteriores sen código tentaron substituír a codificación de varias maneiras. O seu concepto é eliminar tantas barreiras como sexa posible para que unha aplicación chegue ao mercado, xestionando todo, desde deseño responsivo e animacións ata hospedaxe, implementación de versións, seguridade e operacións de bases de datos.
Usando o conector API para conectar Bubble con outros servizos
O seu conector API é probablemente o complemento máis importante do mercado. Como o nome indica, isto permítelle conectarse a outras aplicacións e servizos para compartir accións e datos.
En lugar de afondar nos detalles técnicos de como funciona isto, considere estes exemplos do que as API poden lograr:
- Obtención de acceso a aprendizaxe de máquina métodos como o recoñecemento de imaxes e a tradución.
- Obtén a información meteorolóxica máis recente de calquera lugar da terra.
- Cando se activa un evento en Bubble, intercambia información entre os sistemas, como establecer un cliente potencial no teu CRM ou unha cita no teu calendario de Google.
- Reserve un voo ou unha estadía en hotel en calquera lugar do mundo.
- Obtén o número de teléfono, a localización, as fotografías, o logotipo e as recensións de calquera empresa en Google Maps.
Usando complementos para mellorar as funcións nativas
Tecnicamente, mestura módulos de código JavaScript, CSS e HTML nun nodo funcional. A aplicación escrita en JS.JSON serve como base para a súa propia linguaxe.
Aínda que non necesitas comprender plenamente esa terminoloxía para construír aplicacións, indican un feito clave: adhírese aos estándares web coñecidos e recoñecidos, o que permite aos desenvolvedores mellorar considerablemente a súa funcionalidade nativa.
Isto xa se ve no sitio de complementos, onde están dispoñibles centos de extensións gratuítas e de pago para a funcionalidade básica. Tamén implica que se chegas a un punto no que as súas capacidades fundamentais son insuficientes, hai moitos expertos en JavaScript dispostos a ofrecerche unha solución a medida.
Que tipos de aplicacións podedes desenvolver?
Podes crear unha gran variedade de aplicacións, algunhas das cales aparecen a continuación.
- Aplicacións para mercados especializados cunha comunidade.
- Aplicacións para bolsas de traballo en diversos sectores.
- Software para persoal hospitalario.
- Software de punto de venda para tendas físicas.
- Software de consultorio dental cunha marca branca.
- Inventario de empresas persoais e software de atención ao cliente.
- Aplicacións de agregación inmobiliaria dirixidas ao corredor e ao cliente.
- Aplicacións para eventos e cursos no mercado (e mesmo barcos).
- Os certificados profesionais requiren aplicacións de probas internas.
- Solicitudes para primeiros respondedores.
- Software de xestión de empregados para uso interno.
Para ser honesto, a plataforma non está deseñada para facer todo. Quizais non sexa a opción ideal se estás deseñando unha aplicación de xogo con imaxes e movemento complexos. Ademais, se estás a crear unha aplicación nativa (unha para tendas de aplicacións), terás que integrala con outro servizo de terceiros.
As características clave
Bubble está cheo de funcións. Non os poderemos cubrir todos aquí, pero tentaremos cubrir os máis imprescindibles.
1. Complementos
Permítelle incluír funcionalidades de numerosas ferramentas de Internet no seu aplicación web. Por exemplo, se queres que os teus usuarios inicien sesión coa súa conta de Facebook, podes usar o complemento de Facebook para facelo.
2. Desenvolver
Permítelle construír aplicacións dinámicas e multiusuario para navegadores web de escritorio e móbiles, así como todas as ferramentas necesarias para crear un sitio similar a Instagram ou Airbnb.
3 Deseño
Podes crear deseños adaptados para móbiles e contido dinámico para dar os toques finais a un produto que estarás encantado de mostrar aos demais.
4. Aloxamento
Nunca tes que preocuparte polo mantemento, a infraestrutura ou as operacións do servidor unha e outra vez.
Ocúpase da implantación e aloxamento para ti de forma segura. O número de usuarios, o volume de tráfico e o almacenamento de datos non están restrinxidos.
Crear unha aplicación con Bubble (titorial)
Imos agora entrar en acción e explorar como podes crear unha aplicación de noticias en Bubble.
1. Comezar
Para comezar, primeiro debes rexistrarse para obter unha conta gratuíta en Bubble.
Comezaremos usando a ferramenta de deseño visual de Bubble para dar forma á nosa plataforma interface co usuario. A continuación móstranse algunhas das páxinas clave para incluír:
- Páxina de carga: un sitio web onde os editores desenvolverán e distribuirán artigos.
- Páxina de inicio: móstrase unha lista de historias publicadas recentemente.
- Páxina narrativa: páxina onde se pode atopar cada historia única.
- Páxina do editor: unha páxina para mostrar unha lista de contos dunha determinada editorial.
2. Configuración da base de datos
Despois de que teñas configurado a pantalla do teu produto, podes centrarte na creación dos campos de datos que alimentarán a túa aplicación. Usaremos estes campos para vincular os fluxos de traballo subxacentes ao teu produto.
Para este exemplo, estableceremos dous tipos de datos distintos para cada noticia. Un tipo de datos conterá os datos básicos dunha historia (como o título, a imaxe destacada e o editor), mentres que o outro tipo de datos conterá ficheiros de contido máis grandes, como a propia narración.
Ao definilos como tipos de datos discretos, só podemos cargar a información que se require cando se precisa, limitando a cantidade de material que o editor de burbullas necesitará producir.
Crearanse os seguintes tipos de datos e campos:
Tipo de datos: Usuario
Campos:
- nome
- As seguintes editoriais son unha lista de editores. Nota importante: a creación dun campo como unha lista baseada nun tipo de datos distinto permítelle incorporar todos os seus campos de datos esenciais sen esforzo sen ter que crear campos adicionais.
Tipo de datos: Historia
Campos:
- título
- Imaxe destacada
- Escritor
- categoría
- Editor
- Contido da historia
Tipo de datos: Contido da historia
Campos:
- Contido da historia
Tipo de datos: Editor
Campos:
- nome
- logotipo
- seguidores
3. Construír fluxos de traballo
Agora que xa organizaches o deseño e a base de datos da túa aplicación, é hora de comezar a xuntar todo e facelo funcionar.
Os fluxos de traballo son o método principal para lograr isto en Bubble.
Cada fluxo de traballo prodúcese cando se produce un evento (por exemplo, un usuario fai clic nun botón) e despois realiza unha secuencia de "accións" como resposta (por exemplo, "rexistrarse ao usuario", "facer un cambio na base de datos", etc.) .
4. Creación dunha noticia
A primeira función que ofreceremos é unha ferramenta que permite aos editores escribir e publicar noticias no sitio.
Na páxina de carga, comezaremos incorporando moitos elementos de entrada que se aplicarán para introducir datos na nosa base de datos. As entradas de texto, un cargador de imaxes e unha selección do menú despregable son exemplos destes campos.
Tamén teremos que personalizar o menú despregable do editor para mostrar unha lista de opcións dinámicas. Dado que cada artigo novo engadirase á lista de artigos totais dun editor, teremos que escoller un editor existente da nosa base de datos.
Ao configurar este menú despregable, escolleremos o tipo de opcións para ser editor.
Despois diso, a nosa fonte de datos analizará a nosa base de datos e devolverá unha lista de todas as publicacións actuais. Finalmente, cambiaremos o título de orixe para incluír o nome do editor.
Unha vez que un escritor introduciu a información necesaria en cada entrada da páxina, fará clic no botón de publicar para xerar un novo conto.
Despois, dentro da túa base de datos, crearás unha cousa nova co tipo de datos definido como narrativa.
A continuación, teremos que comezar a encher a nosa base de datos cos campos necesarios. Conecte cada un dos compoñentes de entrada da páxina ás súas respectivas columnas de base de datos.
En primeiro lugar, crearemos o tipo de contido da historia, que finalmente se vinculará ao propio conto.
A continuación, engadiremos outra etapa a este procedemento, xerando outra cousa: esta vez, o propio conto.
É posible integrar estes datos sen esforzo en toda a túa plataforma integrando o primeiro material narrativo que desenvolvemos con este conto.
Cada vez que se active este procedemento producirase un novo conto.
5. Mostrando contido dinámico no feed
Unha vez que os editores comecen a cargar material na túa aplicación móbil, teremos que comezar a crear a lóxica na túa páxina de inicio que mostra cada artigo como unha lista dinámica. Isto pódese conseguir empregando o noso elemento de grupo repetido.
Os grupos de repetición traballan coa súa base de datos para presentar e actualizar unha lista de material dinámico.
Cando aplique un grupo repetido, primeiro debe ligar o elemento a un tipo de datos da súa base de datos.
Neste caso, clasificarás o tipo de material como contos. Tamén terás que proporcionar a fonte de datos como unha lista de todas as táboas da túa base de datos.
Tamén organizaremos este grupo recorrente segundo a data de inicio de cada historia, mostrando a lista en orde cronolóxica inversa. Agora podes comezar a organizar o material dinámico que aparecerá dentro de cada grade.
Simplemente enche a fila superior co material apropiado que queres mostrar e este poderoso elemento encherá as columnas restantes con datos da túa base de datos actual.
6. Envío de datos entre páxinas
Tamén é posible construír eventos dentro de cada fila dun grupo que se repite. Ao desenvolver funcións de navegación para a túa plataforma, esta funcionalidade será útil.
A páxina de inicio da nosa aplicación de noticias só mostra unha vista previa de cada historia, incluíndo o editor, unha imaxe destacada e o título da historia.
Non obstante, non mostra o contido completo dun artigo ata que o usuario fai clic na páxina da historia. Usaremos o noso editor de fluxo de traballo para transmitir datos entre páxinas para mostrar este material.
Para comezar, crea un proceso que envíe un usuario á páxina da historia cando se fai clic na imaxe dunha historia.
Usa un evento de navegación para transferir un usuario a outra páxina mentres desenvolves este proceso.
Escolle o tipo de páxina de destino para que sexa a páxina narrativa no menú despregable. A continuación, terás que dar máis información a esta páxina para que o editor de burbullas comprenda que historia única mostrar.
A información que terás que dar provén do conto actual das celas.
7. Mostrando contido dinámico na páxina da historia
Podes recuperar facilmente os datos deste evento e mostrar o material relevante da narración cando se envía un usuario a unha determinada páxina da historia.
Para crear esta función, primeiro debes comprobar que o tipo de páxina de destino coincide coa propiedade de datos que estás entregando a través do fluxo de traballo. Nesta situación, debes asociar a páxina da historia cunha propiedade da historia.
Pode simplemente extraer e entregar os datos axeitados das fontes existentes clasificando o tipo de contido nunha páxina.
Agora podes comezar a inserir material dinámico en campos que mostran información dunha única táboa.
8. Mostrando o artigo da editorial
Despois de ler unha noticia, un usuario pode optar por examinar todo o catálogo de artigos da editorial. Se desenvolveu un tipo de datos de editor, crear unha páxina separada para os editores é tan sinxelo como crear a nosa páxina de inicio orixinal.
Nesta páxina, teremos que comezar configurando o tipo de páxina como editor.
A continuación, copie o grupo repetido da páxina de inicio e edite a configuración.
Neste caso, a fonte de datos do noso grupo repetidor buscará todos os artigos existentes cuxo editor sexa o editor da páxina actual.
9. Seguindo editoriais
A terceira característica fundamental que construiremos para o noso MVP é a posibilidade de seguir a un editor na plataforma. Engadiremos un botón Seguir na páxina do editor. Cando facemos clic nesta icona, iniciaremos un novo proceso que modifica unha cousa.
Engadir o editor da páxina actual á súa lista de publicacións seguintes cambiará o usuario actual.
Despois diso, teremos que actualizar a lista de seguidores do editor da páxina actual engadindo o usuario actual.
10. Funcións adicionais que pode engadir
Agora que estás cómodo creando campos de datos personalizados e presentando información dinámica, podes ser creativo coas experiencias que crees para o teu produto. Tamén pode incluír:
- Crea unha función que permita aos usuarios gardar contido para ler máis tarde.
- Na parte inferior de cada peza, proporciona unha colección recorrente de artigos suxeridos.
- Crea unha ferramenta de busca para axudar ás persoas a atopar contido novo no sitio.
11. O resultado
A túa aplicación final terá un aspecto así.
Pros
- A capacidade de conectarse a moitas API e complementos.
- Unha aplicación fácil de usar sen código.
- As persoas sen experiencia en programación beneficiaranse diso.
- Ferramentas de deseño versátiles e potentes.
- Procesamento rápido de consultas.
Contra
- Aumento da fiabilidade.
- A velocidade de procesamento de datos é lenta.
- O rendemento está limitado.
prezos
O plan gratuíto permítelle coñecer a plataforma e desenvolver a súa aplicación.
As subscricións de pago inclúen extras como a marca branca, un dominio personalizado, o acceso á API de Bubble e a capacidade reservada do servidor, que se indican a continuación.
- Persoal: 25 dólares ao mes (pago anualmente) ou 29 dólares ao mes (pago mensual).
- Profesional: $ 115 / mes (pago anualmente) ou $ 129 / mes (pago mensual).
- Produción: $ 475 / mes (pago anualmente) ou $ 529 / mes (pago mensual).
Conclusión
Bubble é unha excelente alternativa para crear aplicacións web que só poden mostrar información ou ter unha IU mínima.
É bastante sinxelo de usar e os titoriais proporcionados por Bubble son moi útiles. O seu editor visual en liña que che permite deseñar aplicacións web en función das túas preferencias.
E a mellor parte é que non precisas de ningunha experiencia en programación. Bubble é apropiado para todos, independentemente de se sabe codificar ou non.
Non obstante, a comprensión previa das linguaxes de frontend pode darche unha vantaxe porque che permite descubrir rapidamente o que está a facer con respecto ao manexo de eventos.
Entón, que pensas das capacidades de Bubble?
Deixe-nos saber nos comentarios!
Arbehi
Pódese crear unha tenda para vender produtos usando a ferramenta bubble.io?