Author Topic: Using HADesigner: The Screencasts  (Read 35747 times)

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Using HADesigner: The Screencasts
« on: April 25, 2008, 05:27:47 am »
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
« Last Edit: May 15, 2008, 08:02:10 am by tschak909 »

nosilla99

  • Veteran
  • ***
  • Posts: 120
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #1 on: April 26, 2008, 10:55:24 am »
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  ;D

NOS

bulek

  • Administrator
  • wants to work for LinuxMCE
  • *****
  • Posts: 909
  • Living with LMCE
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #2 on: April 26, 2008, 02:04:46 pm »
Thanks for great work also....

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

Regards,

Bulek.
Thanks in advance,

regards,

Bulek.

lightshow

  • Newbie
  • *
  • Posts: 5
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #3 on: April 27, 2008, 02:36:00 am »
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

  • Alumni
  • wants to work for LinuxMCE
  • *
  • Posts: 962
    • View Profile
    • My LinuxMCE User Page
Re: Using HADesigner: The Screencasts
« Reply #4 on: April 27, 2008, 08:29:47 am »
Dude,

You ROCK!

:)
The only intuitive interface is the nipple.  After that it's all learned.
My other computer is your windows box.
I'm out of my mind.  Back in 5 minutes.
Q:  What's Red and smells like blue paint?

A:  Red Paint.

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #5 on: April 29, 2008, 08:26:50 am »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #6 on: May 01, 2008, 02:51:20 pm »
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

  • Regular Poster
  • **
  • Posts: 32
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #7 on: May 05, 2008, 08:34:27 am »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #8 on: May 10, 2008, 09:40:29 pm »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #9 on: May 10, 2008, 11:57:55 pm »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #10 on: May 13, 2008, 05:24:51 am »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #11 on: May 14, 2008, 04:18:59 am »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #12 on: May 14, 2008, 01:32:26 pm »
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

  • Veteran
  • ***
  • Posts: 110
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #13 on: May 14, 2008, 07:41:37 pm »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Using HADesigner: The Screencasts
« Reply #14 on: May 14, 2008, 08:06:46 pm »
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