I have to admit, RIDC really ROX, and also working with SOA 11g and how SOA literally changing my life -to the better-.

I bought the book Oracle SOA Suite 11g Handbook It’s really amazing, not only from technical point of view, but the case study that is presented in the book is more than beautiful, the book teaches how to Think in SOA not just what component does what in Oracle SOA Suite.

The topic that interest me the most is Complex Event Processing or CEP, CEP importance is everywhere and who doesn’t need to search for patterns in the data to take decisions, and all the big companies have this critical business that needs to process data real time for such patterns to take actions.

Add to that my journey with WebCenter Spaces and how to fully customize and extending it, and how can this amazingly beautiful product to have such a capabilities and integration methodologies, they took a lot from WebCenter Interaction -The best in WCI- and added more of Social Activities and Web2.0 enhancements with the powerfulness of Weblogic, you got a complete stack -Slow but Powerful- (Slow as I’m testing all that in a single machine!)

I’m really having a great journey with Oracle Fusion Middleware and my next couple of Articles I’ll be presenting some of its powerfulness with some cool tutorials I promise, and It’ll be presented in the mdlwr blog.

During this time also, I’ll try my best to provide an enhancement to the Android Browser WebView to enable Android Devices to read basic Arabic letter, with the latest BAR source control, after enhancements.

I’m planning also to buy the HTC Desire HD to test my solution, and see the application live working.

Wish me Luck!

What I’ll be demonstrating how to create a simple JSF (.jspx) web page that has two combo boxes that depend on one another. In other words, two combo boxes (af:SelectOneChoice) depend on each other and are automatically refreshed when selected.

Here is an index of each section in my article:

1. Create New Application
2. Setup Database Connection
3. Working with the Model
4. Creating the View / JSF Page
5. Creating the Navigation Form
6. Adding The Combo Boxes
7. Wiring the Combo Boxes

Create New Application

Alright, let’s get started by creating a new Application Fusion Web Application (ADF). I’ll call the application name DependentCombos, and my application package prefix will be org.k.tutorials.

I’ll leave the rest of the options and settings at their defaults and hit Finish on the next step. You can adjust the options and settings if you want to, you are totally allowed to (I can’t prevent you from doing it, do it, do it man ).

Setup Database Connection

Now let’s setup a connection to a database so we are able to create some Entities and View objects. For the purpose of this tutorial I used the famous HR Schema that exists in any Oracle Database.

To setup the connection to my database server I need to go to the Application Resources pane/panel on the left side (the Application Navigation area). It should be under the Projects panel. If it’s not there, go to View -> Application Navigation and the panels should appear on the left.

Inside the Application Resources panel right click on Connections and then select New Connection -> Database. Fill in the details, test the connection and you’re good to go.

Working with the Model

In the Projects panel on the left, right click on Model and click New. In the New Gallery screen that appears go to Business Tier -> ADF Business Components and then select Business Components from Tables on the right side and click OK. Now in the Initialize Business Components screen that appears after clicking OK, choose the connection we created above, leaving everything else to the defaults and hitting Next.

In step 1 (Entity Objects) enter org.k.tutorials.model.entities as the package name. Now click the Query button to populate the list of available tables and then let’s select Locations, Regions and Countries as the entities to use. Once you’ve selected/moved them over, rename each of the entities so their names are singular. In other words, change the “Entity Names” to Location, Region and Country. Click Next to proceed to step 2.

Now in step 2 (Updatable View Objects) enter org.k.tutorials.model.views as the package name. Next, select only Location, give it an Object Name of Locations and click Next to continue.

In step 3 (Read-Only View Object) enter org.k.tutorials.model.roviews as the package name. Next click the Query button and then select only Regions and Countries and rename them to be Regions, Countries instead of RegionsView, CountriesView. Click Next.

Finally in step 4 (Application Module) enter org.k.tutorials.model as the package name. I like to put this in the root of the structure with the name HrAppModule. So that’s it for now, in the model, click Finish and let’s start working in the ViewController.

Creating the View / JSF Page

Now we’re going to create the view in a similar fashion as we created the model. In the Projects panel, right click on ViewController and then click New. In the New Gallery screen that appears go to Web Tier -> JSF and then select JSF Page on the right side and click OK.

In the Create JSF Page screen that appears, enter MyPage.jspx as the file name, ensure Create as XML Document is checked and lets choose a template of your choice from the Quick Start layout (I personally use the one column with fixed header and scrollable auto body) and then click OK.

Creating the Navigation Form

In the Application Navigation structure on the left, expand the Data Controls panel and then expand HrAppModuleDataControl inside of it. Now ensure the MyPage.jspx Structure panel is open (it should be below the Data Controls panel). If it’s not, go to View -> Structure.

Once HrAppModuleDataControl is expanded in the Data Controls panel and the MyPage.jspx Structure panel is open, we need to drag Locations1 in Data Controls to f:view -> af:document -> af:form -> af:panelStretchLayout -> Panel Stretch Layout facets -> center in the Structure panel. You can also simply drag and drop Locations1 into the center working area column of JDeveloper when the MyPage.jspx tab is selected and in Design view — it’s the tab to the right of the DependentCombos Overview tab.

Whichever way you choose to perform the drag and drop a menu will appear and you should select Form -> ADF Form as shown below.

Next an Edit Form Fields dialog will appear. Let’s include navigation controls by checking it and then click OK.

Adding The Combo Boxes

Alright, lets get to business. Now we will drag and drop Regions1 (the first combo box) from Data Controls into the af:panelFormLayout that we just created above. When the menu prompts select Single Selection -> ADF Select One Choice.

Now in the Edit List Bindings dialog that appears we will set the Display Attribute (column) to be simply RegionName and then click OK.

Next we will add the Country Combo box, but we’ll do it in a slightly different fashion than the Regions Combo box. What we’ll do this time is drag and drop CountryId from inside of Locations1 to the same location in the Structure that you did the drag and drop with Regions1.

In other words, drag and drop HrAppModuleDataControl -> Locations1 -> CountryId in the Data Controls panel to center -> af:panelFormLayout in the Structure panel and when the menu prompts select singleSelection -> ADF Select one choice.

Now in the Edit List Bindings screen that appears click the Add button to the right of the “List Data Sources” menu. In the Add Data Source dialog that appears expand Regions1 and select Countries2 as the data source and click OK.

Next for the data mapping, let’s set the Data Value as CountryId and List Attribute as CountryId as well (this should already be populated). Down below under List Items set the Display Attribute to CountryName.

Doing so will effect like the following:

1- Make countryId in Locations1 Iterator take its value from CountryId of Countries2 Iterator

2- Make the visible combo box to user is the value of column CountryName from Countries2 iterator

3- After selecting one of Countries that will effect the changes to get The CountryId of the selected CountryName to bind it to CountryId of the Locations1 iterator

Also note, choosing Countries2 from under Region1 iterator means that Countries2 is a detail table for a master Region1, that way when Region combo Box is selected, the regionID is automatically appended in the Where Statement of Countries2 iterator SQL Query, and that way the Countries2 Iterator is filter depending on Region1 Combo Box value

Wiring the Combo Boxes

Okay so now we need to make the Combo boxes depend on each other. To do this we need to edit the source of MyPage.jspx, and we can do that by going to the MyPage.jspx tab in the center working area of JDveloper and then selecting Source down at the bottom.

In the source, scroll down to where our two af:selectOneChoice elements are located (the combo boxes). In the first combo box (Regions1 with id=”soc1″) add the attribute autoSubmit="true". Now in the second combo box (CountryId1 with id=”soc2″) add the attribute partialTriggers="::soc1".

We add “::” before the component ID in the partialTriggers attribute value so that an AJAX call occurs when the value of the Region combo box changes. When this happens, the Country combo box values are automatically updated according to the Region selected.

Here is what the source should look like when you finish modifying it.

Now let’s add a commit button to our form. To do this, drag and drop HrAppModuleDataControl -> Operations -> Commit in the Data Control panel to af:panelStrechLayout -> f:facet center -> af:panelFormLayout -> f:facet footer -> af:panelGroupLayout horizontal. When the menu prompts, select ADF Button.

Now go to the source code and remove the disabled attribute from the commit button you just added (af:commandButton / Commit). These are disabled by default for security purposes.

Alright, at this point everything we have is just a show, there isn’t any real database activity occurring. The combo boxes should be populated with data and so we can test our dependent combo’s as a proof of concept.

This article is published in ITNewb, view it on this link, check it its great.

Dear all,

Sorry for making you wait all this time, but I dont really have time, and some of my attempts to merge my work with some people failed.

So I thought of doing it the right way, and allow people to share the experience with me, and take advantage of the Arabic Reshaper, so I’m gonna put it on github and share the source code to whom it may concern!

And i’m gonna release my latest updated application, which still has some bugs, but I hope you can forgive me with that.

Update:The project has come to live, check out this link all http://bar.amr-gawish.com/

Update #2: The following project has code that enables Arabic Reshaping with Tashkeel (Harakat)  http://github.com/AhmedEssam/Better-Arabic-Reshaper

Especially it’s modes of authentication, so I’ll only help who has Mixed mode authentication and can access using username and password, for windows authentication that would be another article

At first you have to download Microsoft SQL Server 2005 JDBC driver to work with Microsoft SQL Server 2005 in JDeveloper – you can use ODBC Bridge but i don’t recommend it-.

After downloading the eula, and accepting it the installation will start and an exe file will be installed, double clicking on the exe file will extract its content /Microsoft SQL Server JDBC Driver 2.0\sqljdbc_2.0\enu you will find two .jar files, basiclly we are talking about sqljdbc.jar so just move it to something like C:\MSQQL and for short i’ll call it <mssql_jdbc_location>.

Now open the JDeveloper and follow the steps to create the connection from this steps:

1- Select Tools>Default Project Properties. In the Default Project Properties dialog select the Libraries node and click the Add Library button

2- In the Add Library dialog, select the User node, and click on the New button

3- In the Create Library dialog specify a Library Name, such as “SQLServer2005″ Select the Class Path node and click the Add Entry button and navigate till you find sqljdbc.jar in <mssql_jdbc_location> and click OK. Click OK several more times until you’ve exited the Libraries dialog .

4- Next, configure a JDBC connection with the SQL Server database . In the Connections Navigator -If you dont see Connections Navigator Select view from the toolbar > connection navigator- and then right-click on the Database node and select New Database Connection to start the Create Database Connection wizard.

5- Call the connection name : “MSConnection” In the Type dialog specify a Connection Name and select ‘Third Party JDBC Driver’ in the Connection Type field. Click on the Next button.

6- In the Authentication dialog specify “sa” as the Username and the Password as the password used to install the SQL Server database -you have, windows authentication wont be working-

7- In the Connection dialog, locate the Driver Class field and specify the driver class, “com.microsoft.sqlserver.jdbc.SQLServerDriver”. Click on New to add a driver class. In the Register JDBC Driver dialog, specify driver class in Driver Class field. In the Library field select the SQLServer2005 library that you configured in the last section. Click OK to add it.

8- In the URL field specify the connection URL as shown in like this “jdbc:sqlserver://<host_server>:<host_port>;databaseName=<database_name>”

9- Now you can test the connection using the Test Connection button.If you’ve done everything correctly, a JDBC connection is established with the database. Click on the Finish button.

Now that we created the connection, lets start creating our ADF Application

1- Now click on applications navigator -that is besides connection navigator- and right click on applications->New Application

2- Let’s call the application name: MSProject and choose the directory Name that you wish to save the project in and, choose application template : Web Applications [JSF,  ADF BC] and click “ok”

3- Now there should appear two projects under the application “Model” and “ViewController“, go to “Model” project->right click and select “New”

4- Expand “Business Tier” node, and select “ADF Business Components” node
5- Choose “Business Components from Tables” item from the right side and click “Ok”

6- After clikcing “ok” a new screen appear “Initialize Business Component Project” for you to select a connection, so select a connection “MSConnection” from the list and click “Ok”

7- It may ask you for the password, just press “ok” and go throw the welcome screen of  “Create busines components from tables” so just press “Next”

8- Now choose the entities that you want to select from the database tables and view -If table doesnt appear in teh left bottom, just check the button “Auto-Query” and rename whatever you want, and rename the package name as you want and click next to go to view Objects for me I made the package ends with entity

9- After that select all and shatter that to the right list and change the package name for whatever you want, for me i made the package ends with .views

10- After that i’ll press next as i don’t need any read-only view objects

11- After that check on application module and change the name, for me I called it ActivityModule and changesd the package to end with .model without any further things

12- After that the diagrammer screen comes, so go through that without doing anything and press next.

13- And finally the summary for all what you have done, it should look similar to something like the following, just click finish, to finish creating

14- Optionally make sure everything is working by testing your application module, right click on your application module in my case its “ActivityModule” and click Test to test that the functionality is working well.

15- important! Now for microsoft JDBC to work effectiantly and make the JDBC running well on the JSP you have to add the JDBC library to the OC4J Libraries by clicking tools>Embedded OC4J Server Preferences and select the Libraries node under the Global node and click add in the top right and navigate to  <mssql_jdbc_location> and select that .jar file and click “Ok”

16- important! Now right click on the application module->”Configurations…”

17- important! Select “<application_module_name>Local” from the left node and click “edit”

18- important! In the application module tab, in the “connection type” section change the connection type from JDBC URL to JDBC Datasource and in the Database name write down “jdbc/MSConnectionDS” or basiclly “jdbc/<your_connection_Name>DS” and click “Ok”

19- Now we are finished with the Model project, we will go for the view controller to create our JSPs

20- Right click on “ViewController” project and click on “New”, under the “Web Tier” node, select “JSF” and in the right node select “JSF JSP”

21- Go through the screens with next and whatever you want, my page was named “index.jspx” and it has no managed-bean within it

22- important! From the “Data Control Palette” under the application module, select whatever view object you like and drag it as a Tables->ADF read-only table

23- Right click and run, and enjoy your Microsoft SQL Server database connection with the power of  ADF Framework

Right now, I’m trying the new experience with flex and Java using the easy ActionScript 3 language.

I have to say that my understanding to JSF made the whole task of getting mxml really piece of cake, that I started to create an advanced event handler techniques with a glimpse.

I recommend Flex for Developers who seeks the great and neat look.

FLEX ROCKS!

As Everyone heared about the new acquisition of oracle, this gonna be a big hit.

I believe oracle itself will be the first one who recieve that hit, and it’ll not recover from it but after a really long time to adapt this acquisition – and the others- as oracle didnt recover yet from it’s previous acquisitions!

I see it’s a better choice than IBM, oracle will provide a better solution for Java and maintain it’s development.
However I don’t see why oracle put itself into the hardware and operating systems area as it’s already had a good deals with HP and Red Hat, but with the new acquisition oracle now targets all company sizes from small ones to Enterprise one, to provide the small ones with mySQL database with GlassFish and for medium to large companies with OracleDB and BEA J2EE Application Server.

Now oracle provide customers with end-to-end solutions providing hardware, operating system, database and Middle tier software.

I dont know however what will they do with netBeans and cloud computing as sun already achieved a good state out there!

Also it’s other open source projects, I hope that oracle knows what it’s doing, or else the java world will collapse over our heads!

Dear all,

I just want to inform that i’m starting developing the next release of the program, and inshaAllah it’ll have those features:

1- Ability to write arabic message [well formed] and send it

2- Fix the long messages problem

3- To have just in time reader -To view the message in arabic upon recieving it without having to go to my application to view it-.

4- If possible * to read the messages in arabic anywhere right from your regular inbox.

Wish me luck we ed3oli

* this feature may not present, but i’ll try soo hard to do it inshaAllah.

Update: Find the new news about the Android Application in here

Update: The project has come to live, check out this link all http://bar.amr-gawish.com/

Dear All,

I’ve published my first Android application Arabic SMS Reader v1.0.0 search for it in the market and give it a test.

Unfortunately I cant test it on my emulator, so I’m having faith in you guys to tell  me, if it works well or not

The Application is simple, it suppose to have the sms inbox just as u open it, and when clicking on one item, it supposed to reveal your message into its right arabic format.

If you have any feedback dont hesitate to tell me at once, thanks

I hope i can really make good use of it, and the instructor one of the best I’ve ever seen.