Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
reumerd
Posts: 119
Registered: ‎05-27-2010
My Device: 9900

Resouces I have found useful and a head start to start building Web Application platforms

[ Edited ]

--- Updated with Kuler for your design colors and "A list Apart" for more design thoughts and the Google Web Toolkit for vast development, but is a bit heavy "lifting" ----

 

First off, I think we live in exciting times. Mobility is pushing IT to the next frontier.

Helped by Agnostic "clouds" (which means to me WebServices), allowing us to consume information whenever, where-ever we are.

This is a totally new concept of using information and drives a further need for contextualisation, as we can't put all information in one screen, not in to many separate isolated applications on those smaller screens.

It also forces us to completely reinvent the wheel, as applications and information up till now mainly resided in either mainframes, central server systems and on desktop/laptop machines.

We have new tools to build our applications: HTML(5), CSS(3), JavaScript, Where HTML is a great tool, as it provides as with both a means to show the information, but additionally is also used to tag and store infomaation at the same time (DOM), none of the other Application Frameworks has such an great tool available. And using HTML and CSS we have one of the most flexible and powerful UI composers available too us. JavaScripts helps us to put the glue between HTML/CSS and our back-end information stores. As JavaScript is a scripting language it lacks some of the richness of Java/C#, so it does impose us with some hurdles to take. (e.g. without JavaScriptWorkers no multiptasking).

 

As the Web Platform is so open and free, there are a million ways to get from A to B, but not neccesarly all the roads get us there in time or without running into trouble.

 

I hope that working together in the forums and sharing ideas, we can try to create some groundrules and methods, frameworks which can be reapplied to solve particular Web Application problems and migth further the existing of Powerful Web Applications V2.0.

 

To make this possible I wanted to share the information I have used to get to the point I'm now.

 

Apart from these, ensure you visit the forums regularry and don't forget to take a look at some of the excellent presentations and approaches From DevCon10 some of our fellow WebApp developers used to get to Point B.

DEV10 - Meemlee showed a great WebApp for the Hollywood Bowl

COM01 - An in field WebApp

DEV64 - HTML5 CSS3

COM28 - Indepth code of a WebApp

 

General Widget reference:

http://www.blackberry.com/developers/docs/widgetapi/

----------

First off off course is, can't do without, but might not be your first stop to get into the groove:

http://www.w3.org/

 

First stop should be, gets you in the game in a jiffy.

http://www.w3schools.com/

 

To extend and use the newer browser features look here:

CSS3 info:

http://www.css3.info/

 

For testing and HTML5 reference:

http://html5test.com/

 

---------

 

Reference sites:

http://www.quirksmode.org/

Has a list of all browser compatability (or at least the most comprehensive one) and helps you deal with cross-browser interoperability.

 

New Mobile site with great ideas which will help you think longer about developing mobile applications:

http://yiibu.com/

Especially this presentation gives you a laugh and some thoughts:

http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

 

I will not be giving all the sites of the Frameworks, but try to take a look (google it) at: jQuery, ProtoType, node.js, PhoneGap, DoJo, Etx, UIX, Sencha, etc....

 

Google Web Toolkit: (Eclipse plugin also available):

http://code.google.com/webtoolkit/

 

 

More on UI Design:

Colors

http://kuler.adobe.com/

 

A list Apart:

http://www.alistapart.com/

-------

 

Good luck hope to stay in touch

@reumerd-- @BBDevGroupNL -- about me
If you like it, LIKE it ;-) ----- If it's solved, press solved ! --- If you solved it yourself, please let us know! We might have the same problem!
Developer
reumerd
Posts: 119
Registered: ‎05-27-2010
My Device: 9900

Application Development platforms

As a Java / Web Developer I'm quite used to Eclipse to do all my development in, while other swear on Notepad++. (also to support other platforms)

 

I would like to urge you all to list your tools you use to get your application up and running.

 

Aptana integrates in eclipse and can help you get your JavaScript, HTML and CSS proper annotated so you don't have to double double double double check your codes.

http://www.aptana.com/

 

Aptana can also work together with for instance Adobe DreamWorks, this might save you ton of work.

http://www.adobe.com/products/dreamweaver/

 

Photoshop can't be far of.

 

And additionally I use the Javascript/CSS/HTML compression tools to shrink my codes and improve load/run-times.

Whenever I can I also try to use multiple image resources for the same image, depending on the screen estate and bandwidth available to you.

 

@reumerd-- @BBDevGroupNL -- about me
If you like it, LIKE it ;-) ----- If it's solved, press solved ! --- If you solved it yourself, please let us know! We might have the same problem!
Developer
reumerd
Posts: 119
Registered: ‎05-27-2010
My Device: 9900

Re: Resouces I have found useful and a head start to start building Web Application platforms

Also for debugging purposes:

 

Many people are very happy using FireFox

with FireBug http://getfirebug.com/

and sometimes User-Agent switcher:

http://chrispederick.com/work/user-agent-switcher/

 

Just start up your index.htm(l) from your widget project in FireFox.

 

Please not non of the widget specific API's wil off course work in this browser, but your normal JavaScripts/CSS/HTML works should display nicely.

 

Start with the bare WebApp test it in FireFox and add the Widget API integration last. This should save you tons of time in packaging deploying and running the BlackBerry Simulator.

@reumerd-- @BBDevGroupNL -- about me
If you like it, LIKE it ;-) ----- If it's solved, press solved ! --- If you solved it yourself, please let us know! We might have the same problem!
Developer
reumerd
Posts: 119
Registered: ‎05-27-2010
My Device: 9900

Re: Resouces I have found useful and a head start to start building Web Application platforms

[ Edited ]

W3CSchools now also has HTML5 tutorials:

 

http://www.w3schools.com/html5/default.asp

 

@reumerd-- @BBDevGroupNL -- about me
If you like it, LIKE it ;-) ----- If it's solved, press solved ! --- If you solved it yourself, please let us know! We might have the same problem!