.

  • Written by Tam Nguyen, Assistant Professor of Computer Science, University of Dayton
a screenshot showing computer code

Traditional computer programming has a steep learning curve that requires learning a programming language, for example C/C++, Java or Python, just to build a simple application such as a calculator or Tic-tac-toe game. Programming also requires substantial debugging skills, which easily frustrates new learners. The study time, effort and experience needed often stop nonprogrammers from making software from scratch.

No-code is a way to program websites, mobile apps and games without using codes or scripts, or sets of commands. People readily learn from visual cues[1], which led to the development of “what you see is what you get” (WYSIWYG[2]) document and multimedia editors as early as the 1970s. WYSIWYG editors allow you to work in a document as it appears in finished form. The concept was extended to software development in the 1990s.

There are many no-code development platforms that allow both programmers and nonprogrammers to create software through drag-and-drop graphical user interfaces instead of traditional line-by-line coding. For example, a user can drag a label and drop it to a website. The no-code platform will show how the label looks and create the corresponding HTML code. No-code development platforms generally offer templates or modules that allow anyone to build apps.

Early days

In the 1990s, websites were the most familiar interface to users. However, building a website required HTML coding and script-based programming that are not easy for a person lacking programming skills. This led to the release of early no-code platforms, including Microsoft FrontPage and Adobe Dreamweaver, to help nonprogrammers build websites.

a screenshot showing computer code
Traditional programming requires learning a programming language. WILLPOWER STUDIOS/Flickr, CC BY[3][4]

Following the WYSIWYG mindset, nonprogrammers could drag and drop website components such as labels, text boxes and buttons without using HTML code. In addition to editing websites locally, these tools also helped users upload the built websites to remote web servers, a key step in putting a website online.

However, the websites created by these editors were basic static websites. There were no advanced functions such as user authentication or database connections.

Website development

There are many current no-code website-building platforms such as Bubble[5], Wix[6], WordPress[7] and GoogleSites[8] that overcome the shortcomings of the early no-code website builders. Bubble allows users to design the interface by defining a workflow. A workflow is a series of actions triggered by an event. For instance, when a user clicks on the save button (the event), the current game status is saved to a file (the series of actions).

Meanwhile, Wix launched an HTML5[9] site builder that includes a library of website templates. In addition, Wix supports modules – for example, data analysis of visitor data such as contact information, messages, purchases and bookings; booking support for hotels and vacation rentals; and a platform for independent musicians to market and sell their music.

WordPress was originally developed for personal blogs. It has since been extended to support forums, membership sites, learning management systems[10] and online stores. Like WordPress, GoogleSites lets users create websites with various embedded functions from Google, such as YouTube, Google Maps, Google Drive, calendar and online office applications.

Game and mobile apps

In addition to website builders, there are no-code platforms for game and mobile app development. The platforms are aimed at designers, entrepreneurs and hobbyists who don’t have game development or coding knowledge.

GameMaker[11] provides a user interface with built-in editors for raster graphics, game level design, scripting, paths and “shaders[12]” for representing light and shadow. GameMaker is primarily intended for making games with 2D graphics and 2D skeletal animations.

Buildbox[13] is a no-code 3D game development platform. The main features of Buildbox include the image drop wheel, asset bar, option bar, collision editor, scene editor, physics simulation and even monetization options. While using Buildbox, users also get access to a library of game assets, sound effects and animations. In addition, Buildbox users can create the story of the game. Then users can edit game characters and environmental settings such as weather conditions and time of day, and change the user interface. They can also animate objects, insert video ads, and export their games to different platforms such as PCs and mobile devices.

Games such as Minecraft[14] and SimCity[15] can be thought of as tools for creating virtual worlds without coding.

Future of no-code

No-code platforms help increase the number of developers[16], in a time of increasing demand for software development[17]. No-code is showing up in fields such as e-commerce[18], education[19] and health care[20].

I expect that no-code will play a more prominent role in artificial intelligence[21], as well. Training machine-learning models, the heart of AI, requires time, effort and experience. No-code programming can help reduce the time to train these models, which makes it easier to use AI for many purposes. For example, one no-code AI tool allows nonprogrammers to create chatbots[22], something that would have been unimaginable even a few years ago.

References

  1. ^ learn from visual cues (guides.lib.unc.edu)
  2. ^ WYSIWYG (www.merriam-webster.com)
  3. ^ WILLPOWER STUDIOS/Flickr (www.flickr.com)
  4. ^ CC BY (creativecommons.org)
  5. ^ Bubble (bubble.io)
  6. ^ Wix (www.wix.com)
  7. ^ WordPress (wordpress.org)
  8. ^ GoogleSites (workspace.google.com)
  9. ^ HTML5 (www.techradar.com)
  10. ^ learning management systems (citl.illinois.edu)
  11. ^ GameMaker (gamemaker.io)
  12. ^ shaders (www.gamedesigning.org)
  13. ^ Buildbox (signup.buildbox.com)
  14. ^ Minecraft (www.minecraft.net)
  15. ^ SimCity (www.ea.com)
  16. ^ increase the number of developers (www.zdnet.com)
  17. ^ increasing demand for software development (www.infoworld.com)
  18. ^ e-commerce (hackernoon.com)
  19. ^ education (bweducation.businessworld.in)
  20. ^ health care (www.beckershospitalreview.com)
  21. ^ more prominent role in artificial intelligence (www.nytimes.com)
  22. ^ create chatbots (juji.io)

Authors: Tam Nguyen, Assistant Professor of Computer Science, University of Dayton

Read more https://theconversation.com/nonprogrammers-are-building-more-of-the-worlds-software-a-computer-scientist-explains-no-code-180087

Metropolitan republishes selected articles from The Conversation USA with permission

Visit The Conversation to see more