Kamis, 29 November 2012

ANALISIS APLIKASI ANDRONGENG



ANALISIS SOFTWARE REKAYASA PERANGKAT LUNAK
APLIKASI ANDRONGENG

1.      DeskripsiUmumSistem

Androngeng adalah sebuah apliaksi berbasis Android yang berisi kumpulan dongeng bagi anak anak . Dalam aplikasi Androngeng  ini dihimpun berbagai dongeng dari seluruh Indonesia seperti cerita Bawang Merah dan Bawang Putih, Kancil dan Buaya, Danau Toba, Aryo Menak, Lutung Kasarung, Loro Jonggrang dan masih banyak lagi. Aplikasi Androngeng  ini pun disusun dalam bentuk yang interaktif sehingga memudahkan pembaca untuk menikmatinya. Aplikasi Androngeng ini sangat berguna bagi guru, orang tua dan siapapun karena didalamnya banyak dongeng yang memiliki pelajaran yang berharga tetapi ditampilkan dalam bentuk yang menarik bagi anak anak.

2.      FungsiUtamaPerangkatLunak

Aplikasi Androngeng digunakan untuk mengenalkan dongeng dalam negeri kepada anak anak sekarang yang pada umumnya lebih dekat dengan perangkat PC atau Seluler. Karena pada zaman sekarang, anak anak mulai melupakan dongeng dongeng yang berasal dari dalam negeri yang sebenarnya memiliki banyak pesan moral dan nasehat bagi bekal kehidupan. Anak anak justru lebih akrab dengan kebudayaan luar negeri dan film dewasa karena banyak ditampilkan di media. Dengan adanya aplikasi Androngeng ini diharapkan anak anak dapat tertarik untuk mempelajari kembali dongeng dongeng dalam negeri.


3.      Metode Yang Digunakan
Metode yang digunakan dalam pembuatan aplikasi Androngeng adalah metode Waterfall.
Waterfall adalah suatu metodologi pengembangan perangkat lunak yang mengusulkan pendekatan kepada perangkat lunak sistematik dan sekuensial yang mulai pada tingkat kemajuan sistem pada seluruhan alisis, design, kode, pengujian dan pemeliharaan.
Karakteristik dari metodologi waterfall ini meliputi beberapa bagian, yaitu :Aktivitas mengalir dari satu fase ke fase lainnya secara berurutan.
Setiap fase dikerjakan terlebih dahulu sampai selesai, jika sudah selesai baru mulai menuju fase berikutnya.
Berikut adalah model Metode Waterfall :


4.      Model Kebutuhan

a.       Identifikasi Actor
No
Actor
Deskripsi
1
Anak / user
Membuka aplikasi dan menjalankan aplikasi tersebut
2
Sistem
Menyediakan fitur dari aplikasi Androngeng

No
Use Case
Deskripsi Singkat
1
Masuk ke aplikasi
Anak masuk ke aplikasi Androngeng
2
Memilih judul dongeng
Aplikasi menampilkan daftar judul dongeng yang akan dibaca
3
Membaca dongeng
Aplikasi menampilkan cerita dongeng

Minggu, 18 November 2012

Komponen Gambar Pendukung Aplikasi

Pada aplikasi android ini dibutuhkan beberapa komponen gambar yang fungsinya untuk mendukung kebutuhan dan keserasian pada aplikasi yang dibuat, diantaranya sebagai berikut :

Gambar disamping untuk Header tampilan.





Gambar dibawah ini sebagai button menu pilihan dongeng

Gambar dibawah ini sebagai button kategori judul dari dongeng yang ingin dipilih:














ketika pilihan judul dongeng dipilih maka akan menuju ke halaman isi dari dongeng tersebut dan selamat menikmati isi dongeng tersebut yang diselingi dengan gambar-gambar sesuai dengan cerita dongeng.


Gambar dibawah ini untuk footer tampilan disetiap halaman aplikasi.




Kamis, 15 November 2012

Si Kancil dan Tikus (desain interface)













Nah ini dia yang ditunggu- tunggu. Ini contoh desain interface salah satu cerita yang ada.
Gambar ilustrasi nya ini hasil searching di google. 
tapi ada salah satu cerita yang gambar ilustrasi nya dibikinkan sama temenku anak DKV.



Kartikasari Kusuma



Desain Interface




Ini nih desain interface sementara. Ntar lagi aku tambahin gambar nya. Tunggu aja ya


Kartikasari Kusuma

Rabu, 14 November 2012

ANALISIS DESAIN DAN ARSITEKTUR PROJECT OPEN SOURCE “ROUNDCUBE WEBMAIL”



ANALISIS ROUNDCUBE

RoundCube Webmail adalah multilingual browser based IMAP client dengan user interface seperti aplikasi. Memberikan fungsional penuh yang diharapkan dari email client, seperti dukungan MIME, address book, manipulasi folder, pencarian email, dan pengecekan ejaan.  RoundCube Webmail ditulis dengan PHP dan memakai Mysql atau Postgres.Tampilan user bisa diubah2 dengan XHTML dan CSS2.

1.      Desain Arsitektur Roundcube Webmail

Design arsitektur disini mendefinisikan relasi antara elemen-elemen structural utama, pola desain yang digunakan untuk mencapai kebutuhan yang ditentukan untuk sistem dan batasan-batasan yang mempengaruhi bagaimana desain arsitektural ini diterapkan. Desain ini berdasarkan spesifikasi sistem, model analisis (bagian DFD) dan interaksi antara subsistem.
Interface design menjelaskanbagaimana software berkomunikasidalamdirinya, dengansistem yang bertukar informasi dengannya, dan dengan manusia yang menggunakannya. DFD diperlukan untuk desain ini.Component-level design menghasilkan deskripsi prosedur software.

Berikut ini adalah  arsitektur pada  Raondcube Webmail :


Arsitektur dari Roundcube ini terbagi menjadi 3 : User Interaction , bussiness Logic. Adminisration.

Kelebihan dari arsitektur Roundcube sendiri adalah :
è Dibangun pada SOA untuk nilai bisnis

Sebuah Arsitektur Berorientasi Layanan ini tidak hanya mendukung bisnis dan memberi manfaat TI, tetapi lebih dari layanan web dan dapat menggunakanya kembali. Menggunakan standar teknologi perkembangan industri yang  terbaik. Dengan AG Software perusahaan jasa sebagai tulang punggungnya, Roundcube adalah posisi yang baik untuk kebutuhan bisnis tuntutan asuransi modern.Tambahkan produk baru, mengubah proses klaim sementara, meningkatkan tingkat klaim yang membutuhkan tanpa intervensi manual, menambahkan layanan untuk proses dan banyak lagi. Semua ini harus dalam jangkauan analis bisnis sehingga departemen TI bebas untuk fokus pada arsitektur perusahaan inti yang mendasari.

è    Manfaat Teknologi dari Roundcube

Layanan yang terdapat dalam Roundcube dapat digunakan kembali dalam berbagai sarana dan tempat, yang mengakibatkan pengiriman lebih cepat dengan sedikit kesalahan. Cara yg diakui secara global dari lingkungan kerja SOA telah terbukti untuk mengurangi waktu proyek dan biaya dan IT redudansi. Aplikasi dapat dirakit dengan cepat tanpa mengurangi kualitas, sehingga memungkinkan Anda sebagai asuransi untuk segera meluncurkan produk dan layanan baru dan beradaptasi dengan permintaan pasar atau keadaan pasar seperti bencana alam.

è    Sistem terintregasi yang lebih cepat

Beberapa perusahaan asuransi akan memiliki kemewahan mulai dari awal dengan lingkungan TI benar-benar baru. Realitas menyatakan bahwa setiap sistem manajemen klaim perlu mengintegrasikan dengan aplikasi yang sudah ada maupun yang baru. Web Methods Enterprise Software AG Layanan Bus dalam kombinasi dengan kerangka pelayanan terutama dikembangkan oleh CCS memungkinkan Anda untuk mengarahkan jelas dari point-to-point integrasi. Roundcube memungkinkan Anda untuk 'berbicara' untuk setiap aplikasi dalam format standar. Dengan cara ini Anda melindungi investasi TI yang ada, sementara pada saat yang sama mampu juga merangkul baru dan solusi terbaik dari breed untuk daerah tertentu dan niche, seperti CRM dan multi-media layanan pelanggan.


2.      Desain Database pada Roundcube Webmail

Padadesain database Roundcube Webmailada 11 tabel yang digunakanyaitumulaidaritabel users, dictionary, searches, identities, contacts, contactgroups, contactgroupmembers, cache_messages, cache_thread, cache_index, danterakhirtabel cache. padatabel users yang sebagai primary key user_id.



3.      Desain Interface

a.       login.html
template inidigunakanuntukmenampilkanhalaman login.mail.html

b.      Tampilan default daribagian mail Roundcube.
Template iniharusberisi folder dandaftarpesandanmungkinjendelapratinjauuntukmenampilkan inline pesan.Jendelapratinjausebenarnyaadalahiframe yang menampilkanpesan email yang diberikandengan messagepreview.html tersebut.

c.       message.html
Digunakanuntukmenampilkanpesan yang dipilihtermasuksemua header danlampiran. Tampilanpesandibuka di jendela browser penuhdanjugamemerlukanbagiannavigasiuntukkembaliketampilan utama.

d.      messagepreview.html
Miripdengan message.html tetapidigunakanuntukmenampilkan inline pesandalamjendelapratinjau. Tidakadaelemennavigasi yang diperlukan di sini.

e.       messagepart.html
Template inidigunakanuntukmembuat frame untukmenampilkanlampiranpesan. Initerutamaberisiobjekmanalampiran yang sebenarnyadimuatkeserta link download.

f.       printmessage.html
Ketikamembukapesan email untukmencetak template inidimuat. Iniharusmencakupbeberapastylesheetdioptimalkanuntukpencetakandantidakadaelemennavigasi. Iniakandibuka di jendelabarudanmungkinmenyediakan link untukmenutupnya.

g.      compose.html
Template inimengumpulkansemuaelemenformulir yang diperlukanuntukmenulissurat. Menyalindarikulit default karenaitubisamenjadicukuprumit :-)

h.      addressbook.html
Tampilanutamadaribagianbukualamatdikendalikanoleh template ini. Serupadengantampilan e-mail iniakanmenampilkandaftarkontak, sumberalamatdankelompokdanbebanrinciankontakdalamiframe.

i.        showcontact.html
Digunakanuntukmenampilkansemua detail daricatatankontak yang dipilih.

j.        editcontact.html
Bentuk edit untuk catatan kontak yang diberikan menggunakan template ini. Hal ini juga dimuat dalam iframe didefinisikan oleh tampilan buku alamat utama.

k.      addcontact.html
Sangat mirip dengan template editcontact.html tapi mungkin menunjukkan judul yang berbedadantombol yang sesuaidengantugasmenciptakanrekorkontakbaru.

l.        importcontacts.html
Proses imporseluruhditataoleh template ini. Isi utamaadalahkeras-kode, tapi template inimenyediakanlingkungansepertijuduldannavigasiuntuklangkah-langkah.

m.    settings.html
Bagianuntuksemuapengaturanpenggunadidefinisikanoleh template ini. Initerdiridaridaftarkelompokpengaturandanjugamenunjukkannavigasikebagianpengaturanlainsepertiidentitasdanmanajemen folder.

n.      settingsedit.html
Template inimembuatbentukuntukmengubahkelompoktertentupengaturanpengguna. Hal inidimuatkeiframe yang didefinisikanoleh template settings.html utama.

o.      identities.html
Daftaridentitaspengirimdikelolamenggunakan template ini. Inimemilikistruktur yang samaseperti template addressbook.html menampilkandaftaridentitasdisimpandaniframeuntukmemuatbentuk edit.

p.      editidentity.html
Berisibentuk edit untukmembuatataumemodifikasicatatanidentitaspengirimdandimuatdalamsebuahiframedandengandemikiantidakmemerlukansetiapelemennavigasi.

q.      managefolders.html
Template yang memegangsemuaelemen yang diperlukanuntukmengelola folder imapdarikotaksuratsaatini. Iniadalahbagiandaribagianpengaturandanharusberisi link kebagian lain daribagianini.

r.        plugin.html
Iniadalah template generik yang digunakanuntukmembuatisi plugin. Plugin yang paling membawa template sendiritetapidalamsatukasustidak template inidimuat.

s.       error.html
Terakhir but not least template inidigunakanuntukmenampilkanpemberitahuantentangkesalahan fatal yang mencegahsistemdaribekerjadenganbenar.

Beberapa Konsepdesain dalam Roundcube WebMail
1. abstraction
Abstraction adalah gambaran dari fungsi suatu program.Gambaran ini bisa bertingkat-tingkat.Tingkat yang paling atas adalah gambaran suatu fungsi program dengan menggunakan bahasa alami.Pada tingkat terendah, menghasilkan abstraksi yang bersifat prosedural/ langkah perlangkah dengan menggunakan istilah yang teknis dan bisa diimplementasikan menjadi fungsi program.Pada saat beralih dari tingkat ketingkat, kita menggunakan procedural dan data abstraction.

2. refinement—penjelasan detail dari abstraction,  Refinement membantu designer untuk memperlihatkan detail dari lowest level dari abstraction. Abstraction dan refinement merupakan konsep yang saling melengkapi.

3. modularity—membagi software menjadimodul
Software dibagi-bagi menjadi beberapa component yang disebut modul-modul.
Modul-modul ini nantinya disatukan/diintegrasikan untuk memenuhi kebutuhan sistem.
Modul – modul pada sistem Rouncube Webmail dapat dilihat pada gambar dibawah ini dimana penjalanan program agar bisa berjalan sesuai kebutuhan program maka harus melalui 3 tahap yaitu tahap controller, model dan view.

Berikut ini adalah modularity dari Roundcube webMail

RUJUKAN :

Wiki. 2012.Roundcube. (Online) (http://trac.roundcube.net/wiki, diakses tanggal 6 November  2012)

Anonim. 2012. Source Code webmail client. (Online) (http://seorangteknikinformatika.blogspot.com/2010/12/source-code-webmail-client.html, diakses tanggal 6 November  2012)