Tugas 3 : Software Architecture

 

Nama  : Fathin Muhashibi Putra
NRP    : 5025211229
Kelas  : PPL - A


Software Architecture

     Tugas yang diberikan pada mata kuliah Perancangan Perangkat Lunak (A), yaitu terkait Software Architecture. Berikut merupakan dokumentasinya :


Referensi Jurnal
    Referensi yang saya ambil, yaitu Jurnal "Pengembangan Prototype E-Directory Batik Berbasis Mobile Web dan Location Based-Service ".

Link : klik disini


Deskripsi Perangkat Lunak
    Batik adalah salah satu hasil budaya Indonesia yang tak hanya memiliki nilai ekonomis tinggi tetapi juga dipuja oleh berbagai bangsa di dunia. Pengakuan UNESCO pada tahun 2009 sebagai warisan budaya tak berwujud menegaskan pentingnya pelestarian dan pengenalan batik, tugas yang bukan hanya menjadi tanggung jawab pelaku industri batik tetapi juga seluruh rakyat Indonesia. Untuk itu, dibutuhkan media berbasis teknologi informasi sebagai sarana untuk menyebarkan nilai-nilai filosofis batik kepada masyarakat serta sebagai alat untuk meningkatkan perekonomian pelaku industri batik. Pengembangan prototype e-directory batik berbasis mobile web dan location-based service bertujuan untuk menciptakan media tersebut.
    E-Directory Batik adalah sebuah perangkat lunak yang dikembangkan berbasis Mobile Web dan Location Based Service. Perangkat lunak ini memiliki kemampuan untuk mengelola berbagai konten terkait dengan batik, seperti motif batik, sentra batik, pencarian dan penunjuk lokasi sentra batik, proses pembuatan batik, sejarah batik, kategori batik, dan informasi pengguna. Antarmuka utama dari perangkat lunak E-Directory Batik hadir dalam bentuk mobile web sehingga dapat diakses oleh pengguna secara luas. Sedangkan untuk pengelolaan konten data, dilakukan melalui antarmuka web yang dapat diakses melalui desktop.



1. Sistem Arsitektur Perangkat Lunak

   Perangkat lunak E-Directory Batik berjalan di web browser yang mendukung  JavaScript dan dibuat menggunakan jQuery Mobile dan framework CodeIgniter dengan bahasa  pemrograman PHP dan DBMS (Database Management System) mySQL. Arsitektur perangkat  lunak berupa client-server, di mana semua data disimpan di sebuah server.  Administrator dapat melakukan pengelolaan konten dengan menggunakan PC yang terhubung  ke Internet dan mengakses alamat web sistem. Pengguna dapat menampilkan konten dengan menggunakan perangkat mobile yang terhubung ke Internet dan mengakses alamat web sistem.  Layanan berbasis lokasi memanfaatkan GPS ataupun jaringan telepon selular untuk melakukan  positioning, sehingga didapatkan posisi pengguna. Hal ini akan bermanfaat untuk menampilkan  rute dari posisi pengguna ke lokasi sentra batik yang dituju. E-Direktory Batik memanfaatkan  beberapa Application Programming Interface (API) milik Google Map untuk menampilkan  lokasi dan rute perjalanan  ke dalam bentuk peta.

Berikut gambaran dari Arsitektur Perangkat Lunak E-Directory Batik Berbasis Mobile Web dan Location Based Service :

Berikut merupakan penjelasan mengenai masing-masing komponen beserta tugas dan tanggung jawabnya:

1. Web Server (OS = LINUX), (Web Server = Apache), (DBMS = MySQL) :
  • Apache, adalah web server yang bertanggung jawab untuk menyajikan halaman web dari aplikasi E-Directory Batik kepada pengguna melalui protokol HTTP. Apache melayani permintaan HTTP yang diterima dari klien seperti web browser dan memastikan bahwa halaman web dikirim dengan tepat dan efisien.
  • MySQL, adalah sistem manajemen basis data relasional yang digunakan untuk menyimpan dan mengelola semua data yang diperlukan oleh aplikasi E-Directory Batik. Ini termasuk informasi tentang sentra-sentra batik, pengguna, dan data lainnya yang diperlukan untuk fungsi aplikasi.
  • CodeIgniter, adalah framework PHP yang digunakan untuk pengembangan aplikasi web. Framework ini menyediakan struktur dan alat yang diperlukan untuk membangun aplikasi web secara efisien, termasuk manajemen URL, kontroler, model, dan tampilan, serta berbagai fitur lainnya yang mempercepat pengembangan.
  • jQuery Mobile, adalah library JavaScript yang digunakan dalam pembangunan antarmuka pengguna aplikasi. Library ini memungkinkan pembuatan tampilan yang responsif dan bergerak dengan lancar di berbagai perangkat mobile. Dengan menggunakan jQuery Mobile, pengembang dapat memastikan bahwa aplikasi E-Directory Batik dapat diakses dan digunakan dengan baik pada perangkat mobile pengguna.

2. Desktop Client (Geolocation API):
  • Web Browser: Desktop Client menggunakan web browser sebagai antarmuka untuk mengakses aplikasi E-Directory Batik. Web browser bertugas untuk menampilkan halaman web yang diberikan oleh server dan memungkinkan pengguna untuk berinteraksi dengan aplikasi. Fitur Geolocation API pada web browser dapat digunakan untuk mendapatkan lokasi pengguna secara akurat, yang nantinya akan digunakan dalam menampilkan rute dari posisi pengguna ke sentra-sentra batik yang dituju.

3. Mobile Client (Geolocation API):
  • Mobile Browser: Mobile Client juga menggunakan web browser sebagai antarmuka untuk mengakses aplikasi E-Directory Batik. Mobile browser bertugas untuk menampilkan halaman web yang diberikan oleh server dan memungkinkan pengguna untuk berinteraksi dengan aplikasi. Fitur Geolocation API pada mobile browser digunakan untuk mendapatkan lokasi pengguna secara akurat, yang akan digunakan dalam menampilkan rute dari posisi pengguna ke sentra-sentra batik yang dituju.

2. Kebutuhan Sistem Arsitektur Informasi Perangkat Lunak

E-Directory Batik ini dibangun berbasis mobile web dengan justifikasi sebagai berikut: 
  • Pengguna bisa mengakses aplikasi ini menggunakan komputer, laptop atau piranti mobile yang lain. Yang dibutuhkan adalah piranti yang mempunyai koneksi internet dan terinstal browser. Piranti mobile seperti telepon seluler/smartphone mempunyai keterbatasan, dari sisi prosesor, ukuran layar kecil, cara peng-inputan, data rate yang rendah. Sehingga dibutuhkan aplikasi yang mendukung untuk deployment di piranti mobile, sehingga dengan keterbatasan yang ada aplikasi tetap bisa berjalan dengan baik. 
  • Aplikasi E-Directory Batik bertujuan untuk mengenalkan pola batik dan filosofi batik kepada siapa saja, kapan saja, dan dimana saja dan bukan untuk pengenalan pola batik. Resolusi tinggi pada gambar pola batik tidak diperlukan mengingat keterbatasan dari piranti mobile. 
  • Salah satu karakteristik penting aplikasi E-Directory Batik adalah layanan berbasis lokasi. Dimana layanan berbasis lokasi akan memberikan hasil yang terbaik jika akurasi posisi pengguna didapatkan. Dengan piranti komputer desktop akurasi pengguna akan melenceng cukup jauh. Maka aplikasi ini akan lebih baik digunakan untuk piranti mobile.   

Berikut gambaran dari Arsitektur Informasi E-Directory Batik Berbasis Mobile Web dan Location-Based Service :



3. Use Case Model Perangkat Lunak 
        Berdasarkan analisis, kebutuhan fungsionalitas dari perangkat E-Directory Batik Berbasis Mobile Web dan Location-Based Service ditunjukkan dengan diagram use case. Use case diagram memperlihatkan ada dua aktor yang terlibat, yaitu administrator dan pengunjung. Administrator erat kaitannya dengan kebutuhan pengelolaan konten. Sedangkan pengunjung lebih kepada kebutuhan mengeksplorasi konten yang ada di dalam E-Directory Batik. 

Berikut gambaran dari Use Case Diagram Perangkat Lunak E-Directory Batik Berbasis Mobile Web dan Location-Based Service :




4. Perancangan Data Arsitektur Perangkat Lunak
    Berdasarkan analisis data yang dibutuhkan untuk disimpan sebagai data persisten adalah data entitas sentra, lokasi, motif, sejarah, pengguna, proses_pembuatan dan konten_multimedia. Detail dari kebutuhan data dapat dilihat pada Entity Relationship Diagram (ERD) sebagai berikut :




Berdasarkan kebutuhan data tersebut, maka dapat dilakukan perancangan data seeperti pada Physical Data Model sebagai berikut :




5. Perancangan Sistem  Arsitektur Perangkat Lunak

    Berdasarkan analisis kebutuhan yang telah dilakukan sebelumnya, berikut merupakan Rancangan Arsitektur E-Directory Batik Berbasis Mobile Web dan Location-Based Service :






Referensi : 


Comments

Popular posts from this blog

Tugas 2: Membuat Aplikasi Hello World menggunakan Jetpack Compose (PPB - A)

Tugas 1: Review Perkembangan Teknologi Perangkat Bergerak (PPB - A)

ETS - Evaluasi Tengah Semester: Proyek - Mobile Front End