7. March 2012

Must have tool for web/mobile developers – Adobe Shadow

Imagine that you’re developing app on desktop and you want to test it also on mobile devices. It’s quite daunting task to reload all pages and tap on device every time you need refresh. Adobe introduced simple, but powerful solution – Adobe Shadow.

How it works?

Install Adobe Shadow app on you desktop and start it. This will act as bridge between you browser and mobile devices.

Install Adobe Shadow client app on each mobile device and install extension to Google chrome.

Authenticate devices by pass code and start browsing in web browser. It will sync all devices in you WiFi network connected to Shadow. Adobe Shadow will send URL from Google Chrome to all devices and it will keep devices in sync.

This is very handy app for mobile development and testing.

Check out video from Adobe.TV:

Check out the web site of Adobe Shadow: http://labs.adobe.com/technologies/shadow/

Posted in Rich Internet Application (Tags: , , , , , , , , , ) | No Comments

18. June 2011

Structure of Flex project for multi-target development

What I mean by multi-target?

Today it is possible to create Flex project that runs in browser as Flash application. Other option is to create mobile or desktop application using AIR.

The question is how to structure bigger projects that need to target web, mobile and desktop.

Let’s assume that we’re developing multiple applications and therefore it is good to have common library which aggregates common functions.

That is sufficient when you’re targeting just one platform. Once you need to support more projects then one common library is not enough.

It is reasonable to split this library into the main core that is common for all projects and then create specialized libraries for AIR, web and mobile.

On the top of these libraries you can build final applications for desired platform.

Recap:

  • top: applications for mobile, web and desktop
  • middle: specialized libraries that extends functionality for mobile, web, desktop
  • bottom: common library for all platforms

Posted in Rich Internet Application (Tags: , , , , , , ) | No Comments

25. May 2011

ColorPicker and DateField in Flex 4.5

ColorPicker is not available in Flex 4.5 with Spark architecture. I found this problem while I was migrating desktop project to mobile AIR for Android.

Fortunately there is solution. Alex Harui wrote simple Spark based components that replace ColorPicker and DataField functionality.

Update: Unfortunetely swatch DropDown component does not work in mobile world. You could not select color from swatch. This problem is bounded to DropDown/ComboBox problem in mobile world. I recieved recommendation from Adobe developers to move DropDown part to new view state and avoid using s:DropDown.

Please drop a comment to this post if you have working mobile colorpicker component.

Posted in Rich Internet Application (Tags: , , , , ) | 3 Comments

15. April 2011

jQuery workshop – FRI Žilina – slides

I was invited to give another talk at FRI Žilina. Previous topic was development for Google Android platform.

This time I focused on jQuery.Together with Michal Kaukič we started jQuery workshop. Attendees learned basics of jQuery in two hours. At the end they have running application with simple animation in HTML.

Základy jQuery

You can download slides in PDF version.

You can also download ZIP file with all demo applications.

I was using IntelliJ Idea IDE. It has very intelligent code completion for jQuery, JavaScript and HTML.

I suggest to download also jQuery Cheat Sheet, it is very handful manual.

I mentioned two interesting projects. One was Adobe Browser Lab which allows you to get snapshot of your web site displayed in different browsers on different systems.

The second project was jQuery Mobile. This project could help you to create applications for mobile environment.

I provide this workshop also in form of training for companies. You can find more details about available trainings at sinusgear.com.

Do not forget to watch lauch of Adobe CS5.5 Dreamweaver. Adobe promised to provide support for packaging JavaScript application as a native app for Apple iOS, Google Android and Blackberry.

Posted in Misc, Rich Internet Application (Tags: , , , , , , , ) | 1 Comment

11. April 2011

Cool news for mobile, PHP, Flex and web professionals – CS 5.5

Adobe announced upcoming version of CS 5.5. In my opinion they should change the name to CS 6, because new features are very powerful.

jQuery Mobile and PhoneGap in Dreamweaver. If you’re short on thime, just check 5th minute of video. Greg Rewis is showing how to run jQuery Mobile app on Android.

There are great news for PHP developers. Adobe announced FlashBuilder 4.5 for PHP. Simpler workflow and better integration of Flash/Flex apps with PHP code base.

FlashBuilder 4.5 has also great support for mobile development. Check out this article.

FlashCatalyst has new features. See the video:

Absolutely great job Adobe!

Posted in Rich Internet Application (Tags: , , , , , , , ) | No Comments

26. February 2011

Apps for Google Android – Video

Video recording from my talk about development of applications for Google Android is available at mojandroid.sk.

This video is available thanks to Fero Chovaňák.

Posted in Rich Internet Application (Tags: , , , , , , , , , , ) | No Comments

24. February 2011

Materials – Developing apps for Google Android

You can access materials from my talk at FRI Žilina: PDF, SlideShare

Vývoj pre Google Android

Update:

- Facebook group for Android fans not only from Žilina: ZAndroid

- video material is available at www.mojandroid.sk

Posted in Rich Internet Application (Tags: , , , , , , , , ) | No Comments

17. February 2011

Flash and Flex projects that Rock!

Do you have fancy project written in Flex or Flash?

Do you want to get more exposure? Submit your application to Flash Rocks! program. Send info about your project to fprocks@adobe.com.

If you have mobile version of your project then it could be listed at m.adobe.com.

Posted in Rich Internet Application (Tags: , , , , ) | No Comments

2. January 2011

How to package AIR app for Google Android emulator

It is quite easy to create mobile version of application with Flash Builder Burrito “Preview”. You can run and test this application with Google Android emulator. There are few tricks how to achieve it.

1. Download Flash Builder Burrito and Android SDK.

2. Unpack Android SDK, run SDK manager, download all updates.

3. Add two paths to your PATH system variable: Flex SDK/bin and Android SDK/platform-tools. You will be able to run adt (Flex) and adb (Android) commands.

4. Create Virtual Device in Android SDK Manager. Target platform must be Android 2.2. Android 2.3 does not work with emulator version of AIR. Start this new device.

5. Open shell/command line and go to directory Flex SDK/runtime/air/android/emulator. Install AIR Runtime to Virtual Device by this command:

adb install Runtime.apk

6. Create Mobile project in Flash Builder. Try to run it. It will create some files in bin-debug directory.

7. Open shell/command line and go to this bin-debug directory. Create package for Android emulator:

adt -package -target apk-emulator -storetype pkcs12
-keystore cert.p12 Main.apk Main-app.xml Main.swf

Note: cert.p12 could be create by Flash Builder in “Export release build” step.

8. Install the package to Android emulator:

adb install Main.apk

That’s all :-)

Notes:

  • performance – Air on Android Emulator is quite slow. Real HW is much faster.
  • update application – Add -r to command. It will reinstall package:
adb install -r Main.apk

Posted in Rich Internet Application (Tags: , , , , , ) | 2 Comments

26. November 2010

Hudson CI, Maven, FlexMojos – materiály z prednášky – AUG Bratislava

Update: Pridaná prezentácia od Michala Grona o Hudsone.

Adobe User Group Slovakia meeting v Bratislave v priestoroch IBL Software sa vydaril.

Spolu s Michalom Gronom sme odprednasali temu Hudson CI, Maven a FlexMojos.

Moja časť prezentácia je k dispozícii v PDF. Ukážková aplikácia pre Hudson CI od Michala je na Google Code – Smiley App.

Hudson CI, Maven a FlexMojos

Prezentácia od Michala Grona o Hudsone:

Pokiaľ vás téma kontinuálnej integrácie a Flexu zaujíma, pozrite si nasledujúce materiály:

Informácie a materiály z ďalších prednášok nájdete na stránkach Adobe User Group Slovakia.

Posted in Rich Internet Application (Tags: , , , , , , ) | 2 Comments

  • Babel fish

      Translate from:

      Translate to:

      Powered by Google Translate.

  • Where’s the fish?

  • Further info

  • Badges

  • Video channel

  • Learning

    Grow your brain.

  • Tags

  • Topics

  • May 2013
    M T W T F S S
    « Feb    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  

  • Comments