J.W. BRUCE / TTU_CSC1300

Dependents:   CSC1300_EduBaseV2_Lab0 mbed_blinky EduBaseV2_Lab0 mbed_blinky ... more

Tutorial 3 Navigating the Mbed IDE

Navigating the Mbed IDE

Mbed may seem daunting at first, but this tutorial will help you learn how to navigate the IDE. Because you will use the Mbed platform on your web browser, it does not matter which operating system or web browser you are using on your PC.

How to Log into Mbed

1. Go onto https://os.mbed.com. Hover your cursor over the person symbol in the top right corner and click on "Log in or Sign Up."

https://os.mbed.com/media/uploads/kesternucum/log_in_step1.jpg

2. Use your username or email address and your password to log into your Mbed account. You will be redirected back to the home screen.

https://os.mbed.com/media/uploads/kesternucum/log_in_step2.jpg

Help

If you ever forget your username or password, just select the respective link on the Mbed log-in page for instructions on how to obtain your username or reset your password.

How to Access the Mbed IDE

There are two ways to navigate to the Mbed IDE with the text editor and compiler:

1. If you are on the homepage (https://www.os.mbed.com), click the Compiler button in the top right.

2. Directly type the following URL into your address bar (if you have already logged in): https://www.ide.mbed.com/

The Mbed IDE

We will explore the basic features of the IDE that you will need to complete your labs on the EduBase this semester.

When you first go onto the Mbed IDE, the home page will look like this:

https://os.mbed.com/media/uploads/kesternucum/ide_home.jpg

When you open a program, the IDE will then look like this:

https://os.mbed.com/media/uploads/kesternucum/ide_program.jpg

The blue bar at the top of the screen has the path to the current file you are viewing. In Mbed, a file's path consists of the following format: /program_name/file.extension. In this example, the current program's name is mbed_blinky, and the main.cpp file in that program is currently opened. Thus, the path to the opened file is /mbed_blinky/main.cpp.

https://os.mbed.com/media/uploads/kesternucum/ide_path.jpg

The Program Workspace in the left sidebar is a directory containing all of the programs you have created. Each program will be its own folder with its own files. You can click on the boxes to the left of each program to display all of its contents (if there is a + sign) or to hide its contents (if there is a - sign).

https://os.mbed.com/media/uploads/kesternucum/ide_program_workspace.jpg

The text editor will be the large box in the center of your browser. This is where you can pull up your files and write and edit them. In the example below, you can see all of the contents of main.cpp in the text editor.

https://os.mbed.com/media/uploads/kesternucum/ide_text_editor.jpg

At the bottom of the IDE is the Compile Output. If your program compiles smoothly, the Compile Output will display "Success!" If your program cannot compile, the Compile Output will show an error message.

https://os.mbed.com/media/uploads/kesternucum/ide_compiler_output.jpg

At the top of the IDE, you will see a toolbar like the one below.

https://os.mbed.com/media/uploads/kesternucum/ide_toolbar.jpg

We will explore these features more in detail in the next few tutorials since you will be using them to create, commit, and publish your programs for each of your labs. The next tutorial you will want to read is Creating a New Program and Importing a Library, which will help you get started in creating your own programs to complete your EduBase labs.


All wikipages