Monday, June 04, 2012

APEX Mobile in DG Tournament

Sunday night, playing arround with DG Tournament and JQuery Mobile...
After a couple of hours this is the result: http://m.dgtournament.com

The login screen, with the same authentication as the full website (http://www.dgtournament.com)
(you need to subscribe first on the full website, if you don't have a login yet)


When you are logged in, you will see a menu. For now I just added the persons bet ranking.
If I find some more time, I'll probably add a screen to see and update your own bets.


Clicking on the Bet Rank link will give you the ranking of the people with a nice search on top. 


I didn't include a screenshot, but you can also click on a person to get more detail about how many times they played, how many times they betted the correct score etc.

For the (APEX) people interested in how this was created...

Start with looking at the JQuery Mobile Quick Start Guide. For example to add that search on the screen it's super easy... just add data-filter="true" to your list and presto!
The full integration of jQuery Mobile with APEX (declarative; using wizards) is currently planned for APEX 4.2, but next to the manual way of using JQuery Mobile with APEX, you can already tell APEX 4.1 that you want to do mobile development as described by Marc Sewtz in following blog posts:
Making a mobile version of an APEX app is always fun :-) I only tried the app on my iPhone, so if anybody can try it on Android, WindowsPhone, Blackberry, ... I hope it looks good too.

Hope you enjoy this little mobile extension... at least now you can already see how your rank is without opening up the site on your iPad, laptop or desktop.

3 comments:

  1. I do not leave a ton of responses, however after browsing a bunch of remarks
    on "APEX Mobile in DG Tournament". I do have 2 questions for you if you do
    not mind. Is it just me or do some of these remarks come across like they
    are left by brain dead individuals? :-P And, if you are writing on additional places,
    I'd like to follow everything new you have to post. Could you post a list of every one of all your public pages like your linkedin profile, Facebook page or twitter feed?
    My blog - My Site

    ReplyDelete
  2. Goh Eng Keat6/11/2012 3:55 AM

    Hi Dmitri,

    I have some question and suggestion for you. FYI, currently i'm developing APEX mobile.

    Question : I saw your apps have the loading image while the page is loading. How to do that?
    I'm using apex 4.1 and jquery 1.1.0

    In my mobile apps didn't show the loading icon.
    It is by default or need some coding?


    Suggestion : You may use data-position="fixed" at header and footer to make it more nicer...

    And you may add to homescreen and hide the url bar. It will look nicer.
    =)


    Regards,
    Eng Keat

    ReplyDelete
  3. Hi Eng,

    As far as I remember I didn't include something specific for the loading image.
    I started from the mobile sample app by Marc Sewzt. When I upgraded the version of jquery mobile I got that new icon automatically. I use the same version as you.

    Also thanks for your recommendations.

    Regards,
    Dimitri

    ReplyDelete