segunda-feira, 31 de janeiro de 2011

creating our first bada app!

Let's create our first bada app...

1. Open your bada SDK and create a bada project as shown in Fig. 1

Figure 1. Creating your bada project


2.Select "bada Form Based Application" and give a project name, as shown in Fig. 2

Figure 2. Give a name to your bada project


3. Device Configurations is default... you can just click next button, as presented in Fig. 3. For manifest.xml details, click here and select Generate a New Application Profile link.

Figure 3. Device Configurations


4. Select bada SDK and language package, as shown in Fig. 4

Figure 4. bada SDK


5. As you created a bada Form Based App, now you must give a name to your Form, as shown in Fig 5.

Figure 5. Give a name to your Form


6. Select your device screen size, as presented in Fig. 6. You must select the resolution based on the device that you are intended to emulate. Samsung Wave has 480x800 resolution. The form will be created based on this size.

Figure 6. Auto-scaling Settings


7. Fill the basic settings... as shown in Fig. 7

Figure 7. Basic Settings


8. Select the configurations in which you want to deploy, as presented in Fig. 8. I suggest you to select all the options. Let's better understand each one:
Simulator-Debug: Emulate your app on windows;
Target-Debug: Allows you to debug your app in the device;
Target-Release: Compiles your code to be released in Samsung Apps (AppLog is disabled in this option).

Figure 8. Select Configurations


9. The next screen presents to you a project summary (Fig. 9)

Figure 9. Summary


10. Now, you're ready to start developing. Your project was created, as shown in Fig. 10

Figure 10. bada project


If you want to run your default app, you must select your build option, as presented ing Fig. 11. To emulate in Windows, choose Simulator-Debug option.

Figure 11. bada build


Now, you can run your app, as shown in Fig. 12

Figure 12. Running your first bada app


In this example, we've selected 240x400 resolution, so we've got a Samsung Scotia skin while emulating (Fig. 13). Note that the FORM was created in 240x400 folder.
If you need to edit the Form you must always edit the Form in Resource view. Don't try to edit the xml file (you can get serious problems).

Figure 13. Scotia emulation (240x400 screen size)


You can see some emulation options, such as Event Injector, right clicking over the device skin, as shown in Fig 14.

Figure 14. Emulation options



Now, a very important tip for you.
Interested in bada sample codes?
In the IDE, select the "bada SDK Samples" view (Fig. 15 and Fig. 16). You'll see a lot of sample codes.
Double-click and the project will be available into your workspace. Enjoy the codes :)


Figure 15. Select other views...



Figure 16. Select bada SDK Samples


Today we've configured our first bada project!
Now, we're ready to start seeing bada codes :)


Thanks for your visit! :)

Next post: How to enable USB debugging on your bada phone

Feel free to ask/suggest/comment.
Twitter: @oliveiraeduardo

Nenhum comentário:

Postar um comentário