Author: ben Date: 2007-09-24 16:28:51 -0700 (Mon, 24 Sep 2007) New Revision: 6573
Modified: labs/newsmatch/iphone-openlaszlo.blog.html Log: added links to live solo deployments of the intermediate products Modified: labs/newsmatch/iphone-openlaszlo.blog.html =================================================================== --- labs/newsmatch/iphone-openlaszlo.blog.html 2007-09-24 22:51:00 UTC (rev 6572) +++ labs/newsmatch/iphone-openlaszlo.blog.html 2007-09-24 23:28:51 UTC (rev 6573) @@ -47,7 +47,7 @@ <h2>hello, iPhone</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/hello/hello_iphone.lzx";>(source)</a>. - (live [TODO linkme!]). +<a href="http://labs.openlaszlo.org/ipdc/hello/"; target="newsmatch_app" title="hello, iPhone">(live)</a> This is just a simple, four-line application to show that you can get something running on the iPhone very quickly. To run it on the iPhone, you'll want to just run the application, without the developer console. @@ -55,14 +55,14 @@ application page with checkboxes for runtime, debug, and other options.) To get just the app without the console, add query args <tt>lzr=dhtml&lzt=html</tt> to your url. For instance, I run my -hello, iPhone app at +hello, iPhone app at the url: <tt>http://localhost:8080/trunk/demos/newsmatch-labs/hello/hello_iphone.lzx?lzr=dhtml&lzt=html</tt> (I've also included index.html in the newsmatch source, which has links to all the examples in this article, with the correct query arguments.) <h2>"tap to begin"</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/progression01/blank.lzx";>(source)</a>. -(live) [TODO linkme!] +<a href="http://labs.openlaszlo.org/ipdc/progression01/"; target="newsmatch_app" title="progression01">(live)</a> The next thing we did is to create a startup experience. We know the iPhone has pretty slow data transfer when running over EDGE, so we want to give the user something to look at fast. We start the app with a kind of cover (the view named "cover") @@ -85,7 +85,7 @@ <h2>Feed me! Bind me!</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/progression02/main02.lzx";>(source)</a>. -(live) [TODO linkme!] +<a href="http://labs.openlaszlo.org/ipdc/progression02/"; target="newsmatch_app" title="progression02">(live)</a> <p> The next thing we did was to find some tasty data, and show it. OpenLaszlo makes this sooo easy and tasty; it's one of my favorite things to do. We grabbed @@ -125,7 +125,7 @@ </p> <h2>Pretty pictures, please?</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/progression03/main03.lzx";>(source)</a>. -(live) [TODO linkme!] +<a href="http://labs.openlaszlo.org/ipdc/progression03/"; title="progression03" target="newsmatch_app" >(live)</a> <p>Next I want to display the nice images that Yahoo provided, associated with each item. We've already seen how data-binding can do XPath queries for us; I apply the same pattern to create a thumbnail and bind it to the url specified in the feed: @@ -135,7 +135,7 @@ </p> <h2>Tell me more...</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/progression04/main04.lzx";>(source)</a>. -(live) [TODO linkme!] +<a href="http://labs.openlaszlo.org/ipdc/progression04/"; title="progression04" target="newsmatch_app" >(live)</a> <p> I want to show some more information about these items, more than just a few words from their title, so I create a view to display details about one item at a time. I give it an id, <tt>gDetails</tt>, so that @@ -160,7 +160,7 @@ <h2>Less ugly, please.</h2> <a href="http://svn.openlaszlo.org/labs/newsmatch/progression05/main05.lzx";>(source)</a>. -(live) [TODO linkme!] +<a href="http://labs.openlaszlo.org/ipdc/progression05/"; title="progression05" target="newsmatch_app">(live)</a> <p> Around this point in iPhoneDevCamp, Bret (fearless designer) came back from getting a bagel, and I went off in search of coffee. (This was when I discovered <a href="http://sbshine.net/blog/2007/07/philz-coffee.html"; title="shinyblog: Philz Coffee">Philz Coffee</a>.) Bret started to make things look nicer, by writing a custom layout, picking colors, sizing fonts, that sort of thing. (Actually the code you're seeing here is me, Ben, <em>pretending</em> to be Bret and make it less ugly, but mostly failing. Bret really wrote a new layout with animation, and arranged everything pixel-perfect; for this article, I'm approximating our process.) To make arrangement easier, we broke up the <tt>rssitem</tt> class into a <tt>rssimage</tt> class and a <tt>rsslabel</tt> class. _______________________________________________ Laszlo-checkins mailing list [email protected] http://www.openlaszlo.org/mailman/listinfo/laszlo-checkins
