Adobe Tutorial - "Hello World: Build a mobile app in five minutes"

Ok, I was able to follow everything in the tutorial down to where we are testing the application on the actual device. Running the app on the desktop worked just fine.
When I told FB to test app on my LG Optimus V (Virgin Mobile phone with Andriod 2.2 installed), I get the following error:
Can someone point me in the right direction on how to fix this??? This is the very first time of trying to produce any mobile app (ever).
I am running Windows XP (SP3), Flash Builder for PHP 4.5 installed, manually updated SDK to 4.5.1. I have loaded the LG Optimus V phone drivers (downloaded from LG website). They have 3 versions. None of them worked when I tried testing my app.
Tony

MMM, good question. Going to take some digging. I asked the people at Virgin Mobile and they were clueless. I have an email into technical people at LG (my phone is a LG model VM670). I guess they don't have anyone working on the weekends. Hopefully, they will answer sometime this monday.
Tony
Date: Sat, 30 Jul 2011 10:41:42 -0600
From: [email protected]
To: [email protected]
Subject: Adobe Tutorial - "Hello World: Build a mobile app in five minutes"
I'm not familiar with that device, do you know if it is ARM7?
>

Similar Messages

Building a mobile app

Hi, I've installed phonegap desktop and designing my app in Muse. The updates are working fine and testing on my phone works great. Is this the way to build a mobile app? Can it work? I don't know code at all.

Ok, thanks, well let me ask you this then. What if I wanted to make an app that isn't informational only, what's the best way to get things to work? can I design the app in muse for the informational stuff and then insert jquery code in to do more dynamic things? I ultimately want to be able to do some phone manipulation if you know what I mean. Maybe access the phones voice recorder, or be able to leave a voice text, or access the phone's calendar to make appointments. What would be the easiest way for a non coder to do something like that?

SOA 11g Tutorial/Hello World application

Dear All,
I am very much new to SOA Pls let me know Tutorials or How to build Hello world or where to start the building the applications.
Best regards,
Raj

http://www.oracle.com/technology/sample_code/products/soa/index.html
http://blogs.oracle.com/soabpm/2009/12/soa_suite_11g_-somelong_awai.html
http://www.oracle.com/technetwork/developer-tools/jdev/index-095536.html
Regards,
Anuj

How to Set up Flash builder to build Air Mobile Apps

Cannot find a decent tutorial how to install the sdk etc for Flash Builder.
Does anyone know of an easy to follow guide?
Or Can tell me how?

Oh Come on this is so easy to answer.
I'm so confused by all the out of date adobe labs tutorials, and this massive burrito thing.

Building Native Mobile App for Android: error message, build fail

Hi,
I'm trying RH10 on a Win 8 x64 system, trying to get the generate for mobile devices, Android to work. I've installed the Android SDK (part of the complete ADT) in a "Development" folder in the C drive, installed JDK for Win 64, added the PhoneGap and ANT unzipped folders to the "Development" folder and then in the RH10 dialog to generate the Android APK, I've pointed set the correct paths to these tools. (All installed tools are correct for my OS, Win 8 x64.)
No matter what I try, using a sample file (EmployeeCare, Salesbuilder), I get an error message at the very end of the build process. Please see the screenshot showing the error message and the relevant part of the log which looks like the ANT path is not working correctly. The build fails every time. I've tried to do some troubleshooting online and for example, came across setting the environment variables for the ANT folder, which I did, but with no success in fixing the problem. The Eclipse installation connects with the JDK and runs OK if I simply boot it up.
My path settings are in a second screenshot below.
(I've tried the ANT path with different values, for example "C:\Development\apache-ant-1.9.0-bin" etc. Doesn't prevent error message and build failure.)
I am not sure what else to do. Any help would be appreciated. At this point, I would be happy to simply be able to build one APK then test it on an Android device.
Thank you for your help.
Kind Regards,
saratogacoach

@saratogacoach
Not much on the forums yet about creating an app but I notice you are using Windows 8 which is not officially supported yet. Can you try on a Windows 7 machine to rule out the OS being the problem?
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Will (does) Adobe support Microsoft's new Surface 3 in terms of mobile apps?

I just pre ordered the Surface 3 as a replacement for an iPad 2. I'm hoping that Adobe will migrate some of the mobile apps that I currently enjoy over to the Windows 8 platform. I know that I can run the full versions of Photoshop, Illustrator ect. but it's the Adobe Color, Brush, Shape and the like that I'm interested in.

Hi Grey,
We are glad that you liked the mobile apps and you wanted them to try on Surface pro 3. We would like to inform you that our engg. team is working hard spread this mobile experience to all the mobile device users, not just IOS users.
We would not be able to provide any information around Mobile apps on Surface pro 3, however, you would be able to enjoy Mobile apps on Android devices in near future.
Thanks,
Atul Saini

Dreamweaver CS5.5 Mobile Apps with PHP and MYSQL?

Hello,
I don't have Dreamweaver CS5.5 yet and I've been trying to search for information on this but I couldn't find any. I've been learning PHP and been developing with MYSQL with Dreamweaver CS5 but I wanted to know if I can use the same tags and everything if I would to build a Mobile App using the new Dreamweaver CS5.5 (http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-jquery-mobile- pages/). I overlooked at the video and it seems pretty easy building an app. So is PHP and MYSQL easily integratable? Are there any examples that I might be able to check out?
Thanks!

No. PHP is a server-side scripting language that requires a server (or server-like environment) to run.
An iPhone (or Android) application does not allow for a "built-in" server (which is resource intensive and has scary security implications). You just can't build an application with PHP/MySQL for a mobile device. Instead you can build a web service that your HTML/JavaScript mobile application can then communicate with. This is the only supported way you can use PHP/MySQL in a mobile app. Again: the PHP/MySQL should reside on a server and your HTML/JS mobile app can then communicate with that web service. That's what instapaper and other applications do.
Frankly, just make a web application that's mobile device friendly and you'll:
1) Avoid all the messiness of the app stores
2) Have greater control over what your web app can do (don't have to tow the Apple/Google line)
3) Have a web app that can work across mulitple mobile devices as well as standard web browsers (i.e. more audience = more $).
4) Future proof your application (pushing updates to your server and everyone using your web app is updated)
Otherwise, read-up on Adobe AIR and what it supports and remember, the best apps are written natively for the platform (i.e. want to write an app for an iPhone? Learn Objective-C and use xCode on a Mac. Want to write an app for Motorola Xoom? Learn the Android SDK and use inteliJ).

Flex mobile app - which data grid control to use?

Hi,
Trying to build my first Flex mobile app in FlashBuilder 4.6 and I need a grid control to display a 2 dimmensional array of 6 columns x 50 rows.
The user doesn't don't need to have any interraction with the grid except for scrolling the rows.
I was looking at using dataGrid component but adobe doesn't recommend it for mobile apps.
Is there a grid component that is recommended for mobile apps?
Thanks

Here it is.
// Show empty grid to start
private function initGrid():void
 const dataArray:Array = new Array(1);
 var values:Array = new Array(1);
 values[0] = "";
 dataArray[0] = values;
 grid.dataProvider = new ArrayCollection(dataArray);
// Build array and feed it to the grid - 50 rows x 9 columns dataGrid (grid)
protected function FillGrid():void
var rows:int = 50;
var columns:int = 9;
// rows array
const dataArray:Array = new Array(rows);
// Get rows
for(var row:int=0; row<rows; row++)
const arrLine:Array = [columns+1];
arrLine[0] = row+1;
for(var col:int=1; col<columns+1; col++)
 // columns array
 arrLine[col] = Math.floor(Math.random()*10);
dataArray[row] = arrLine;
// At this point the multi dimensional array is assembled, now we connect it to the dataGrid
grid.dataProvider = new ArrayCollection(dataArray);

<s:Panel id="tablePanel" x="519" top="91" width="470" height="400" color="#827259" fontSize="18" title=".">
<s:DataGrid id="grid" left="5" right="5" top="5" bottom="5" selectionMode="singleRow" initialize="initGrid()" fontSize="17" >

<s:itemRenderer>
 <fx:Component>
 <s:DefaultGridItemRenderer>
 <fx:Script>
 <![CDATA[
 override public function prepare(hasBeenRecycled:Boolean):void
 label = data[columnIndex];
 ]]>
 </fx:Script>
 </s:DefaultGridItemRenderer>
 </fx:Component>
</s:itemRenderer>
<s:columns>
 <s:ArrayList>
 
 <s:GridColumn id="zero" headerText="N0" width="65" resizable="false"/>
 <s:GridColumn id="one" headerText="N1" width="45" resizable="false"/>
 <s:GridColumn id="two" headerText="N2" width="45" resizable="false"/>
 <s:GridColumn id="three" headerText="N3" width="45" resizable="false"/>
 <s:GridColumn id="four" headerText="N4" width="45" resizable="false"/>
 <s:GridColumn id="five" headerText="N5" width="45" resizable="false"/>
 <s:GridColumn id="six" headerText="N6" width="45" resizable="false"/>
 <s:GridColumn id="seven" headerText="N7" width="45" resizable="false"/>
 <s:GridColumn id="eight" headerText="N8" width="65" resizable="false"/>
 </s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Panel>
Tomexxus

Using Flash to develop to games and mobile apps

This semester I registered for an online course called Motion Graphics with my college.
The course was supposed to be an introduction to Adobe Flash and Adobe After Effects.
I signed up for the class specifically because I wanted to learn Adobe Flash to create games and mobile apps.
Unfortunately, it turns out that as of this semester my college is phasing out Adobe Flash from all of its courses,
and the course I signed up for is now only teaching After Effects and won't be teaching Flash at all.
I asked the course instructor about this, and she said it was because "flash can no longer work with creating many "apps" and other applications do not except flash." [sic]
Is this even a factual statement?
My college still offers several Java-related courses, but I really would have preferred to learn Flash and ActionScript instead.
I suppose my primary question here is:
Would it be better to learn Flash or to learn Java to create apps and games that can run on all of the most common platforms (e.g. Android, iOS, Windows)?

To be on topic, the course is about "motion graphics", and After Effects is an excellent, highly used tool in that trade. When creating video, Flash is used much less because it's very inferior. Again, in "motion graphics". With a robust expression scripting language in After Effects, Flash lost its footing in this department. Flash was probably only previously part of that course to deploy your video to the web, but it's not necessary or desirable due to (as kglad mentioned) Adobe discontinued Flash Player for mobile. Your target just changed to outputting MP4.
What you want to do, make apps, is a completely different world. Adobe AIR SDK is a great, frequently updated runtime that I've made dozens of apps with. Java is used with the Android SDK to make native Android apps. Objective-C with Xcode and the iOS SDK is used to make native iOS apps. Visual Studio and Azure (or HTML5/JS/CSS) are used to make Windows apps. The big difference here is the AIR SDK can get a good return on investment from re-using most of the code base of your app (depending on its type) by its scripting language porting to Android, iOS (and I think still Blackberry tabs), not Windows however.
If you want to make apps, you took the wrong class.
There are numerous frameworks out there similar to AIR that can deploy to multiple targets that are worth consideration on their own. From specific frameworks (like game-oriented) such as Unity to extremely abstract (used for anything) like Phonegap and standard HTML5 web development.
I haven't used Flash to make anything like a website in almost a decade. It's strictly been device apps, desktop apps, kiosks and product demonstrations. It's an extremely capable IDE for just about everything, except modern motion graphics.

Examples of popular mobile apps written in FlashBuilder

A few years ago I learned ActionScript and FlashBuilder. I liked ActionScript's inheritance model and enjoyed working with the language more than with javascript, but I got onto another project and had to set FlashBuilder aside. Now I'm trying to decide which direction I'd like to go for building some mobile apps, native or runtime. People always talk about the sluggish performance of non-native apps. To help me decide, I'd like to know the names of a couple real-world apps which were written using FlashBuilder. Ideally, not games, but data-visualization apps with forms elements: grids, lists, sliders, toggles, numerical inputs, and so forth, because the apps I will need to write will mainly have to capture report parameters (dates, scalar values, choices from lists, etc) and then display various kinds of graphs and charts.
Thanks

Hi,
I think you have to choose whether your applications will be distributed through the App Store (Developer Program) or in-house (Developer Enterprise Program). If they are distributed through the App Store, Apple will take 30%. You can create your own "App Store" for in-house over-the-air deployment.
http://developer.apple.com/support/ios/enterprise.html
In my opinion, this is one of the reasons why iOS is not the right platform for enterprise apps.
Regards,
Pierre

Mobile app with CF

I am trying to figure out how to build a mobile app using Jquery Mobile on the client side and Coldfusion and MySQL on the server side. It seems very difficult to find a basic example. Can someone please show me a tutorial that shows how to insert data and then read the data and display it? All on a mobile phone? I know this has to be possible but I can't find any documentation.

suppose you had the following form:
               Submit
you could post it to a remote server by adding a click handler to the button that calls:
$.ajax
            url: "http://www.domain.com/api/remote.cfc",
            type: "POST",
            data: "method=yourMethod&" + $("#mainForm").serialize(),
            success: function(data)
                  console.log(data);

How can I demo my mobile app on a web page? or standalone

Is there a way to show my Flex mobile app in a browser? either on a web page or standalone is ok.
I'm using Flash Builder 4.6 to build a mobile app for iOs (iphone 4) and when I debug it, it shows the program in a window like the phone,
Is there a way to wrap this up and give it to someone to run in a Flash-player-browser-like window?
thanks!
steve

You can do something similar to this by using Export Release Build and instructing FB to Export as "Signed AIR Package for installation on desktop"
This will create a file that can be installed on a computer and behaves much like a debugger execution. A few caveats are that the user will need to resize the window manually to match a "phone size" and mobile features (camera, gps, accelerometer, etc) will either be unavailable or behave very differently than on an actual phone (depending on your code implementation).
Still, for most apps, this will give your audience a good feel of what your app will be like when released on the phone market/store.

HOW TO: Create a GUI "Hello World"


This document describes how to create and run a very simple "Hello World"
Java GUI app using JDeveloper. The application will have one button and one
text field. Clicking the button will populate the text field with the message,
"Hello World!"
Creating The New Application
In this section, we will create an application with an empty frame.
<ol>
[*]Choose File | New Workspace.
</li>
[*]Choose File | Save Workspace.
</li>
[*]Enter <TT>HelloGui.jws</tt> as the name for the workspace.
This creates a Workspace called HelloGui. A workspace organizes all the projects
you need to work on at one time.
</li>
[*]Choose File | New Project.
The Project Wizard opens. This wizard will help you create a new project called
HelloGui. A project contains all the files that go together in one "tier"--for
example, all the files belonging to a single Java Application client, or all
the files belonging to an Enterprise Java Bean. Because we are working on
a simple, one-tier application, we will only need one project in our workspace.
</li>
[*]If the Welcome page appears, click Next.
</li>
[*]On the Project Type page, in the What is the Project's Filename?
field, change the filename to <TT>HelloGui.jpr</tt>. Leave the rest of the
path the same.
</li>
[*]Select A Project containing a new... and choose Application
from the dropdown list.
</li>
[*]Click Next.
</li>
[*]On the Project Options page, in the What is the name of the project's
default package field, enter <TT>helloGui</tt>.
</li>
[*]Click Next.
</li>
[*]On the Project Information page, you can enter any information about your
project that you wish.
</li>
[*]Click Finish.
The Application Wizard opens.
</li>
[*]In the Class field, enter <TT>HelloApp</tt>.
</li>
[*]Select the New Empty Frame radio button.
</li>
[*]Click OK.
The Frame Wizard opens.
</li>
[*]In the Class field, enter <TT>HelloFrame</tt>.
</li>
[*]Click OK.
JDeveloper creates an application, <TT>HelloApp</tt>, containing an empty
frame, <TT>HelloFrame</tt>. The source code for these classes appears in the
Navigator, which is the upper left-hand pane in the JDeveloper IDE.
</li>
[*]Choose File | Save All.</li>
</ol>
Adding a Panel to the Frame
In this section, we will now add a panel to the frame. In the next section,
we will add all the other components to this panel.
<ol>
[*]In the Navigator, double-click <TT>HelloFrame.java</tt>.
A viewer opens. This viewer has four tabs at the bottom:
<ul>
[*]Source, the currently active tab, which displays the source code
of the selected class</li>
[*]Design, which invokes a visual layout designer</li>
[*]Class, which invokes an editor for the class' attributes, and
can help you stay JavaBean complient</li>
[*]Doc, which displays the class' JavaDoc
</li>
</ul>
</li>
[*]Click the Design tab.
The viewer now displays a grey square, a graphical mock-up of your frame.
Also, on the right-hand side of your screen, the Property Inspector opens.
This allows you to quickly set attributes and define events for components.
</li>
[*]In the component palette (the tabbed toolbar near the top of your screen),
select the Swing Containers tab.
</li>
[*]Click the blue square (described in rollover text as <TT>JPanel</tt>) and
click on your frame to add the panel.
The Property Inspector now displays attributes of the JPanel.
</li>
[*]In the Property Inspector, click twice inside the box beside the name
field.
</li>
[*]Change the name to mainPanel.
</li>
[*]Click the box beside the layout field.
</li>
[*]Choose XYLayout.
XYLayout is an easy-to-use Layout for prototyping. Later, we will change the
layout to a more portable one.</li>
</ol>
Adding Components to the Panel
In this section, we finish laying out a prototype UI. We will add polish and
portability to the UI later.
<ol>
[*]In the Component Palette, select the Swing tab.
</li>
[*]Select the <TT>JTextField</tt> component, which looks like a text field
with a cursor.
</li>
[*]In your panel, click and drag the cursor to outline the text field.
Don't worry if the text field doesn't have exactly the right size or position.
We will adjust these later.
The Property Inspector now displays attributes of the JTextField.
</li>
[*]In the Property Inspector, change the name (just as you did for the
JPanel) to <TT>displayField</tt>.
</li>
[*]Change the text to nothing (erase the value that is already there).
</li>
[*]In the Component Palette, select the <TT>JButton</tt> component, which looks
like a button being clicked.
</li>
[*]In your panel, click and drag the cursor to outline the button.
The Property Inspector now displays attributes of the JButton.
</li>
[*]In the Property Inspector, change the name and action command
to helloButton.
</li>
[*]Change the text to <TT>Say Hello!</tt>.
</li>
[*]Choose File | Save All.</li>
</ol>
Wiring Up the UI
In this section, we wire the UI so that clicking the button causes "Hello
World!" to display in the text field.
<ol>
[*]In the Property Inspector, select the Events tab.
</li>
[*]Click the box next to the Action Performed field and press the Enter
key.
This creates a method, <TT>helloButton_actionPerformed()</tt>, which will
be invoked when the button is clicked, and displays the source code for the
method stub in the viewer.
</li>
[*]In the viewer, add the following command to the body of the method:
<TT>displayField.setText("Hello World!");</tt>
</li>
[*]Choose File | Save All.</li>
</ol>
Testing the Prototype Application
<ol>
[*]Choose Run | Run "HelloApp".
Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field.
</li>
[*]Close your application.</li>
</ol>
Refining the UI
In this section, we polish the UI so that the components have the right size
and alignment, the text in the text field shows up red, and the panel uses the
portable GridBag layout instead of the JDeveloper-specific XYLayout.
<ol>
[*]In the viewer, select the Design tab.
</li>
[*]Select your text field.
</li>
[*]Drag the edges of your text field until it is the size you want.
</li>
[*]Drag the center of the text field until it is the vertical position you
want.
</li>
[*]Right-click the text field and choose Align Center.
This centers your text field horizontally in the frame.
</li>
[*]In the property inspector, click the box next to the foreground field.
</li>
[*]Click the ellipses (...).
A color editor appears.
</li>
[*]Select Red from the dropdown list.
</li>
[*]Click OK.
</li>
[*]On your frame, select your button.
</li>
[*]Drag the right edge of your button until it is the horizontal size you want.
</li>
[*]Select your text field, and multi-select your button by control-clicking
it.
</li>
[*]Right-click your button or text field.
</li>
[*]Choose Same Size Vertical.
This sets the height of all selected components to that of the first selected
component (the text field).
</li>
[*]Right-click your button or text field.
</li>
[*]Choose Align Center.
This aligns the center of all selected components to that of the first selected
component (the text field).
</li>
[*]Select your panel by clicking anywhere on the grey background in the visual
designer.
</li>
[*]In the Property Inspector, click the box beside the layout field.
</li>
[*]Select GridBagLayout from the dropdown list.
</li>
[*]Choose File | Save All.</li>
</ol>
Running the Finished Application From Within JDeveloper
<ol>
[*]Choose Run | Run "HelloApp".
Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field, in red.
</li>
[*]Close your application.</li>
</ol>
Deploying the Application to Your File System
<ol>
[*] In the Navigator, right-click <tt>HelloGui.jpr</tt> and choose New Deployment
Profile.
The Deployment Profile Wizard opens.
</li>
[*]If the Welcome page appears, click Next.
</li>
[*]On the Delivery page, select Web Application or Command-Line Application
from the dropdown list, and click Next.
</li>
[*]On the Staging Area page, in the Deployment Destination field, enter
<tt><JDeveloper>/HelloGui</tt>, where <tt><JDeveloper></tt>
is your JDeveloper root directory. Click Next.
</li>
[*]On the Project page, select all the <tt>.java</tt> files and click Next.
</li>
[*]Skip the Archive page and Applet Tags page by clicking Next on each.
</li>
[*]On the Libraries page, shuttle all libraries from the Project Libraries
list to the Deployed Libraries list, and click Next.
</li>
[*]On the Finish page, name the profile <tt>HelloGui.prf</tt>, and click Finish.
</li>
[*]When JDeveloper asks you if you want to deploy now, click Yes.</li>
</ol>
JDeveloper will archive your application files and copy this archive and all
other required libraries to <tt><JDeveloper>/HelloGui</tt>.
Running the Application from the Command Line
<ol>
[*]Open a command-line prompt.
</li>
[*]Enter the following script.
Note: You may want to create a batch file containing this script. Be
sure to replace JDeveloper_Home with your JDeveloper home directory.
<pre>set __CLASSPATH_ROOT_DIR__=JDeveloper_Home\HelloGui
set CLASSPATH="%__CLASSPATH_ROOT_DIR__%\HelloGui.jar"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\xmlparserv2.jar"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\classes12.zip"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\jdev-rt.zip"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\swingall.jar"
cd JDeveloper_Home\HelloGui
jre -cp %CLASSPATH% helloGui.HelloApp</pre>
</li>
[*]Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field, in red.
</li>
[*]Close your application.</li>
</ol>


null

Hello,
I followed your instruction step by step to make this "Hello World", but when I run it, I got message "cannot find the runable node". What do I miss here? Thanks.
<BLOCKQUOTE>quote:<HR>Originally posted by Avrom Faderman ([email protected]):

This document describes how to create and run a very simple "Hello World"
Java GUI app using JDeveloper. The application will have one button and one
text field. Clicking the button will populate the text field with the message,
"Hello World!"
[b]Creating The New Application
In this section, we will create an application with an empty frame.
<ol>
[*]Choose File | New Workspace.
</li>
[*]Choose File | Save Workspace.
</li>
[*]Enter <TT>HelloGui.jws</tt> as the name for the workspace.
This creates a Workspace called HelloGui. A workspace organizes all the projects
you need to work on at one time.
</li>
[*]Choose File | New Project.
The Project Wizard opens. This wizard will help you create a new project called
HelloGui. A project contains all the files that go together in one "tier"--for
example, all the files belonging to a single Java Application client, or all
the files belonging to an Enterprise Java Bean. Because we are working on
a simple, one-tier application, we will only need one project in our workspace.
</li>
[*]If the Welcome page appears, click Next.
</li>
[*]On the Project Type page, in the What is the Project's Filename?
field, change the filename to <TT>HelloGui.jpr</tt>. Leave the rest of the
path the same.
</li>
[*]Select A Project containing a new... and choose Application
from the dropdown list.
</li>
[*]Click Next.
</li>
[*]On the Project Options page, in the What is the name of the project's
default package field, enter <TT>helloGui</tt>.
</li>
[*]Click Next.
</li>
[*]On the Project Information page, you can enter any information about your
project that you wish.
</li>
[*]Click Finish.
The Application Wizard opens.
</li>
[*]In the Class field, enter <TT>HelloApp</tt>.
</li>
[*]Select the New Empty Frame radio button.
</li>
[*]Click OK.
The Frame Wizard opens.
</li>
[*]In the Class field, enter <TT>HelloFrame</tt>.
</li>
[*]Click OK.
JDeveloper creates an application, <TT>HelloApp</tt>, containing an empty
frame, <TT>HelloFrame</tt>. The source code for these classes appears in the
Navigator, which is the upper left-hand pane in the JDeveloper IDE.
</li>
[*]Choose File | Save All.</li>
</ol>
Adding a Panel to the Frame
In this section, we will now add a panel to the frame. In the next section,
we will add all the other components to this panel.
<ol>
[*]In the Navigator, double-click <TT>HelloFrame.java</tt>.
A viewer opens. This viewer has four tabs at the bottom:
<ul>
[*]Source, the currently active tab, which displays the source code
of the selected class</li>
[*]Design, which invokes a visual layout designer</li>
[*]Class, which invokes an editor for the class' attributes, and
can help you stay JavaBean complient</li>
[*]Doc, which displays the class' JavaDoc
</li>
</ul>
</li>
[*]Click the Design tab.
The viewer now displays a grey square, a graphical mock-up of your frame.
Also, on the right-hand side of your screen, the Property Inspector opens.
This allows you to quickly set attributes and define events for components.
</li>
[*]In the component palette (the tabbed toolbar near the top of your screen),
select the Swing Containers tab.
</li>
[*]Click the blue square (described in rollover text as <TT>JPanel</tt>) and
click on your frame to add the panel.
The Property Inspector now displays attributes of the JPanel.
</li>
[*]In the Property Inspector, click twice inside the box beside the name
field.
</li>
[*]Change the name to mainPanel.
</li>
[*]Click the box beside the layout field.
</li>
[*]Choose XYLayout.
XYLayout is an easy-to-use Layout for prototyping. Later, we will change the
layout to a more portable one.</li>
</ol>
Adding Components to the Panel
In this section, we finish laying out a prototype UI. We will add polish and
portability to the UI later.
<ol>
[*]In the Component Palette, select the Swing tab.
</li>
[*]Select the <TT>JTextField</tt> component, which looks like a text field
with a cursor.
</li>
[*]In your panel, click and drag the cursor to outline the text field.
Don't worry if the text field doesn't have exactly the right size or position.
We will adjust these later.
The Property Inspector now displays attributes of the JTextField.
</li>
[*]In the Property Inspector, change the name (just as you did for the
JPanel) to <TT>displayField</tt>.
</li>
[*]Change the text to nothing (erase the value that is already there).
</li>
[*]In the Component Palette, select the <TT>JButton</tt> component, which looks
like a button being clicked.
</li>
[*]In your panel, click and drag the cursor to outline the button.
The Property Inspector now displays attributes of the JButton.
</li>
[*]In the Property Inspector, change the name and action command
to helloButton.
</li>
[*]Change the text to <TT>Say Hello!</tt>.
</li>
[*]Choose File | Save All.</li>
</ol>
Wiring Up the UI
In this section, we wire the UI so that clicking the button causes "Hello
World!" to display in the text field.
<ol>
[*]In the Property Inspector, select the Events tab.
</li>
[*]Click the box next to the Action Performed field and press the Enter
key.
This creates a method, <TT>helloButton_actionPerformed()</tt>, which will
be invoked when the button is clicked, and displays the source code for the
method stub in the viewer.
</li>
[*]In the viewer, add the following command to the body of the method:
<TT>displayField.setText("Hello World!");</tt>
</li>
[*]Choose File | Save All.</li>
</ol>
Testing the Prototype Application
<ol>
[*]Choose Run | Run "HelloApp".
Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field.
</li>
[*]Close your application.</li>
</ol>
Refining the UI
In this section, we polish the UI so that the components have the right size
and alignment, the text in the text field shows up red, and the panel uses the
portable GridBag layout instead of the JDeveloper-specific XYLayout.
<ol>
[*]In the viewer, select the Design tab.
</li>
[*]Select your text field.
</li>
[*]Drag the edges of your text field until it is the size you want.
</li>
[*]Drag the center of the text field until it is the vertical position you
want.
</li>
[*]Right-click the text field and choose Align Center.
This centers your text field horizontally in the frame.
</li>
[*]In the property inspector, click the box next to the foreground field.
</li>
[*]Click the ellipses (...).
A color editor appears.
</li>
[*]Select Red from the dropdown list.
</li>
[*]Click OK.
</li>
[*]On your frame, select your button.
</li>
[*]Drag the right edge of your button until it is the horizontal size you want.
</li>
[*]Select your text field, and multi-select your button by control-clicking
it.
</li>
[*]Right-click your button or text field.
</li>
[*]Choose Same Size Vertical.
This sets the height of all selected components to that of the first selected
component (the text field).
</li>
[*]Right-click your button or text field.
</li>
[*]Choose Align Center.
This aligns the center of all selected components to that of the first selected
component (the text field).
</li>
[*]Select your panel by clicking anywhere on the grey background in the visual
designer.
</li>
[*]In the Property Inspector, click the box beside the layout field.
</li>
[*]Select GridBagLayout from the dropdown list.
</li>
[*]Choose File | Save All.</li>
</ol>
Running the Finished Application From Within JDeveloper
<ol>
[*]Choose Run | Run "HelloApp".
Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field, in red.
</li>
[*]Close your application.</li>
</ol>
Deploying the Application to Your File System
<ol>
[*] In the Navigator, right-click <tt>HelloGui.jpr</tt> and choose New Deployment
Profile.
The Deployment Profile Wizard opens.
</li>
[*]If the Welcome page appears, click Next.
</li>
[*]On the Delivery page, select Web Application or Command-Line Application
from the dropdown list, and click Next.
</li>
[*]On the Staging Area page, in the Deployment Destination field, enter
<tt><JDeveloper>/HelloGui</tt>, where <tt><JDeveloper></tt>
is your JDeveloper root directory. Click Next.
</li>
[*]On the Project page, select all the <tt>.java</tt> files and click Next.
</li>
[*]Skip the Archive page and Applet Tags page by clicking Next on each.
</li>
[*]On the Libraries page, shuttle all libraries from the Project Libraries
list to the Deployed Libraries list, and click Next.
</li>
[*]On the Finish page, name the profile <tt>HelloGui.prf</tt>, and click Finish.
</li>
[*]When JDeveloper asks you if you want to deploy now, click Yes.</li>
</ol>
JDeveloper will archive your application files and copy this archive and all
other required libraries to <tt><JDeveloper>/HelloGui</tt>.
Running the Application from the Command Line
<ol>
[*]Open a command-line prompt.
</li>
[*]Enter the following script.
Note: You may want to create a batch file containing this script. Be
sure to replace JDeveloper_Home with your JDeveloper home directory.
<pre>set __CLASSPATH_ROOT_DIR__=JDeveloper_Home\HelloGui
set CLASSPATH="%__CLASSPATH_ROOT_DIR__%\HelloGui.jar"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\xmlparserv2.jar"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\classes12.zip"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\jdev-rt.zip"
set CLASSPATH=%CLASSPATH%;"%__CLASSPATH_ROOT_DIR__%\swingall.jar"
cd JDeveloper_Home\HelloGui
jre -cp %CLASSPATH% helloGui.HelloApp</pre>
</li>
[*]Your application appears, with a blank text field and a button labeled "Say
Hello!"
</li>
[*]Click the button.
The text "Hello World!" appears in the text field, in red.
</li>
[*]Close your application.</li>
</ol>

<HR></BLOCKQUOTE>
null

Adf mobile app accessing e-business suite 12.1.3

Hi,
I'm very new with ADF development, let alone with building a mobile app. We are in an exploratory stages of building a mobile application on top of the e-business suite using ADF. Ideally, we will use the ebusiness suite login (FND USER) to login to the mobile application. I understand that we need the ebiz suite Java SDK to make this possible.
Now, our ebusiness suite (release 12.1.3) is only run through the intranet meaning no DMZ is installed to access it via the internet. The question is, if we build a mobile application, do we need a DMZ server so that the mobile can access the e-business suite in the internet? Is there any option in place other than installing a DMZ to access the application externally by the mobile app?
Any advise is going to be very valuable to us.
Thanks in advance.

user4582047 wrote:
Hi,
I'm very new with ADF development, let alone with building a mobile app. We are in an exploratory stages of building a mobile application on top of the e-business suite using ADF. Ideally, we will use the ebusiness suite login (FND USER) to login to the mobile application. I understand that we need the ebiz suite Java SDK to make this possible. I'm not entirely sure about that - there will be the requirement that your ADF (or more appropriately "WebLogic") environment will need to authenticate against E-Business Suite. There is a good (and recent!) article about that here:
https://blogs.oracle.com/jruiz/entry/securing_adf_applications_using_the
Now, our ebusiness suite (release 12.1.3) is only run through the intranet meaning no DMZ is installed to access it via the internet. The question is, if we build a mobile application, do we need a DMZ server so that the mobile can access the e-business suite in the internet? Is there any option in place other than installing a DMZ to access the application externally by the mobile app? You'll need to set up some type of server infrastructure that allows you to install WebLogic and an "ADF" environment to serve your mobile applications, preferably fronted by an HTTP server like Oracle HTTP Server (It's usually the HTTP Server that might be placed in a 'DMZ', with firewall rules governing how network traffic is allowed to move between the HTTP Server and the WebLogic Server.)
A good intro that can give you an overview of a deployment topology is one that I've referenced in the WebCenter documentation from time to time:
http://docs.oracle.com/cd/E23943_01/core.1111/e12037/intro.htm#sthref47
.. there is obviously a lot more in that document than you wll be using (i.e. you won't be concenred with SOA, WebCenter or even the database), but there's a nice drawing there of the HTTP Server and a WebLogic environment to host your application and some discussion about what and when you'll want to consider clustering, etc.
Hope that helps,
Chad

Changing content in mobile app

Hi,
I started with flex for mobile a few months ago, and I find it very interesting. I am now building a mobile app, but I don't know how to go further.
I have a TabbedViewNavigatorApplication, with 3 ViewNavigators. In one of these ViewNavigator, I want to change the content, but not the whole view (e.g. I don't want the actionbar to slide). Please have a look at the attached image. How to do this? Please support me as soon as possible.
http://s18.postimage.org/8k9km920p/adobe_companion.jpg
Thanks

is this task so hard? I don't think so ...
Please anybody support me

Adobe Tutorial - "Hello World: Build a mobile app in five minutes"

Similar Messages

Maybe you are looking for