Tips and Trick Skinning Webcenter Portal

Pada kesempatan ini saya ingin membagikan pengalaman saya ketika mengerjakan Skinning Webcenter Portal 12c. Pada dasarnya ada 2 pedekatan untuk skinning webcenter portal yang saya tau. 

• Pertama menggunakan page template yang sudah disediakan secara default oleh Oracle. 
• Kedua dengan membuat page template sendiri. 

Apa sih yang dimaksud dengan page template? Page template itu bisa di bilang seperti skeleton website yang ada pada umum nya yang biasa ada di index.html. Disini page template yang bisa dibuat bukan hanya mencakup header & footer pada website kebanyakan, namun hingga style keseluruhan webcenter portal itu sendiri.  

Pada awalnya saya mencoba membuat page template sendiri, semula semuanya berjalan mulus, hingga tiba saat bagian integrasi dengan webcenter content, Css page template yang saya gunakan ternyata konflik dengan css bawaan webcenter, yang menyebabkan tampilan komponen yang akan di integrasikan menjadi jelek. Ketika itu saya mempunyai 2 pilihan, yang pertama adalah memodifikasi komponent adf yang akan di integrasikan, atau membuat ulang menggunakan page template bawaan, dan hanya memodifikasi page page tertentu saja sesuai dengan keinginan saya. Akhirnya saya memutuskan untuk mengambil pilihan ke 2. Kenapa saya mengambil opsi ke dua?

Pertama dikarenakan deadline project yang mepet yang menyebabkan saya tidak bisa RND pada bagian komponen bawaan webcenter, yang pastinya akan menghabiskan waktu lama. Kedua, sepertinya lebih mudah untuk memodifikasi page yang sudah kita desain sendiri dibanding memodifikasi apa yang sudah dibuat oleh orang lain. Kira kira itu 2 pertimbangan saya kenapa saya mengambil opsi ke dua.

Untuk membantu teman teman memutuskan pendekatan mana yang akan diambil, saya akan mencoba untuk membuatkan case case sehingga teman teman tidak perlu mengalami apa yang sudah saya alami :)

• Page template bawaan. Sebaiknya teman teman memilih menggunakan ini jika portal yang ingin kalian buat itu banyak integrasinya dengan komponen, seperti webcenter content, bpm workspace, disccussion forum dll. Dikarenakan jika banyak integrasi kalian akan kewalahan untuk memodif template itu ketika komponen yang baru di pasang ternyata tampilan nya sedikit aneh.
• Page template custom. Sebaiknya teman teman memilih menggunakan ini jika portal yang ingin kalian buat itu tidak banyak integrasi aplikasi, sebab tampilan nya bisa dibilang akan jauh lebih bagus dibanding dengan template bawaan.

Sekian share dari saya, semoga ini membantu !

Tutorial Liferay Part 4

Setelah kita mengganti logo di halaman portal kita, saatnya kita memodifikasi halaman web dengan menambah fitur-fitur yang disediakan oleh liferay.

Disini kita akan menambahkan aplikasi Calender. Calender adalah bagian dari Portal Collaboration yang di miliki oleh liferay. Dengan adanya Calender akan memudahkan kolaborasi antar user yang berkaitan dengan janji, rapat atau hal-hal lainnya yang sifatnya berkelompok.

Berikut step by step nya :

• Login ke liferay portal. Disini saya menggunakan user ayundabuwana@gmail.com. Cara pembuatan user bisa lihat di blog saya sebelumnya.
• Klik username (dalam hal ini Ayunda Buwana) yang terletak di pojok kanan atas, lalu pilih My Dashboard.

• Hapus semua portlet yang ada di halaman utama.

• Klik tombol Add yang ada di sebelah kiri.

• Pilih bagian Collaboration, lalu Calendar.

• Drag aplikasi Calender ke halaman portal kita.

• Lakukan hal yang sama untuk Currency Corverter (Finance) dan Translator (Tools).

Yoyoi... Mudah sekali kita men-design portal dengan liferay. Mudah-mudahan bermanfaat posting sederhana ini.

Keep spirit team

Tutorial Liferay Part 3

Posting kali ini adalah mengganti logo di halaman portal kita.

Mengganti logo adalah hal utama yang kita lakukan. Jelas hal ini berguna sebagai identitas perusahaan. Karena logo merupakan perwakilan sebuah perusahaan yang didalamnya terlihat filosofi dan misi dari perusahaan tersebut.

Disini kita akan mengganti logo default liferay

menjadi 

Berikut step by step nya :

• Login ke liferay portal. Disini saya menggunakan user ayundabuwana@gmail.com. Cara pembuatan user bisa lihat di blog saya sebelumnya.
• Klik username (dalam hal ini Ayunda Buwana) yang terletak di pojok kanan atas, lalu pilih My Profile.

• Setelah ada di halaman utama, klik menu Admin yang terletak di sebelah kiri username. Kemudian pilih Site Administration.

• Klik link Logo.

• Pilih file logo yang akan di upload.

• Jangan lupa klik tombol save.
• Klik tombol back yang ada di pojok kiri atas.

Wolla... Begitu mudahnya kita mengganti logo di halaman portal kita. Untuk posting kali ini cukup sekian, nantikan posting liferay saya selanjutnya.

Have a good day.

Tutorial Liferay Part 2

Melanjutkan tutorial sebelumnya, saat ini kita akan membuat user di liferay web portal.

Pada bagian kiri bawah, terdapat link untuk Create Account, klik link tersebut untuk membuat user di Lireray Portal.

Setelah kita mengisi mandatory data, klik tombol save.

Liferay akan men-generate password default. Untuk login pertama kali, gunakan password default tersebut.

Pada bagian term, klik I Agree button.

Karena kita login dengan password default, kita akan di minta membuat password baru, klik tombol Save jika sudah selesai.

Password Reminder digunakan jika kita lupa password kita sebagai bentuk keabsahan identitas diri. Klik tombol Save jika sudah selesai.

Berikut adalah halaman utama dari user yang telah login. Untuk selanjutkan kita ada meng-edit user kita.

Pilih tombol panah kebawah yang terletak di pojok kanan atas, lalu pilih My Account.

Disini kita akan menambahkan foto profile. Klik tombol change.

Klik Choose File lalu pilih gambar yang ada di hard disk kita. Setelah selesai klik tombol Save.

Sekali lagi klik tombol Save untuk menyelesaikan perubahan profile kita.

Setelah kita berhasil melakukan perubahan data, muncul gambar kecil yang merupakan foto dari profile yang berhasil kita tambahkan.

Yiiipiie... saat ini kita berhasil membuat user dan meng-edit profile. Selanjutkan kita akan membahas lebih dalam tentang liferay portal. Tunggu blog saya selanjutnya.

Tutorial Liferay Part 1

Sebelum kita membahas tentang Liferay Portal, kita akan berbicara tentang Portal.

Apa itu portal ?
Portal atau yang biasa kita sebut web portal adalah sebuah web yang mampu mengakomodasi kebutuhakan perusahaan, seperti :

• Web Platform
• Content Management System
• Integration Platform
• Collaboration Platform
• Social Platform

Banyak sekali produk web portal yang ada, seperti :

• Microsoft - Share Point
• Oracle - Web Center Portal
• IBM - WebSphere Portal
• Liferay

Kenapa Liferay ?

Liferay salah satu market leader untuk web portal dan memiliki kelebihan, seperti :

• User Friendly
• Business Friendly
• Developer Friendly

Terlebih lagi Liferay memiliki 2 versi, yaitu versi berbayar dan open source. Hal ini lah yang menyebabkan saya tertarik mempelajari lebih dalam tentang Liferay Web Portal.

Tanpa membuang waktu lagi mari kita mulai dengan :

Liferay Installation
Proses instalasi liferay sangat mudah, apalagi jika kita install dengan bundle application server. Berikut cara instalasi liferay web portal :

1. Download liferay disini.
2. Pilih liferay dengan versi yang terbaru yang di bundle dengan tomcat.
   
3. Klik tombol Download dan tunggu beberapa saat.
4. Extract file tersebut.
5. Masuk ke directory tomcat-nya, contoh 
   cd /Users/yukibuwana/Liferay/liferay-portal-6.2.0/tomcat-7.0.42/bin
6. Jalankan perintah berikut, ./startup.sh dan tunggu beberapa saat.
7. Untuk memastikan liferay sudah jalan atau belum, lihat file log-nya dengan perintah berikut, tail -1000f /Users/yukibuwana/Liferay/liferay-portal-6.2.0/tomcat-7.0.42/logs/catalina.out
8. Tunggu hingga ada log berikut
   
9. Saat liferay pertama kali di jalankan, ada Basic Configuration yang akan dijalankan. Di bagian ini kita akan memilih database yang akan kita pakai, sample portal dan administrator user.
   
10. Klik tombol finish configuration jika sudah selesai.
11. Tunggu beberapa saat hingga muncul tombol Goto My Portal.
12. Klik accept term untuk melanjutkan konfigurasi.
13. Selanjutkan kita akan mengisi password Administrator User di lanjutkan dengan password reminder.
14. Dan wooopla... kita sudah ada di halaman utama portal

Yups... kita sudah bisa menajalankan liferay web portal. Next tutorial kita akan membahas tentang pembuatan user portal.

Webcenter Portal (Spaces) and Oracle BPM Integration - Part 2

Blog ini melanjutkan Webcenter Portal (Spaces) and Oracle BPM Integration - Part 1. Sekilas review, blog ini akan menjelaskan bagaimana caranya mengintegrasikan workspace yang ada di Oracle BPM ke dalam Webcenter Portal. Hal ini diperlukan apabila anda mengimplementasi Portal dan BPM bersamaan, tapi ingin BPM diakses melalui Portal. Sebelum membaca blog ini, silahkan terlebih dahulu membaca Part1-nya agar dapat lebih memahami langkah-langkah yang dilakukan dari awal :)

Prerequisite:

• Webcenter Portal, Oracle BPM dan Webcenter Content sudah terinistall (tutorial ini menggunakan versi 11.1.1.7 untuk ketiga sistem)
• Basic knowledge untuk navigasi ke folder-folder instalasi masing-masing komponen diatas :)
• Membaca dan mengeksekusi Webcenter Portal (Spaces) and Oracle BPM Integration - Part 1

Langsung saja kita lanjutkan.

1. Masuk ke folder oracle_common/common/bin dan jalankan ./config.sh

2. Configuration Wizard terbuka. Pilih 'Extend my domain using an existing extension template'. Pilih template bpm yang ada di folder /templates/applications/oracle.bpm.spaces_template_11.1.1.jar. Ini akan meng-extend dan meng-include jar yang diperlukan oleh Webcenter Spaces anda untuk menjalankan workspace BPM. Lokasi template biasanya ada di: ~/Oracle_WC1/common/templates/applications/oracle.bpm.spaces_template_11.1.1.jar

3. Layar configuration summary akan terbuka, pilih Extend untuk meng-extend domain anda.

4. Progress screen tentunya :)

5. Copy folder berikut:

~/Oracle/Middleware/Oracle_SOA1/bpm/process_spaces/

ke ~/Oracle/Middleware/process_spaces. Edit file process-portal-install.properties. Berikut adalah contoh untuk environment yang saya gunakan. Anda dapat sesuaikan berdasarkan environment anda (Cluster, Database Name dsb). Pastikan property extendSoa = false.

################################################

# BPM Process Portal installation properties   #

################################################

#  Flag to decide whether to extend existing BPM domain or create a new one.

#  Set extendSoa to true, if the webcenter space and the SOA server are running in the same domain  

#  Set extendSoa to false, if the webcenter space and the SOA server are running in different domains

extendSoa=false

#  Flag to decide whether install will prompt for passwords or read them from this file

promptForPasswords=false

#

#  Setting up domain global trust

#  Provide information to set up trusted domains between the webcenter domain and the SOA domain

#

#  Flag to control whether to set domain realm password or not, set to true if extendSoa is false

wcSetDomainRealmPassword=true

#  This is the password to setup trusted domains. Same password should be set on BPM domain as well

wcDomainRealmPassword= password

wc.server.port=8888

#

#  Information of SOA server to which webcenter space is connected.

#

#  BPM Schema and MDS details

#  Provide the SOA MDS database and schema details here

bpmDBUser=DEV_SOAINFRA

bpmDBPassword= password

bpmDBType=ORACLE

bpmDBDriver=oracle.jdbc.OracleDriver

bpmDBUrl=jdbc:oracle:thin:@ORACLEDB:1521:ORCL

bpmMDSUser=DEV_MDS

bpmMDSPassword=password

#

#  BPM Runtime details

#  Provide the BPM server weblogic and admin credential here

#

# Specify the BPM server URL (t3://<bpmHost>:<bpmRuntimePort>) in the case of a single

# BPM server, ex- t3://myHost:8001

# In case of BPM Cluster provide the ',' separated list of BPM servers URL's (t3://<host1>:<port1>,<host2>:<port2>,...)

# for all the servers in the Cluster . Example: t3://myHost1:8001,myHost2:8002,myHost3:8003

bpmServerURL=t3://SOABPM1:8001

bpmAdminUser=weblogic

bpmAdminPassword=Passw0rd01

#

#  Information of the Webcenter server where process BPM process portal would be installed

#

#

#  Webcenter spaces installation details

#  Provide the webcenter space server information

#

#  Provide the oracle home location of the webcenter install (e.g. /Oracle/Middleware/Oracle_WC)

#  in wcOracleHome

wcOracleHome=/u01/app/oracle/product/fmw/wc

#  Provide the Webcenter domain name in wcDomainName

#  --if extendSoa flag has been set to true, Webcenter domain name should be the same as SOA domain name

#  --if extendSoa flag has been to false, Webcenter domain name will be different from SOA domain name

wcDomainName=domain_name

#Mention Whether the webcenter install is configured for cluster or not;

#pass 'true' if in cluster mode, 'false' otherwise

isWebcenterClusterConfig=false

#Required if 'isWebcenterClusterConfig' is set to true

# Specify the name of the webcenter spaces Cluster

wcSpacesClusterName=

#  Webcenter's weblogic installation details

wcHost=SOABPM1

wcAdminPort=7701

wcAdminUser=weblogic

wcAdminPwd= password

#In the case of a single server environment,

#specify the name of the Webcenter Spaces Managed server. In a clustered environment,

#specify the name of any one of the Spaces managed servers that is part of the Cluster.

wcManagedServerName=WC_Spaces

#Flag to control whether to configure services

wcConfigServices=true

#content server details

wcContentServerName=SOABPM1

wcContentServerPort=4444

wcContentSpacesRoot=/WebCenter0809

wcContentAdminUser=weblogic

#discussion server details

wcDiscussionServerUrl=http://SOABPM1:8890/owc_discussions

wcDiscussionAdminUser=weblogic


6. Jalankan ant script dengan memasukkan command berikut:

7. Build successful akan muncul apabila konfigurasi yang anda buat di tahap nomor 5 sudah benar.

8. PENTING!! Edit lagi file konfig di langkah nomor 5. Pastikan value extendSoa=true. Jalankan kembali script dengan mengeksekusi perintah di step nomor 6 dan hasil berikut muncul:

9. Restart Seluruh Managed Server dan Admin Server anda.

10. Masuk ke Weblogic Server /em. Navigasi ke server Webcenter Portal Anda. Pilih Application Configuration -> Service Configuration dan layar berikut akan muncul. Cek di bagian Content Repository, pastikan bahwa koneksi portal-content-server berhasil dibuat dan menjadi active connection.

11. Klik koneksi tersebut, ganti Administrator User Name menjadi user name admin anda (dalam kasus saya weblogic).

12. Cek juga di Discussion and Announcement, koneksi baru, portal-discussions berhasil juga dibuat.

13. Kedua tahap diatas menandakan bahwa konfigurasi anda berhasil dan BPM Workspace sudah dapat diakses melalui Spaces!

14. Log in ke dalam spaces dan anda akan menemukan Spaces baru bernama Process Spaces. Ini adalah BPM workspace yang telah terintegrasi ke dalam portal. Disini anda dapat log in, membuat task baru, membuka task yang di-assign kepada anda dan melakukan proses approval layaknya fungsionalitas yang ada di BPM.

Apabila anda membuat project BPM baru dan mendeploynya ke soa_infra, maka otomatis project/process ini akan muncul juga di Process Workspace yang ada di Webcenter Spaces. Akses user untuk menggunakan aplikasi di BPM sekarang sudah dapat diarahkan melalui portal!

Selamat! Anda berhasil mengintegrasikan BPM Workspace dan Spaces Anda.
Semoga membantu. See u in the next blog!