1 REKAYASA WEB DENGAN UML-BASED WEB ENGINEERING (UWE) (STUDI KASUS TEKNOLOGI INFORMASI) Deddy Ronaldo Teknik Informatika, Fakultas Teknik, Universitas...
Seminar Naasional Teknologii Informasi dan Komunikasi K 2014 (SENTIKA 2014)) Yogyakartaa, 15 Maret 2014
ISSN N: 2089-9813
REKAYAS R SA WEB DE ENGAN UML-BASE U ED WEB EN NGINEER RING (UWE E) (S STUDI KA ASUS JURN NAL TEKN NOLOGI IN NFORMAS SI) D Deddy Ronald do Teknik Inforrmatika, Fakuultas Teknik, Universitas U Paalangka Raya Kampus Tunnjung Nyaho, Jln. Yos Suda arso, Palangkaa Raya 731122 Email: deddy.ronaldo@ @gmail.com ABSTRA AK Jurnal Teeknologi Inforrmasi masih diterbitkan d denngan cara diceetak, Jurnal diigunakan untuuk mewadahi penelitian yang dilaakukan dosen--dosen Teknikk Informatikaa dan saling menilai. m peneliitian masing-m masing, penilaaian dapat digunakaan untuk meengurus kepaangkatan dosen. Metode rekayasa weeb mengunakkan UML-baased Web Engineeriing (UWE) yang mengunaakan model peemodelan bero orientasi objeek yaitu Unified Modeling Language (UML).W Website Jurnall Teknologi diharapkan d daapat membanttu penyebarluuasan penelitiaan dosen-doseen Teknik Informatiika Universitaas Palangkarayya dan selain itu akan ada fitur Revieweer untuk dapaat menilai dan n langsung mencetakk dokumen pennilaian didalaam website. Kata kun nci: Jurnal on nline, UML, UWE U ACT ABSTRA Informatiion Technologgy Journalis published byy means ofprrint, the Jourrnal used to ffacilitate thee research conductedd lecturers Infformation Enggineering andd mutually asssess each study dy, the assessm ment can be ussed to take care off aculty a rank. Web W engineerring methods using UML-b based Web Enngineering (U UWE) who usee a model object-orriented modeliing is the Unif ified Modelingg Language (UML). ( Journaal of Technoloogy website iss expected to help the t disseminaation of research lecturerrs Information n Engineerinng Palangkaraaya University and in addition there will be a feature to be b able to asssess Reviewerrs and print documents d dirrectly in the assessment a website Keywords ds: Online Jou urnal, UML, UWE U DAHULUAN N 1. PEND 1.1. Latar Belakang Jurnall Teknologi dan d Informasi jurusan Teknnik Informatiika Universittas Palangkarraya merupakkan media penerbitan peneelitian dosen yang y sudah terrbit sebanyakk tujuh volumee. Jurnal Teknnologi Inform masi bersifat jurnal tidakk terakreditassi yang suddah memiliki ISSN. Jurnall Teknologi Informasi akan a diterbikkan secara online untuuk penyebaaran inform masi penelitiann dosen-dosenn teknik infoormatika secaara luas dan kemudahan proses penilaaian yang dappat dilakuakaan kapan saaja asal terhhubung denggan internet dan d dokumenn penilaian daapat langsung di unggah untuk u dicetak. Penelitian ini menncoba mengim mplementasikkan metodoloogi rekayasaa web UM ML-based Web W Engineeriing dalam peembuatan anaalisis dan desaain website jurnal tekknologi info formasi teknnik informatiika Universitaas Palangkarayya.
Gambar 1. 1 Metodologi UML-Based Web Enginering web mengunaakan UWE Laangkah-langkaah rekayasa w ad dalah sebagai berikut: 1. 2. 3.
TAKA 2. TINJJAUAN PUST Rekayyasa web memiliki m banyyak metodoloogi, salah satuunya adalah UML-based U W Enginerinng. Web UWE merupakan m m metodologi rekayasa web w berorientaasi objek yang menggunakan hannya diagram UML U sebagai alat pemodelannya.
4.
Use Case C Model, mengunakan n diagram Use Case untuk pem modelannya. Conceeptual Model,, mengunakan n diagram Class untuk u pemodeelannya. Navigaation Modell, pembuatan n struktur navigaasi web. Presenntation Modeel adalah pembuatan p templaate desain userr interface weebsite.
3. BAHASAN N UTAMA Perancangann sistem menngunakan mo odel UWE deengan langkahh-langkah sebaagai berikut: 3.1. Use Case Model 9
Seminar Naasional Teknologii Informasi dan Komunikasi K 2014 (SENTIKA 2014)) Yogyakartaa, 15 Maret 2014
Tahapp ini melakuukan analisis penguna dan d kegiatan penguna p didallam sistem. 3.1.1. Deefinisi Aktor Pedeffinisian pennguna/aktor yang terlibbat didalam sistem. s Tabel 1. Tabel T Definisii Aktor Deeskripsi No Aktor 1 Addmin Aktor bertugas mengelolaa website jurnnal online. Ketua dan Sekretaris S Jurnnal Teknologi dan d Informasi 2 Auuthor Aktor sebaggai penulis jurnal ilmiahh didalam website jurnnal online. Author adallah Dosen Teknik Infoormatika Universitas Palangka Rayya atau Dosen dari Universitas lain. 3 Reeviewer Aktor yang bertugas untuuk memeriksa isi jurnal dan memberikann penilaian. Reviewer addalah Dosen Teknik Infoormatika Universitas Palangka Rayya 4 Peengunjung Pengunjungg adalah W Web masyarakat umum yang mengakses web. w
4
ISSN N: 2089-9813
Kelola Pesan P
menncetak lemnar penilaian Mennerima dan meengirim pesaan ke Pengunaa lain
Taabel 4. Tabel Definisi D Use C Case Reviewer No N Use Case C Deskripissi 1 Login s Massuk kedalam sistem Revieweer 2 Kelola Akun A Merrubah profil pengguna,usernam me dan Passsword 3 Kelola Jurnal J Mem mbaca dan meemeriksa jurnnal yang masu uk, menngubah status jurnal dan memberikan penilaian 4 Kelola Pesan P Mennerima dan mengirim pesaan ke Pengunaa lain Taabel 5. Tabel Definisi D Use C Case Pengunjjung Web No N Use Case C Deskripisi 1 Melihat Berita Mellihat isi beritaa didalam webb 2 Melihat Jurnal Mellihat Jrunaal dan mem mbaca Jurnal 3.1.3. Use Casse Diagram Pengambaraan diagram U Use Case peng guna/aktor diidalam sistem m, sehingga kkegiatan aktorr didalam weebsite dapat dipetakan ddengan jelas. Dengan memahami m keggiatan aktor didalam sistem akan membantu m pemodelan kellas-kelas sisstem saat membuat m classs diagram padda langkah conceptual c model. m
3.1.2. Deefinisi Use Caase Pendeefinisian kegiaatan penguna//aktor didalam m sistem. Tabel 2. Tabel T Definisii Use Case Addmin No Use Case Deeskripisi 1 Loogin Admin Masuk kedaalam sistem 2 Keelola Membuat akun a penguna Peenguna dan membeerikan hak aksses (Admin, Auuthor, Reviewer) 3 Keelola Berita Membuat berita b didalam m web yang berisikan b beritta atau pengum muman pentinng seputar webbsite jurnal online. 4 Keelola Jurnal Mengelola jurnal j untuk terrbit ditampilkann di website. 5 Keelola Pesan Mengirim dan d menerimaa pesan dari penguna p yangg lain.
mbar 2. Use C Case Admin Gam
Tabel 3. Tabel T Definisii Use Case Auuthor No Use Case Deeskripisi 1 Loogin Author Masuk kedaalam sistem 2 Keelola Akun Merubah prrofil penguna,username dan Password 3 Keelola Jurnal Upload file jurnal kedalaam website, meelihat status jurnal, hapuus jurnal dan 10
Seminar Naasional Teknologii Informasi dan Komunikasi K 2014 (SENTIKA 2014)) Yogyakartaa, 15 Maret 2014
ISSN N: 2089-9813
Gambar 3. Use Case Auuthor
U Case Reviewer Gambar 4. Use
Gambar G 6. Diaagram Aktivitaas Kelola Jurn nal Terbit oleh Adm min 3.2. Conceptu ual Model Tahap pembbuatan kontenn sistem dalaam bentuk keelas-kelas daan mengambaarkan struktu ur sistem, hu ubungan kegiaatan Aktor denngan databasee. 3.2.1. Class Diagram Kelas didallam Class diaagram terbag gi menjadi tig ga macam kellas, yaitu; kelaas Main yang g berisikan seemua fungsi yang akan ddieksekusi saaat sistem dij ijalankan. Kellas kedua yaittu kelas Use case yang beerisikan use case yangg sudah did definiskan seebelumnya paada tahap use case model. Kelas use caase memiliki atribut sehingga terlihat detail d dari keelas tersebutt, contoh K Kelas KelollaPenguna memiliki m atribuut tambah, uubah dan haapus data. Kelas K ketiga yaitu y kelas tabel yaitu kelas yang beerisikan detaill tabel databasse.
Gaambar 5. Use Case Pengunjjung Web 3.1.4. Acctivity Diagraam Pengaambaran diaggram aktivitas sistem unttuk mendesaiin aliran kerjaa dari sebuah sistem. s
Gambar 6. Diagram Aktivitas A Kelolla Penguna oleeh Admin Gambar G 7. Claass Diagram K Kelola Pengun na, Kelola A Akun dan Keloola Berita
11
Seminar Naasional Teknologii Informasi dan Komunikasi K 2014 (SENTIKA 2014)) Yogyakartaa, 15 Maret 2014
ISSN N: 2089-9813
Gaambar 10. Struuktur Web
Gambar 8. 8 Class Diagrram Kelola Juurnal Author dan d Kelola Jurnal J Reviewer Gambbar 11. Navigaasi Homepagee
Gam mbar 12. Navigasi admin
Gambar 9. Class Diagram Kelola Peesan dan Keloola Jurrnal Terbit del 3.3. Navvigation Mod navigasi Tahapp desain sistem unttuk mempresentasikan noddes dan link didalam d strukktur sistem. Gam mbar 13. Naviigasi Author
12
Seminar Naasional Teknologii Informasi dan Komunikasi K 2014 (SENTIKA 2014)) Yogyakartaa, 15 Maret 2014
ISSN N: 2089-9813
<<Page>> > LOGIN <> LOGIN
<> > USERNAM ME
<> > PASSWOR RD
<> > HAK AKS SES
<<Button>> KEMBALI <> EMAIL ADMIN
Gambar 14. Navigasi Revviewer 3.4. Presentation Moodel Tahapp representasi struktur web kedalam sebuuah user interrface.
Gam mbar 16. Tem mplate Login 4. KESIMPULAN Analisis dan desain UML-baseed Web En nginering (UW WE) dilakukaan dalam em mpat tahap yaaitu: - Use Case model m mengideentifikasikan kebutuhan k sistem web yang terdiri atas dua tahaap. Tahap pertama mendeskripsika m an secara gaaris besar fungsionalittas sistem deengan mengun nakan use case diagraam. Tahap kkedua mendeskripsikan secara lebihh detail use case dengan membuat activity diaggram. - Conceptual model menngidentifikasik kan relasi antara kelassyaitu kelas m main, kelas usee case dan kelas tabel, digambarkan dengan class diagram. - Navigation model m memvisualkan struktur navigasi diidalam sistem m web, dim mana akan dibagi mennjadi dua eleemen, navigattion class untuk yang diitandai deengan [] merepresenttasikan sebuaah halaman web dan link navigaation menunjuukan hubung gan antara navigation class. c - Presentationn model memvvisualkan tam mpilan user interface seebuah halam man web. Prresentation model teerdiri dari kelas-kelass untuk mengelomppokan layouut didalam sebuah Kelas halaman web. <<page>> < merepresenttasikan sebbuah halamaan web, didalam <<page>> < terrdapat <<prresentation class>> yanng membagi halaman web w dalam beberapa kelompok/grouup layout dan n didalam <<presentattion class>> terdapat userr interface element seeperti <>, <> dan <
