Dokumen tersebut merupakan laporan pengembangan aplikasi browser bernama MySo untuk sistem operasi Android. Aplikasi ini memiliki fitur yang mirip dengan Opera Mini dan mampu menghemat penggunaan RAM serta menyesuaikan ukuran tampilan pada berbagai perangkat. Laporan ini juga menjelaskan tahapan pengembangan antarmuka, penggunaan komponen seperti webview dan progress bar, serta konfigurasi manifest untuk mengaktifkan izin internet.

1. DISUSUN OLEH :
• Jaryanto (12.12.0021)
• Try Suryanto (12.12.0052)
• Wahyu Nurfian (12.12.0062)

2. APLIKASI MYSO
a.Sekilas mengenai MySo
MySo adalah aplikasi browser untuk android yang memiliki konsep hampir sama seperti
OperaMini.
b. beberapa keunggulan Aplikasi MySo milik kami :
•
Instalasi yang mudah
•
Besaran file source dan instalasinya sangat kecil.
•
Multi platfom
•
Program dapat menyesuaikan ukuran layar pada mobile
•
Menghemat penggunaan RAM pada saat aplikasi dijalankan
•
GRATISS.
c. Pengembangan Lebih Lanjut
Lebih lanjut dari Aplikasi MySo ini nantinya akan kami tambahkan
1.Penambahan kelengkapan fitur
2.Pengembangan widget
3.Penambahan History

3. PEMBAHASAN DAN SOURCE KODE PADA PROGRAM
d. Membangun Ui pada Eclipse
Relative layout adalah sebuah layout dimana posisi dari sebuah komponen (simbol,
text,dsb) bisa diatur letaknya terhadap komponen lainnya.

4. <ImageButton
android:id="@+id/ibtwit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/ibfb"
android:layout_marginLeft="28dp"
android:layout_toRightOf="@+id/ibfb"
android:src="@drawable/twit" />
ImageButton tersebut mempunyai id "ibtwit". Tinggi dan lebar layout
="wrap_content" ,wrap_content adalah lebar atau tinggi layout akan
disesuaikan dengan isinya sendiri. Jadi wrap_content kita menentukan isinya
sendiri sesuai dengan kebutuhan kita. Margin kirinya ="28dp", Letaknya
selaras dengan id "ibfb" tata letaknya berada disebelah kanan id"ibfb" ,dan
id gambarnya adalah "twit" yang terletak di drawable.

5. WebView adalah dasar di mana kita dapat mengakses web browser pada mobile
kita sendiri. WebView menggunakan mesin WebKit untuk menampilkan halaman
web dan termasuk metode untuk menavigasi maju dan mundur melalui sejarah,
memperbesar dan memperkecil, melakukan pencarian teks dan banyak lagi.

6. <WebView
android:id="@+id/ibfb"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" />
Keterangan : Scrip pada webview layout dengan id "@+id/ibfb" ,tinggi dan
lebarnya "match_parent" menyesuaikan keinginan kita sendiri.
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
Didalam webview terdapat Progress bar yaitu salah satu komponen yg
bersifat grafis yang fungsinya biasanya menampilkan proses tertentu,
seperti proses download file, copy file, ataupun mengindikasikan proses
lainnya. Keterangan scrip diatas : Id nya adalah "@+id/progressBar" Tinggi
dan lebar layout ="wrap_content" ,wrap_content adalah lebar atau tinggi
layout akan disesuaikan dengan isinya sendiri. Jadi wrap_content kita
menentukan
isinya
sendiri
sesuai
dengan
kebutuhan
kita.
CenterHorizontal dan vertical ="true" ,artinya letak progressBarnya
ditengah layout.

7. Intent itu adalah pesan asynchronous yang memungkinkan aplikasi untuk memberikan
request secara fungsional dari komponen yang berbeda di sistem android, misalnya
service, broadcast receiver atau activity.
final Intent fb=new Intent(this, facebook.class);
ibuFb=(ImageButton)findViewById(R.id.ibfb);
ibuFb.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View
arg0) {
// TODO Autogenerated method stub
startActivity(fb);
}
Perintah Intent akan });
dijalankan ketika id button ibfb di klik dan akan
menampilkan class facebook.

8. PEMAKAIAN ALERT DIALOG PADA TAB MENU
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
public boolean onOptionsItemSelected(MenuItem Item){
switch (Item.getItemId()){
case R.id.Menu:
startActivity(new Intent(this, MainActivity.class));
finish();
return true;
case R.id.Informasi:
startActivity(new Intent(this, info.class));
return true;
case R.id.Exit:
AlertDialog alerd=new AlertDialog.Builder(this).create();
alerd.setTitle("My Social Media");
alerd.setMessage("Keluar Dari Menu Utama?");
alerd.setButton ("ya", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
finish();
return;
}
});
alerd.setButton2 ("Tidak", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
dialog.cancel();
return;
}
});
alerd.show();
return true;
default:
return super.onOptionsItemSelected(Item);
}
}
}

9. Alert dialog dengan sering digunakan untuk menampilkan konfirmasi ketika Anda ingin
keluar dari aplikasi. begitu tombol diklik, akan muncul konfirmasi apakah Anda benarbenaringin keluar dari aplikasi atau tidak. Jika diklik tombol ya, aplikasi akan b
erhenti. Jika tidak,konfirmasi ini akan hilang dan kembali ke tampilan sebelumnya.
e. Pemakaian WebView
webView = (WebView) findViewById(R.id.ibfb);
progress = (ProgressBar)findViewById(R.id.progressBar);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new fbWebViewClient());
webView.loadUrl("http://m.facebook.com");
// alamat url yang akan dibuka
}
private class fbWebViewClient extends WebViewClient{
public boolean shouldOverrideUrlLoading(WebView webview, String url){
webview.loadUrl(url);
return true;
}
public void onPageFinished(WebView view, String url){
super.onPageFinished(view, url);
progress.setVisibility(view.GONE);
// pemakaian progress bar
}
}
public boolean onKeyDown(int keyCode, KeyEvent event)
{
if ((keyCode==KeyEvent.KEYCODE_BACK)&&webView.canGoBack())
{
webView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}

10. Android Manifest merupakan sebuah xml yang berisi informasi mengenai aplikasi, seperti
versi dari aplikasi, nama package, level SDK yang digunakan, beserta icon dan nama yang
diberikan untuk Aplikasi. Selain itu, AndroidManifest xml ini digunakan sebagai pengatur
activity-activity yang terdapat pada aplikasi, berupa daftar kelas-kelas java, penggunaan
intent untuk pemilihan, dan pemberian Label / title pada suatu Activity saat mereka Aktif.
<activity
android:name="com.example.mysomed.facebook"
android:label="@string/app_name" >
</activity>
<uses-permission android:name="android.permission.INTERNET" />
Ini mendefinisikan Aktivitas dan Perizinan digunakan oleh aplikasi Android.
Karena kita memuat halaman web dari internet kita perlu mengatur izin untuk
menggunakan koneksi internet.

11. f. Gamabaran ScreenShoot dari MySo
Tampilan menu utama pada aplikasi My somed
Tampilan pada Android virtual device
Tampilan pada Smartphone

12. g. Contoh Tampilan MySo pada Smartphone
a
b
c

13. Contoh tampilan MySo lainya pada Smartphone
e
f
g