Using HADesigner: The Screencasts

[tschak909]

As promised,

I am preparing a series of Screen-casts which detail the operation of the Orbiter Designer application.

Through each successive segment, practical and theory concepts will be introduced, while I build the Orbiter UI for my MAME plugin across ALL of the different variations.

The very first screencast was done using xvidcap, and it has display glitches... It has subsequently been replaced by RecordMyDesktop, which does much better (and in a free format too!)

But here they are:

http://www.localeconcept.com/HADesigner-Screencasts/01-basic_hadesigner_fundamentals.html
http://www.localeconcept.com/HADesigner-Screencasts/ogg/02_designobj_basics_1.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/03_ui2_popup_part_1.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/04_ui2_popup_part_2.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/05_UI1_Orbiter.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/06_UI1_Full_Screen_OSD.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/07_UI1_Full_Screen_OSD_2.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/08_UI1_PDA.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/09_Mobile_Remote.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/10_cisco_7970_orbiter.ogg
http://www.localeconcept.com/HADesigner-Screencasts/ogg/11_Monitor_mode.ogg

I will post them here, as well as reply to this thread when more of them become available.

-Thom

[nosilla99]

Thom,

Just wanted to say thanks for taking the time to produce these excellent screencasts.

I am sure more people will now have a play with HADesigner which to be honest was previously a little scary 

NOS

[bulek]

Thanks for great work also....

major leaps can be done with more people capable of that magic....

Regards,

Bulek.

[lightshow]

Thanks for the tutorials.  They are going to be a lot of help!

I'm going to start working with HADesigner as soon as my finals are over.

[ddamron]

Dude,

You ROCK!

[tschak909]

I have added the next installment:

Now that I have shown how to make individual "buttons", we combine them together, to finish the UI2 design, and show it in action:

http://www.localeconcept.com/HADesigner-Screencasts/ogg/04_ui2_popup_part_2.ogg

I have updated the primary post, as well.

-Thom

[tschak909]

And now, the next installment:

The following screencasts will show the process for laying out the different design variations.

Starting with the Normal Horizontal 3:4 design variation, which is used on such orbiters as:
* Nokia 770
* Windows PC's and Tablets
* Windows CE Tablets
* the default orientation for the Web Orbiter

I also show the process of grouping controls to make placement much easier, as well as the pre-design process that I use when laying out controls.

The Screencast is here:
http://www.localeconcept.com/HADesigner-Screencasts/ogg/05_UI1_Orbiter.ogg

-Thom

[aussie]

Hey all,
please don't think of me as a money throwing person to get something i want, and beleive me once i get the time to get and install a new cpu fan for my old comp i will be trying out Ha design for myself.

however in the meantime. would a contribution of a donation to LMCE encourage the team to design a new UI?
i believe this is the only thing keeping me from changing from media portal.

Hope i can help out in anyway possible with my resources and limited knowledge on Linux systems.

Your Pal trying to help in anyway.
Aussie.

[tschak909]

I have posted the next installment of the HA Designer Screencast series:

Designing an OSD (Full Screen) orbiter screen.
http://www.localeconcept.com/HADesigner-Screencasts/ogg/06_UI1_Full_Screen_OSD.ogg

This is used by UI1 and UI2 when media is playing. UI1 is special, because it needs an "Options" screen to show the Orbiter controls, so that an IR remote control can be used to control the screen in UI1. This screencast goes through the entire process.

-Thom

[tschak909]

I have made an addendum to screencast 6... Which shows the results on a real MD, and shows a couple of extra relations I had to put into the database.

http://www.localeconcept.com/HADesigner-Screencasts/ogg/07_UI1_Full_Screen_OSD_2.ogg

Enjoy,
-Thom

[tschak909]

This Screencast shows the laying out of the PDA variation, and its differences to the Horizontal variation.

http://www.localeconcept.com/HADesigner-Screencasts/ogg/08_UI1_PDA.ogg

-Thom

[tschak909]

New Screencast, this one showing me laying out the orbiter UI For mobile phones (Called the Symbian 60 variation)

http://www.localeconcept.com/HADesigner-Screencasts/ogg/09_Mobile_Remote.ogg

-Thom

[tschak909]

New Screencast, this time. Designing the UI for the SmallUI skin, used by the Cisco 7970 IP phone currently. Includes a small discussion on skins and their interaction with DesignObj Variations.

http://www.localeconcept.com/HADesigner-Screencasts/ogg/10_cisco_7970_orbiter.ogg

-Thom

p.s. are you guys watching these?

[blackoper]

thank you for doing all this work with the screencasts. When I get my system in and some freetime I'm going to make a new UI based on UI2 that will work for a touchscreen (hopefully anyway)

[tschak909]

If you intend to do this, you must create a new skin, Please do not alter the existing stuff in the Basic skin. It is used by us, and pluto.

-Thom