Deddy Ronaldo. (UML).Website Jurnal langsung mencetak. ABSTRACT research

Ukuran: px

Mulai penontonan dengan halaman:

Download "Deddy Ronaldo. (UML).Website Jurnal langsung mencetak. ABSTRACT research"

Hartanti Sudirman
7 tahun lalu
Tontonan:

1 REKAYASA WEB DENGAN UML-BASED WEB ENGINEERING (UWE) (STUDI KASUS TEKNOLOGI INFORMASI) Deddy Ronaldo Teknik Informatika, Fakultas Teknik, Universitas Palangka Raya Kampus Tunjung Nyaho, Jln. Yos Sudarso, Palangkaa Raya ABSTRAK Jurnal Teknologi Informasi masih diterbitkan dengan cara dicetak, Jurnal digunakan untuk mewadahi penelitian yang dilakukan dosen-dosen untuk mengurus kepangkatan dosen. Metode rekayasa web mengunakan UML-based Web Teknikk Informatikaa dan saling menilai. penelitian masing-masing, penilaian dapat digunakan Engineering (UWE) yang mengunakan model pemodelan berorientasi objek yaitu Unified Modeling Language (UML).Website Jurnal Teknologi diharapkan dapat membantu penyebarluasan penelitian dosen-dosen Teknik Informatika Universitas Palangkaraya dan selain itu akan ada fitur Reviewer untuk dapat menilai dan langsung mencetak dokumen penilaian website. Kata kunci: Jurnal online, UML, UWE ABSTRACT Information Technology Journalis published by means ofprint, the Journal used to facilitate the research conductedd lecturers Information Engineering and mutually assess each study, the assessment can be used to take care off aculty rank. Web engineering methods using UML-based Web Engineering (UWE) who use a model object-oriented modeling is the Unified Modeling Language ( UML). Journal of Technology website is expected to help the dissemination of research lecturers Informationn Engineering Palangkaraya University and in addition there will be a feature to be able to assess Reviewers and print documents directly in the assessment website Keywords: Online Journal, UML, UWE 1. PENDAHULUAN 1.1. Latar Belakang Jurnal Teknologi dan Informasi jurusan Teknik Informatika Universitas Palangkaraya merupakan media penerbitan penelitian dosen yang sudah terbit sebanyak tujuh volume. Jurnal Teknologi Informasi bersifat jurnal tidak terakreditasi yang sudah memiliki ISSN. Jurnal Teknologi Informasi akan diterbikan secara online untuk penyebaran informasi penelitiann dosen-dosenn teknik informatika secara luas dan kemudahan proses penilaian yang dapat dilakuakan kapan saja asal terhubung dengan internet dan dokumen penilaian dapat langsung di unggah untuk dicetak. Penelitian ini mencoba mengimplementasikan metodologi rekayasaa web UML-based Web Engineering dalam pembuatan analisis dan desain website jurnal teknologi informasi teknik informatika Universitas Palangkaraya. 2. TINJAUAN PUSTAKA Rekayasa web memiliki banyak metodologi, salah satunya adalah UML-based Web Enginering. UWE merupakan metodologi rekayasa web berorientasi objek yang mengunakan hanya diagram UML sebagai alat pemodelannya. Gambar 1. Metodologi UML-Based Web Enginering Langkah-langkah rekayasa web mengunakan UWE adalah sebagai berikut: 1. Model, mengunakann diagram untuk pemodelannya. 2. Conceptual Model, mengunakann diagram Class untuk pemodelannya. 3. Navigation Model, pembuatan struktur navigasi web. 4. Presentation Model adalah pembuatan template desain user interface website. 3. BAHASAN UTAMA Perancangann sistem mengunakan model UWE dengan langkah-langkah sebagai berikut: Model 9

2 Tahap ini melakukan analisis penguna dan kegiatan penguna sistem Definisi Aktor Pedefinisian sistem. penguna/aktor yang terlibat Tabel 1. Tabel Definisii Aktor 1 Aktor Admin Deskripsi Aktor bertugas mengelola website jurnal online. Ketua dan Sekretaris Jurnal Teknologi dan Informasi 2 Author Aktor sebagai penulis jurnal ilmiah website jurnal online. Author adalah Dosen Teknik Informatika Universitas Palangka Raya atau Dosen dari Universitas lain. 3 Reviewer Aktor yang bertugas untuk memeriksa isi jurnal dan memberikan penilaian. Reviewer adalah Dosen Teknik Informatika Universitas Palangka Raya 4 Pengunjung Web Pengunjungg adalah masyarakat umum yang mengakses web Definisi Pendefinisian kegiatan penguna/ /aktor sistem. Tabel 2. Tabel Definisii Admin 1 Login Admin Masuk kedalam sistem 2 Kelola Penguna Membuat akun penguna dan memberikan hak akses (Admin, Author, Reviewer) 3 Kelola Berita Membuat berita web yang berisikan berita atau pengumuman penting seputar website jurnal online. 4 Kelola Jurnal terbit Mengelola jurnal untuk ditampilkan di website. 5 Kelola Pesan Mengirim dan menerima pesan dari penguna yang lain. mencetak lemnar penilaian 4 Kelola Pesan Menerima dan mengirim pesan ke Penguna lain Tabel 4. Tabel Definisi Reviewer 1 Login Masuk kedalam sistem Reviewer 2 Kelola Akun Merubah profil penguna,username dan Password 3 Kelola Jurnal Membaca dan memeriksa jurnal yang masuk, mengubah status jurnal dan memberikan penilaian 4 Kelola Pesan Menerima dan mengirim pesan ke Penguna lain Tabel 5. Tabel Definisi Pengunjung Web 1 Melihat Berita Melihat isi berita web 2 Melihat Jurnal Melihat Jrunal dan membaca Jurnal Diagram Pengambaran diagram penguna/aktor sistem, sehingga kegiatan aktor website dapat dipetakan dengan jelas. Dengan memahami kegiatan aktor sistem akan membantu pemodelan kelas-kelas sistem saat membuat classs diagram pada langkah conceptual model. Gambar 2. Admin Tabel 3. Tabel Definisii Author 1 Login Author Masuk kedalam sistem 2 Kelola Akun Merubah profil penguna,username dan Password 3 Kelola Jurnal Upload file jurnal kedalam website, melihat status jurnal, hapus jurnal dan 10

3 Gambar 3. Author Gambar 4. Reviewer Gambar 6. Diagram Aktivitas Kelola Jurnal Terbit oleh Admin Gambar 5. Pengunjung Web Activity Diagram Pengambaran diagram aktivitas sistem untuk mendesain aliran kerja dari sebuah sistem Conceptual Model Tahap pembuatan kontenn sistem dalam bentuk kelas-kelas dan mengambarkan struktur sistem, hubungan kegiatan Aktor dengan database Class Diagram Kelas Class diagram terbagi menjadi tiga macam kelas, yaitu; kelas Main yang berisikan semua fungsi yang akan dieksekusi saat sistem dijalankan. Kelas kedua yaitu kelas Use case yang berisikan use case yang sudah didefiniskan sebelumnya pada tahap use case model. Kelas use case memiliki atribut sehingga terlihat detail dari kelas tersebut, contoh Kelas KelolaPenguna memiliki atribut tambah, ubah dan hapus data. Kelas ketiga yaitu kelas tabel yaitu kelas yang berisikan detail tabel database. Gambar 6. Diagram Aktivitas Kelola Penguna oleh Admin Gambar 7. Class Diagram Kelola Penguna, Kelola Akun dan Kelola Berita 11

4 Gambar 10. Struktur Web Gambar 8. Class Diagram Kelola Jurnal Author dan Kelola Jurnal Reviewer Gambar 11. Navigasi Homepagee Gambar 12. Navigasi admin Gambar 9. Class Diagram Kelola Pesan dan Kelola Jurnal Terbit 3.3. Navigation Model Tahap desain navigasi sistem untuk mempresentasikan nodes dan link struktur sistem. Gambar 13. Navigasi Author 12

5 <<Page>> > LOGIN <<Presentation class>> LOGIN USERNAME PASSWORD HAK AKSES KEMBALI OK Gambar 14. Navigasi Reviewer 3.4. Presentation Model Tahap representasi struktur web kedalam sebuah user interface. <<Page>> HOME <<Presentation <<Presentation class>> class>> PREVIEW LOGIN <<Presentation class>> PREVIEW Gambar 15. Template Home <<Anchor>> ADMIN Gambar 16. Template Login 4. KESIMPULAN Analisis dan desain UML-based Web Enginering (UWE) dilakukan dalam empat tahap yaitu: - model mengidentifikasikan kebutuhan sistem web yang terdiri atas dua tahap. Tahap pertama mendeskripsikan secara garis besar fungsionalitas sistem dengan mengunakan use case diagram. Tahap kedua mendeskripsikan secara lebih detail use case dengan membuat activity diagram. - Conceptual model mengidentifikasikan relasi antara kelasyaitu kelas main, kelas use case dan kelas tabel, digambarkan dengan class diagram. - Navigation model memvisualkan struktur navigasi sistem web, dimana akan dibagi menjadi dua elemen, navigation class yang ditandai dengan [] untuk merepresentasikan sebuah halaman web dan link navigation menunjukan hubungan antara navigation class. - Presentationn model memvisualkan tampilan user interface sebuah halaman web. Presentation model terdiri dari kelas-kelass untuk mengelompokan layout sebuah halaman web. Kelas <<page>> merepresentasikan sebuah halaman web, <<page>> terdapat <<presentation class>> yang membagi halaman web dalam beberapa kelompok/group layout dan <<presentation class>> terdapat user interface element seperti <<text>>, <<image>> dan <<button>> >. 5. DAFTAR PUSTAKA Koch, ra. 2005, UML-Based Web Engineering. Web Engineering Group, Ludwig-Maximilians- Universitat Munchen (LMU), Germany. 13

6 Koch, ra. Kraus, Andreas. Hennicker, Rolf. 2000, The Authoring Process of theuml-based Web Engineering Approach, Ludwig- Maximilians-Universitat Munchen (LMU), Germany. Conallen J Building Web Applications with UML. Addison-Wesley. Hennicker R. & Koch N A UML-based Methodology for Hypermedia Design.Proceedings of the Unified Modeling Language Conference, UML 2000, Evans A. AndKent S. (Eds.). LNCS 1939, Springer Verlag, ArgoUML 2001, (Online). ( diakses 20 vember 2013) OMG Unified Modeling Language (OMG UML) Superstructure version 2.3, 2010 (Online). ( ure, diakses 20 vember

dokumen-dokumen yang mirip

BAB IV PERANCANGAN 4.1 Perancangan Sistem Untuk memudahkan pembuatan uatan akta notaris berbasis website, maka akan dibuat model menggunakan UML (Unified ModelingLanguage). Perlu diketahui metode UML merupakan