[Interest] how to develop the HTML5 application(web application) by using Qt?

[Muthulingam Ammaiappan]

Hi Friends,

i wanted to develop the HTML5 application(web application) like tic-tac-toe
game using Qt....

I am planning to design the UI in QML or Qt and the business logic will be
in Standard Qt C++.

can any one please help me out how to develop the HTML5 web application
using the above combination....(i.e) final output what i wanted is *.html
instead of *.exe

i can able to create the simple html5 application by using Qt Creator...
but what i wanted is how i can create the UI using QML/Qt Widgets and
business logic will be written in Qt C++... and combine all of them to get
the *.html output?)

anyone please help me how i can able to fix this?

Thanks & Regards,
Muthulingam

[Konstantin Tokarev]

Post by Muthulingam Ammaiappan
Hi Friends,
i wanted to develop the HTML5 application(web application) like tic-tac-toe game using Qt....
I am planning to design the UI in QML or Qt and the business logic will be in Standard Qt C++.
can any one please help me out how to develop the HTML5 web application using the above combination....(i.e) final output what i wanted is *.html instead of *.exe

You cannot produce HTML from QML

[Muthulingam Ammaiappan]

Hi Konstantin,

Thanks for your quick reply...

can you suggest the best way to develop the html5 web application(game) ?

and is it possible to develop in Qt?

Thanks & Regards,
Muthulingam

Post by Muthulingam Ammaiappan

Post by Muthulingam Ammaiappan
Hi Friends,
i wanted to develop the HTML5 application(web application) like

tic-tac-toe game using Qt....

Post by Muthulingam Ammaiappan
I am planning to design the UI in QML or Qt and the business logic will

be in Standard Qt C++.

Post by Muthulingam Ammaiappan
can any one please help me out how to develop the HTML5 web application

using the above combination....(i.e) final output what i wanted is *.html
instead of *.exe
You cannot produce HTML from QML
--
Regards,
Konstantin

[Konstantin Tokarev]

Hi Konstantin,Thanks for your quick reply...
can you suggest the best way to develop the html5 web application(game) ?
and is it possible to develop in Qt?

With Qt you can develop hybrid applications, i.e. part of your application is written in
HTML+JS+CSS and is running inside QtWebKit-based client where you have much
more control over environment than in regular browser and can load plugins written
in Qt through QtWebKit bridge [1]

[1] http://qt-project.org/doc/qt-4.8/qtwebkit-bridge.html

[Muthulingam Ammaiappan]

Hi Konstaintin,

my requirement is not bringing the webcontent into Qt Application... my
intention is to develop the web application(example: online image
editor)....(particulary games like tic-tac-toe)

and that web application should run all popular web browsers(internet
explorer,google chrome,firebox..etc)....

if Qt is not able to help me out,can anyone suggest the best technology to
fullfill my requirement?

Thanks & Regards,
Muthulingam

Post by Konstantin Tokarev

Hi Konstantin,Thanks for your quick reply...
can you suggest the best way to develop the html5 web application(game) ?
and is it possible to develop in Qt?

With Qt you can develop hybrid applications, i.e. part of your application is written in
HTML+JS+CSS and is running inside QtWebKit-based client where you have much
more control over environment than in regular browser and can load plugins written
in Qt through QtWebKit bridge [1]
[1] http://qt-project.org/doc/qt-4.8/qtwebkit-bridge.html
--
Regards,
Konstantin

[Till Oliver Knoll]

...
if Qt is not able to help me out,can anyone suggest the best technology to fullfill my requirement?

The best technology to implement a HTML5 "web app" is... to use the HTML5 technology itself ;)

Unfortunatelly there is no "magic toolkit" which would convert C++ into the equivalent JavaScript (to name just one component of what is considered part of HTML5).

Also QML is actually meant to be more attractive for people coming from "web design" (or so I understand), that is people which are already familiar with HTML, CSS etc.

So trying to do the HTML GUI in QML would be like going back and forth.

Fortunatelly for you there are several dozens of JavaScript libraries and frameworks out there, also providing GUI elements such as buttons, menus, dialogs... (use Google!)

One popular of them is
http://jquery.com

Check out jqueryui!

They even stole half of our slogan "write less, do more" - so that MUST be a perfect fit :)

If you want to do HTML5 "apps" on mobile phones, then you might want to look into

http://phonegap.com

which to my understanding is also a popular framework (in which you can also incorporate jquery).

But again: you WILL need to get dirty with HTML, JavaScript, JSON, Ajax and Co. to some degree or another - instead of Qt/C++ (which is for REAL applications ;))


Cheers,
Oliver

[Konstantin Tokarev]

You can also try Wt [1] - it allows you to write web applications in C++ (you may even use non-GUI Qt stuff!)

[1] http://www.webtoolkit.eu/wt

[Muthulingam Ammaiappan]

Hi Konstantin & Till Oliver,

i will investigate more details about Wt... i think it will fulfill my
requirements(because it offers full development in C++ and some Qt
functionalities also..

Thanks for your great support,

Regards,
Muthulingam

Post by Konstantin Tokarev
You can also try Wt [1] - it allows you to write web applications in C++
(you may even use non-GUI Qt stuff!)
[1] http://www.webtoolkit.eu/wt
--
Regards,
Konstantin
_______________________________________________
Interest mailing list
http://lists.qt-project.org/mailman/listinfo/interest

[Till Oliver Knoll]

Post by Konstantin Tokarev
You can also try Wt [1] - it allows you to write web applications in C++ (you may even use non-GUI Qt stuff!)

That looks interesting! In fact, when browsing the documentation it
seems to closely resemble the Qt API ;)

My first understanding after browsing the description is that the Wt
framework is a Server/Client framework, not a toolkit which
transmogrifies your existing C++ into JavaScript/HTML5 which could run
on its own.

So whereas a "HTML5 app" in theory can run on its own (once you have
downloaded and installed it, using platform/browser-specific
functionality), the browser does all computation alone. With Wt you
always need a server connection, because all the logic resides on the
Server (as C++ code). That's something to keep in mind.

[Jason H]

It is a very interesting project. I have fiddled with it. Someone suggested that the fork of Qt be called Cutie, or something like that, but that's what I called my efforts to unify Qt and Wt. I ended up creating a  version of UIC that would take a UI and put out a Wt-classed and #included version of Qt screens, so that you essentially had a form builder. The goal was to have one code base, with minor changes depending if you wanted local (Qt) or web (Wt). I got pretty far with it, but eventually because Wt uses boost, I was not able to keep things uniform enough for it to be advantageous.


My current effort is now, once Qt5 is released to implement a HTML5 canvas interface using QPA. I already have a a traditional QPainter interface working. That's Vaudeville. I named it that because the GNOME effort is called Broadway. I downloaded braoadway the other day and I'm going to see how closely I can keep Vaudeville to Broadway. One significant change is I want to avoid the use of SPDY.





________________________________
From: Till Oliver Knoll <***@gmail.com>
To: Qt Interest <***@qt-project.org>
Sent: Wednesday, June 20, 2012 9:17 AM
Subject: Re: [Interest] [OT] Re: how to develop the HTML5 application(web application) by using Qt?

Post by Konstantin Tokarev
You can also try Wt [1] - it allows you to write web applications in C++ (you may even use non-GUI Qt stuff!)

That looks interesting! In fact, when browsing the documentation it
seems to closely resemble the Qt API ;)

My first understanding after browsing the description is that the Wt
framework is a Server/Client framework, not a toolkit which
transmogrifies your existing C++ into JavaScript/HTML5 which could run
on its own.

So whereas a "HTML5 app" in theory can run on its own (once you have
downloaded and installed it, using platform/browser-specific
functionality), the browser does all computation alone. With Wt you
always need a server connection, because all the logic resides on the
Serv