Parler avec votre technologie moderne n’a jamais été aussi facile, maintenant que vous pouvez littéralement parler à un Alexa ou un Google Home et avoir un programme basé sur le cloud qui reconnaît votre discours. Mais pendant longtemps, « parler » à votre ordinateur nécessitait d’apprendre sa langue – un langage de programmation. La plupart des langages de programmation sont basés sur le texte, permettant aux codeurs de taper des commandes à leurs ordinateurs, d’en tirer des informations et de partager ces informations avec eux.
Lorsque nous décrivons la « programmation visuelle », nous faisons largement référence aux façons de « parler » à nos ordinateurs modernes avec des graphiques et des images, plutôt que purement du texte. La programmation visuelle existe depuis des décennies et représente une autre couche d’abstraction du langage machine que nos ordinateurs utilisent lorsqu’ils communiquent entre eux.
Le principal objectif des débuts de la programmation visuelle était de faciliter l’interaction avec votre ordinateur. Après tout, les premières interfaces graphiques (GUI) offraient une expérience massivement plus facile que de taper des lignes dans une fenêtre de terminal, à tel point que la plupart des gens aujourd’hui achètent un « Mac » ou un « PC » et ne pensent même pas à leurs ordinateurs comme distincts de leurs systèmes d’exploitation visuels.
Au début, la programmation visuelle pour la construction d’interfaces utilisateur était un no-brainer facile. De nos jours, il existe de nombreux outils de développement web front-end visuels sophistiqués comme Wix ou Squarespace pour créer des sites web et des outils de conception comme Figma et Sketch pour créer des prototypes.
Mais pour construire une logique de calcul, comme ce que vous pourriez trouver dans une application web complexe, la valeur de la programmation visuelle a été controversée. Les sceptiques diront qu’il est presque impossible pour la logique de programmation visuelle de rivaliser avec la puissance d’un langage basé sur un script. Les langages de programmation visuelle n’ont pas approché la popularité des langages de script pour construire une logique back-end… jusqu’à peut-être aujourd’hui.
Entrez : Bubble. Bubble est une plateforme de développement d’applications Web » sans code » qui a vu le jour en 2012. À première vue, Bubble partage de nombreuses similitudes avec les outils de construction visuelle d’interface utilisateur pour les sites Web et les prototypes énumérés ci-dessus. Mais Bubble est, à la base, un véritable langage de programmation visuel – avec toute la puissance nécessaire pour créer la logique d’outils Web sophistiqués comme des cadres de programmation textuels tels que React ou Flask.
Pour comprendre comment les plateformes de développement Web visuel comme Bubble ont vu le jour, nous jetons un coup d’œil à l’histoire de la programmation visuelle – et comment la prochaine phase de l’évolution du code pourrait en fait être » sans code « . »
Les débuts de la programmation « visuelle » : langages graphiques et Basic des années 1970
Dans les années 60 et 70, les gens expérimentaient déjà des représentations graphiques de la logique sous la forme de systèmes basés sur des organigrammes comme Pygmalion et GRaIL (Graphical Input Language). Ces premiers langages visuels tentaient de faire en sorte que les actions de la machine correspondent à un ensemble d’images connexes. Mais ce n’est qu’au début des années 1990, après que les ordinateurs aient eu des interfaces graphiques décentes, que la programmation visuelle a commencé à prendre son essor.
Lorsque vous pensez au concept de « programmation visuelle », la première chose qui peut vous venir à l’esprit est Visual Basic, un produit Microsoft qui a été lancé en 1991. Visual Basic permet aux gens de construire de nouvelles applications en déplaçant des blocs de code et en créant des organigrammes ou des diagrammes, et comprend des outils comme un débogueur et un éditeur de code source. Mais Visual Basic est plus précisément connu sous le nom d’environnement de développement intégré (IDE), dans lequel un langage de programmation en mode texte (Basic) est associé à d’autres outils visuels pour faciliter le travail sur le code. Visual C et Visual Java sont des environnements de développement visuel similaires pour leurs langages de programmation respectifs.
Les IDE sont un tremplin important pour comprendre comment la programmation peut être rendue purement visuelle. L’un des fondateurs de Bubble, Josh Haas, s’est inspiré de Visual Basic lorsqu’il a commencé à créer Bubble en 2012. Il décrit le développement précoce de Bubble comme le résultat de « si vous avez commencé avec un IDE avant de construire le langage de programmation en dessous. »
Bien qu’à leur base, les IDE comme Visual Basic travaillent toujours à partir de langages basés sur le texte, les outils qu’ils ont utilisés pour rendre le codage moins pénible sont extrêmement importants pour l’expérience de programmation visuelle moderne.
La programmation visuelle comme outil éducatif
Les langages de programmation visuelle ont brillé comme outils éducatifs pour enseigner aux nouveaux codeurs comment penser logiquement. Scratch, développé par le MIT Media Laboratory en 2002, est probablement le meilleur exemple de langage de programmation visuel avec une syntaxe basée sur les
« blocs ». Scratch est devenu assez populaire, avec plus de 57 millions d’utilisateurs et d’applications. Certains constructeurs d’applications no-code modernes, comme Thunkable, se sont inspirés de Scratch et d’autres conceptions basées sur les blocs.
Scratch est principalement destiné aux enfants qui apprennent à programmer, avec son tigre mignon et ses blocs colorés qui s’assemblent pour former des phrases logiques qui exécutent des actions. Mais si vous deviez plonger plus profondément, les systèmes à base de blocs présentent des défauts évidents lorsqu’il s’agit de représenter une logique complexe ; vous vous retrouvez souvent avec des diagrammes désordonnés qui sont encore plus difficiles à comprendre que le code textuel.
Et les systèmes logiques basés sur des organigrammes, comme les premiers langages de programmation visuelle, ne s’en sortent pas beaucoup mieux, avec des flèches récursives et des lignes traversant une page qui s’avèrent être plus pénibles à regarder que des lignes de script soignées.
Nous n’allons pas patauger trop profondément dans le débat psychologique pour savoir si le texte ou les visuels sont plus compréhensibles pour le cerveau humain ; c’est largement subjectif et personnel. Mais on peut soutenir que la popularité des langages de programmation textuels est en grande partie le résultat de la tradition (Unix et Linux comme paradigmes textuels fondateurs) et de la commodité pour le créateur du langage, et non pour les utilisateurs du langage de programmation. Après tout, la plupart des langages de programmation sont basés sur l’anglais, et il y a des milliards de personnes dans le monde qui ne parlent ou n’écrivent pas du tout en anglais. Pourtant, nous attendons d’eux qu’ils le fassent dans le but de créer une technologie.
Là, la programmation visuelle a la possibilité de combler les lacunes et d’aider les gens à apprendre le langage de la technologie d’une manière différente. Scratch, par exemple, a été traduit dans plus de 70 langues afin que les jeunes puissent programmer dans leur langue maternelle.
Cependant, le succès relatif de Scratch peut également avoir scellé la programmation visuelle avec une réputation d’outil pour débutants, un tremplin vers le monde de la « vraie programmation », où vous abandonnez les jolies images et passez votre temps à agoniser sur les parenthèses et les virgules à la place.
Mais rendre quelque chose « plus simple » ne doit pas nécessairement le rendre moins puissant. Pourquoi investissons-nous pour que nos enfants apprennent visuellement pour ensuite insister, lorsqu’ils grandissent, pour qu’ils donnent la priorité au monde du langage verbal ? Et s’il existait un langage de programmation visuel qui s’efforçait d’être suffisamment simple pour être compréhensible, mais suffisamment puissant pour être utile en dehors de la salle de classe ?
La montée de la bulle & Plateformes « No Code » : Programmation visuelle pour les applications Web
Bubble est notre réponse à la question de savoir comment un langage de programmation visuelle moderne peut remplir la promesse de faciliter la création et le développement de technologies sophistiquées. Bubble permet aux gens de créer des applications Web, des places de marché comme Airbnb aux réseaux sociaux comme Twitter, sans avoir besoin de coder. Le résultat est que les gens sont capables de construire de véritables idées commerciales en ligne en une fraction du temps et du coût de développement.
RELATED : Voir les applications que les utilisateurs ont construites dans Bubble sans aucun code.
L’éditeur visuel de Bubble s’inspire des outils de conception et de développement d’interface utilisateur, avec une approche du développement Web » ce que vous voyez est ce que vous obtenez « . Mais la véritable valeur de Bubble réside dans son approche de la logique qui fait défaut à de nombreuses autres plateformes. Lorsque Josh a commencé à travailler sur le système de flux de travail de Bubble, il a insisté sur une » simplicité agressive » pour éviter les pièges compliqués des anciens langages d’organigramme et le désordre des langages basés sur des blocs.
La conception du flux de travail de Bubble a pour but de vous aider à construire une logique en utilisant des phrases simples (par exemple, » Lorsqu’un utilisateur fait x, envoyer un courriel à l’utilisateur « ). Et bien que vous puissiez devenir assez complexe avec les énoncés et les conditionnels dans les techniques de bulle avancées, le langage fait certaines hypothèses sur les choses de base que vous voudrez dans une application Web (comme : les utilisateurs, le fait de cliquer autour, la connexion, les inscriptions) pour simplifier la plupart des actions de base.
Les langages informatiques conçus pour un usage spécifique, par opposition à un usage général, sont connus comme des langages spécifiques au domaine. Bubble peut être décrit comme un langage spécifique au domaine pour la conception Web, au bon niveau d’abstraction pour faciliter la conception de l’interface d’une application et la construction de sa logique en coulisses. Bubble fournit les outils de conception Web permettant d’expliquer les concepts que vous souhaitez créer (un bouton, une entrée, une barre de recherche) au niveau de vocabulaire adapté à votre domaine d’expertise. Si vous créez une application pour les restaurants, vous créez des types de données pour votre restaurant, votre menu, vos produits alimentaires et/ou vos clients. Si vous voulez qu’un bouton fasse quelque chose, il vous suffit de créer un élément bouton et de spécifier ce qu’il fait.
« Bubble permet aux gens de créer des technologies en utilisant leur vocabulaire, et non l’inverse », explique Josh.
Des outils comme Bubble ont été classés sous le terme « no code » ou « low code », représentant un mouvement d’éloignement des cadres basés sur le texte pour la conception Web. Les premiers programmes d’entreprise faisaient souvent référence au concept de » développement rapide d’applications. »
Mais tous ces outils ne sont pas égaux. Certains outils no-code sont meilleurs pour les applications mobiles natives, d’autres pour les pages de destination et les sites Web simples, d’autres encore sont conçus spécifiquement pour les places de marché avec des modèles préétablis ou des modèles d’apprentissage automatique. Bubble, dont les racines sont un langage de programmation visuel complet, est une plateforme de création d’applications Web plus ouverte et plus puissante, avec la possibilité de s’intégrer à des milliers d’autres plateformes grâce à notre connecteur API.
Les gens ont utilisé Bubble pour résoudre les problèmes de leurs startups et construire la version idéale de leurs entreprises numériques. Certains ont ensuite levé des millions de dollars en capital-risque, et d’autres ont créé leur propre carrière en créant des modèles pour Bubble ou en enseignant aux autres comment utiliser les outils no-code. Les Bubblers ayant quelques connaissances techniques contribuent à notre marché de plugins, et les sociétés de logiciels à la recherche de plus d’utilisateurs nous aident à créer de nouvelles intégrations personnalisées qui facilitent la tâche des utilisateurs qui construisent déjà avec d’autres outils.
Bubble et l’avenir de la programmation visuelle
La mission de Bubble est de faciliter la création d’entreprises numériques rapidement et à moindre coût, sans avoir besoin de coder. Dans notre histoire d’origine, nous parlons de la façon dont nous abordons un très vieux problème dans la technologie, un problème que les premiers programmes visuels ont essayé et échoué à résoudre : comment rendre la logique visuelle et effacer la frontière entre l’utilisation de la technologie et la création de la technologie.
L’approche de la programmation visuelle de Bubble n’est pas actuellement destinée à pouvoir faire tout ce que la technologie peut faire maintenant ou pourra faire à l’avenir. Bubble est construit pour les applications web. Bien que nous ayons découvert que des choses comme la conception de jeux sont de plus en plus possibles dans Bubble grâce à nos utilisateurs incroyablement talentueux, nous savons qu’il existe d’autres programmes spécifiquement créés et mieux équipés pour des tâches comme la diffusion en direct et le traitement audio (mais que nous serons enthousiastes à l’idée d’intégrer à l’avenir).
Ce que nous avons, c’est la base de la possibilité. Nous avons une communauté avec une abondance de créativité, de détermination et de curiosité auto-motivée, découvrant de nouvelles façons de construire sans code. Nous avons une vision de l’avenir où les plateformes « no-code » ne seront pas une catégorie d’outils à part entière. Au lieu de cela, la programmation visuelle sera simplement la façon dont les applications Web et d’autres technologies sont faites, parce qu’il est le plus logique de les faire de cette façon.
À propos de Bubble
Bubble est un leader dans le mouvement no-code. Bubble offre un puissant éditeur Web de type pointer-cliquer et une plateforme d’hébergement dans le cloud qui permet aux utilisateurs de créer des applications et des flux de travail Web entièrement personnalisables, allant de simples prototypes à des places de marché complexes, des produits SaaS et bien plus encore. Plus de 500 000 utilisateurs créent et lancent actuellement des entreprises sur Bubble. Nombre d’entre eux ont participé à des programmes d’accélération de premier plan, tels que Y Combinator, et ont même levé 365 millions de dollars en capital-risque. Bubble est plus qu’un simple produit. Nous sommes une communauté forte de constructeurs et d’entrepreneurs qui sont unis par la conviction que tout le monde devrait pouvoir créer de la technologie.