Page 1 of 2

FIVEWIN: WINHOTEL new metro style video

PostPosted: Tue Jul 09, 2013 7:33 pm
by Otto

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Wed Jul 10, 2013 2:51 am
by hua
Congrats Otto. Very modern and professional looking UI :)

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Wed Jul 10, 2013 6:50 am
by Otto
Hua,
thank you for the kind words.
Best regards,
Otto

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Wed Jul 10, 2013 12:20 pm
by Marco Turco
Really nice and professional Otto.
Anyway, I understood there is a lot of works to do on the dialogs to convert a "classic" Windows style application to a "Metro style" application and - in my opinion - there isn't enough value for money to do this. Different is to migrate to a web solution (hoping FW WEB) where this work has effective value.

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Wed Jul 10, 2013 12:35 pm
by Richard Chidiak
Marco

What you say is true unless you target tablet applications, then migration is valuable but it is a lot of work...

Everything has to be redesigned. I am in a middle of a small migration process and i realize the difficulty.

No menus , boxes and panels and unfortunately metropanel class still needs a lot of tuning, hopefully Antonio spends some time on it to improve it.

Richard

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Wed Jul 10, 2013 3:51 pm
by Antonio Linares
Richard,

If you and Otto keep providing such valuable feedback, then we will keep fine tunning it.

I think this way is a very good approach and I have even seen it on another apps (not developed with FWH) so its clear that many people have thought about the same way too :-)

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Thu Jul 11, 2013 11:58 pm
by James Bott
Otto,

I am interested in more details.

1) What are you using as a container for the controls, a MetroPanel, a window, a dialog?

2) Do you have new metro controls such as the menu on the left side, etc?

3) I notice you have vertical scrolling on some screens. Isn't this different than the Windows 8 design principles (everything scrolls horizontally)?

Any other tips you care to offer?

Regards,
James

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Fri Jul 12, 2013 12:30 am
by James Bott
Richard,

...and unfortunately metropanel class still needs a lot of tuning...


I have done some work on this and will providing it to Antonio when I have finished a few other changes. Specifically, I have fixed some scrolling issues, grouping issues, and added navigation keys.

Are there any issues you are interested in that I have not mentioned?

However, after getting involved in Win 8 design, I see a bigger issue. The current metroPanel class was developed to emulate the Win 8 OS, not a Win 8 app. Win 8 OS simulators already are on the market.

But, what we need is a metropanel to develop apps in the Win 8 style. Since there can be lots of different app design formats, I think the best solution would be to use templates (as does Visual Studio). This, of course, would be a rather large project.

The alternative is to just use the current metropanel like a dialog and add controls to it manually via coding. This would be a much smaller project.

We also need more Win 8 style controls. Possibly these can just be subclasses of existing controls.

Anybody care to add thoughts on this topic?

Regards,
James

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Fri Jul 12, 2013 8:39 am
by cnavarro
But, what we need is a metropanel to develop apps in the Win 8 style. Since there can be lots of different app design formats, I think the best solution would be to use templates (as does Visual Studio). This, of course, would be a rather large project.

The alternative is to just use the current metropanel like a dialog and add controls to it manually via coding. This would be a much smaller project.

We also need more Win 8 style controls. Possibly these can just be subclasses of existing controls.


Strongly agree
The problem of switching between MDI and application screens I have beguin to develop simulating Win 8 and the "Charm" to the left and it works OK for me ven though I have debug it..
And the screen design was to follow VS templates for creating application

http://forums.fivetechsupport.com/viewtopic.php?f=3&t=24461&start=30#p147828

Regards

Totalmente de acuerdo
El problema de MDI y cambio entre pantallas de la aplicacion yo he empezado a desarrollar simulando a Win 8 y el "Charm" a la izquierda y funciona OK para mi aunque me queda depurarlo aun.
Y el diseño de pantallas iba a seguir las plantillas de VS para la creacion de aplicaciones.

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Fri Jul 12, 2013 5:30 pm
by Otto
Hello James,

the menu is made with xBrowse and the controls are on TMetroPanel.
If you have a look at W8 own PC- Setup there is vertical scrolling too.

>Any other tips you care to offer?
What should I say. I started 2 years ago with the transformation to the “METRO STYLE LIKE LOOK”. To change a whole program is much more work than you first think. I use FIVEWIN now more like HTML. Years ago I changed all to resources now back to hardcoded.
For example:
Only the decision should I put the description and the get field in one row or above took me a week.

I found my personal style for WINHOTEL but I don’t know if this is according to the standard.

Best regards,
Otto


Image

Image

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Fri Jul 12, 2013 6:30 pm
by Antonio Linares
Otto,

very nice :-)

Congratulations

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Fri Jul 12, 2013 9:26 pm
by James Bott
Thanks Otto.

I started 2 years ago with the transformation to the “METRO STYLE LIKE LOOK”. To change a whole program is much more work than you first think.

I am mostly interested in developing new apps in Metro style.

I use FIVEWIN now more like HTML. Years ago I changed all to resources now back to hardcoded.

I think we need an easier way. Time spent automating will be gained back many times over.

I found my personal style for WINHOTEL but I don’t know if this is according to the standard.

If you are interested in the Win 8 app standards, you can find them here:

Index of UX guidelines for Windows Store apps
http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx

Regards,
James

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Sat Jul 13, 2013 4:42 am
by Richard Chidiak
Otto

How do you deal with radio buttons ?

Have you developped a particular control for this ?

Richard

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Sat Jul 13, 2013 12:08 pm
by cnavarro
Otto
Personalization of your application is wonderful and a great job.
You are using Segoe UI Symbol Font ? or pictures ? icons for "back", etc. ..
regards

Re: FIVEWIN: WINHOTEL new metro style video

PostPosted: Sat Jul 13, 2013 4:54 pm
by Antonio Linares
Cristobal,

FWH provides samples/touch.prg used to test the FWH Metro related Classes, with many bitmaps, segoe font use, etc.

viewtopic.php?f=3&t=23854&start=0&hilit=touch