EWD + Sencha Touch Tutorial Part 1

[rtweed]

For those of you who are interested in following in the footsteps of
Zach Gonzales at the recent World VistA meeting in Seattle, I've now
uploaded the first part of a series of tutorials that will explain how
to use EWD and the Sencha Touch framework to build mobile apps that
will run on pretty much anything that contains a webkit browser
including:

- iPhone
- iPod Touch
- iPad
- Android phones
- Android tablets
- Desktop Safari and Chrome

Part 1 covers the basics and will get you on the road. Part 2 is
where the real fun and action will begin!

Download the tutorial from either:

http://gradvs1.mgateway.com/download/EWD_SenchaTouch_Tutorial_844_part1.pdf

or from the Github repo that contains the latest version of EWD (build
844) for GT.M:

https://github.com/robtweed/EWD

Please report any errors, typos etc: this document is hot off the
press so it may contain one or two!

Rob

[Steve Owen]

Thanks Rob! I look forward to your DevCon class as well - our development
team will be attending.

http://gradvs1.mgateway.com/download/EWD_SenchaTouch_Tutorial_844_part1.pdf

https://github.com/robtweed/EWD

Rob

--
http://groups.google.com/group/Hardhats
To unsubscribe, send email to Hardhats+u...@googlegroups.com

[kdt...@gmail.com]

Rob,

I recently came across this site. It looks like another framework. I
was curious if it would be helpful

http://www.mobl-lang.org/

Kevin

On Feb 5, 9:32 am, rtweed <rob.tw...@gmail.com> wrote:
> For those of you who are interested in following in the footsteps of
> Zach Gonzales at the recent World VistA meeting in Seattle, I've now
> uploaded the first part of a series of tutorials that will explain how
> to use EWD and the Sencha Touch framework to build mobile apps that
> will run on pretty much anything that contains a webkit browser
> including:
>
> - iPhone
> - iPod Touch
> - iPad
> - Android phones
> - Android tablets
> - Desktop Safari and Chrome
>
> Part 1 covers the basics and will get you on the road.  Part 2 is
> where the real fun and action will begin!
>
> Download the tutorial from either:
>

> http://gradvs1.mgateway.com/download/EWD_SenchaTouch_Tutorial_844_par...

[rtweed]

Not really to be honest. There are numerous other frameworks but it's
generally considered that Sencha Touch is the best and most mature by
a long margin which is my experience too. The only other one that is
going to be close is jQuery Mobile but it's still only at the alpha
stage. You can wait forever for the next great thing but I'd suggest
it's better to get on with it now and start developing really great
mobile versions of Vista today -as we demonstrated in the space of
just a couple of days at the Seattle meeting.

Rob

[JohnLeo Zimmer]

Rob,
I've just finished this very fine tutorial, one of your best, IMO. A great exercise, and easier to follow than a Lego kit. 

I do have some feedback for you while it is fresh in my mind.
There are a few typos that took me a moment to bypass:

1. In several places "stdemo" has morphed into "Stdemo" as:

GT.M: d compileAll^%zewdAPI(“Stdemo”)

Also occurs on pages 3 and 10, basically whenever ...^%zewdAPI("stdemo"... should have been appeared. Your word-processor is being too helpful.

2. On page 17 the text mentions the tag <st:spacer>. Then in the example it has morphed into <ewd:spacer /> which did not work quite as well. :-)

3. In several examples I had to remind myself of your advice on page 2 to "not include line breaks inside a tag." Because, for example on page 13, a hyphen sneaks into the code:

 <st:toolBarButton text="Hide" id="hideBtn" handler="EWD.sencha.on-

 HideBtnTapped" />

Once I figured that one out, others were less troublesome, eg. p 15,16,17. Again, too much help from the word-processor, I'd say.

4. I am ready and eager for part 2, and 3...

highest regards,

jl.z

hiybbprqag

[rtweed]

Thanks for reporting these typos, JohnLeo. They have all been
corrected now and the new version of the PDF is on our web site and in
the Github repo.

Glad you liked Part 1. Part 2 should be out soon!

Rob

[JohnLeo Zimmer]

Rob,

I wanted to run a detail past you...

When I installed Sencha, it ended up being a new version, sencha-touch-1.0.1a.

I saw no reason not to add a symbolic link:  

ln -s /var/www/sencha-touch-1.0.1a /var/www/st

Any reason not to add that step to the setup? Because now a tag like:

<st:container rootPath="/sencha-1.0/" contentPage="helloworld">

...can be written:

<st:container rootPath="/st/" contentPage="helloworld">

jl.N  <-- that N's a lazy Z

--
hiybbprqag

[rtweed]

Yes Sencha Touch latest is currently 1.0.1a

It's up to you where you put the Sencha Touch Javascript code and how
you name the directory - just ensure you adjust the examples
appropriately and consistently (ie in your index.ewd container page
definition).

By the way, Part 2 is now available:

http://gradvs1.mgateway.com/download/EWD_SenchaTouch_Tutorial_844_part2.pdf

In writing it, I realised there some enhancements and simplifications
I could make to EWD and the Sencha Touch tags that are referred to in
the Part 2 examples, so you'll need to upgrade EWD to the latest build
846 that you'll find at the Github repo:

https://github.com/robtweed/EWD

Enjoy!

Rob