Innovation DevOps Blog

Code-Less App Development with BMC Helix Innovation Studio

Code-Less App Dev Header
5 minute read
Marco Palermo

As a recent hire to BMC, I have enjoyed finding opportunities to help improve our processes. At the behest of my former supervisor, Alessandro Raffa, I was tasked with building an interactive, self-service app that would work twofold as:

  • A skills assessment app to allow our partners to save and keep an updated list of all of their BMC solution skills for easy analysis and monitoring by management teams
  • An e-learning app with learning paths for partners to improve their ability to explain, demonstrate, and prove BMC solutions

Alessandro knew we needed a better way to manage partner skills and enablement and created a design for the app and all of its functionalities. I was then tasked with using BMC Helix Innovation Studio tools and components to implement them, collaborating with him throughout the development.

Getting started

I began developing the app as a final project for my graduate program and to gain experience developing apps in the BMC Helix Innovation Studio. This was a project of many firsts—my first time developing an app, first time using BMC Helix Innovation Studio, and first time approaching an application that uses code-less components, workflows and actions to replace code.

First, I studied the recommended step-by-step tutorial for developing a lunch-ordering app, which included features like a list of different food dishes from which you select the dish that you want and add it to your order. From there, I learned how to use all of the basic components of BMC Helix Innovation Studio and its drag-and-drop functionalities. Then, to get the logic of an e-learning app, I looked at several online learning websites and took notes on their main components.

BMC Helix Innovation Studio’s drag-and-drop functionalities.

BMC Helix Innovation Studio’s drag-and-drop functionalities.

It took about two weeks to do that, and another two weeks to develop the main logic of the app for its skills assessment and e-learning functionalities. Fortunately, Carlos Villoria Gajate, a colleague from the Spanish team at BMC who is skilled in developing apps in BMC Helix Innovation Studio, guided me in the learning process, answering my questions and pushing me to learn new things every day.

The backend of the user profile with simple layout.

The backend of the user profile with simple layout.

How it works

The main screen of the self-service app provides an overview for end users, with visibility into their current expertise across the BMC solution portfolio. They can also see their enablement priorities, which are updated depending on their individual goals. The learning path tab displays current course enrollment as well as completed and archived courses. It’s all organized in a tree-type structure to make it easier to find. You can click on each goal in order to update a current target and see available courses or current course progress, if already enrolled.

How it works Home

The self-service app provides visibility into current BMC solution expertise.

Once you reach 100 percent in a specific learning path, the progress status automatically changes to completed and generates a certificate that can be downloaded, screenshot, and shared on social media, if desired. Users can also enroll in standalone courses if they don’t want to follow a whole learning path.

Certificate

Certificates can be downloaded and shared to show progress.

On the user profile page, users can upload an image, write a short bio, and add links to social media and their language capabilities, which are useful for managers organizing teams and assigning tasks according to skill set. An analytics view is also available for managers to filter lists by specific criteria—such as the ability to present a complex demo—and only see the corresponding set of staff.

Partner End User Profile

End users can customize their profile.

Key takeaways

The whole app was built the code-less way, and it was fun to see, once I understood how to use them, how easy it was to set up the logic for an app with components that are ready and available for use right away, including:

  • Action buttons
  • Data structures
  • Images and other visual elements
  • Processes and algorithms

The algorithms were the hardest part of the process, since they required a separate understanding of new building blocks. This piece was made easier for me because I had been coding for five years as part of my university coursework in computer and data science and already knew the logic related to writing an algorithm.

I just had to rethink how to do it using a code-less approach with the drag-and-drop capabilities that create the app logic within a graphical environment. Apart from that, all of the visual components and the graphical elements for the views can be used by anyone, even if they’re not experienced at coding.

I also worked with the research and development teams and the privacy department. BMC Helix Innovation Studio follows all of the best practices for data protection and application development, such as privacy by design, which is one of the BMC principles.

Using BMC Helix Innovation Studio was also a significant time-saver and I appreciated being able to develop such a fleshed-out application without having to code anything. Developing this app in code with my current level of expertise would have taken me at least two years, mostly to build the graphical user interface and single-pane-of-glass view. BMC Helix Innovation Studio already has all of the components ready to use, which really shortened the development process.

Fleshing out the application without having to code anything.

Fleshing out the application without having to code anything.

Next steps

When I started, I couldn’t have imagined that this app would get productized and be launched for all the BMC partners. I am now fine-tuning the views and processes to prepare it for a pilot. It will also be available internally for the BMC presales team, replacing the manual spreadsheets that are currently used to do skill assessments. The app could be improved even further with the addition of custom components developed in Java using a pro-code approach, which could be the next step in the app’s development.

Through this project, I discovered that code-less tools are really powerful and intuitive, with components that allowed me to implement everything that I needed for the logic of the application. Beyond this use case, BMC Helix Innovation Studio could be used to develop flexible, scalable, custom apps to address any specific business need, quickly and efficiently with little resources and time required. We already have a lot of ideas for new applications that we want to develop.

These postings are my own and do not necessarily represent BMC's position, strategies, or opinion.

See an error or have a suggestion? Please let us know by emailing blogs@bmc.com.

Business, Faster than Humanly Possible

BMC empowers 86% of the Forbes Global 50 to accelerate business value faster than humanly possible. Our industry-leading portfolio unlocks human and machine potential to drive business growth, innovation, and sustainable success. BMC does this in a simple and optimized way by connecting people, systems, and data that power the world’s largest organizations so they can seize a competitive advantage.
Learn more about BMC ›

About the author

Marco Palermo

Marco Palermo is an Associate Solution Engineer at BMC Software and is based in Milan, Italy. He is passionate about machine learning and data science, topics he studied during his BSc at Bocconi University and his MSc at Birkbeck University. When he’s not working, Marco enjoys travelling around the world as an opportunity to meet new people and learn about other cultures. He also loves studying foreign languages and is fluent in English and Spanish.