Transcription
Penerapan Framework Zend dan Arsitektur Model ViewController dalam Perancangan Aplikasi User ManualOnline (Studi Kasus: PT. Sumber Alfaria Trijaya Tbk.)Artikel IlmiahPeneliti :Adrianus Julian Abimanyu (672015076)Yeremia Alfa Susetyo, S.Kom., M.Cs.Program Studi Teknik InformatikaFakultas Teknologi InformasiUniversitas Kristen Satya WacanaSalatigaJanuari 2020
Penerapan Framework Zend dan Arsitektur Model ViewController dalam Perancangan Aplikasi User ManualOnline (Studi Kasus: PT. Sumber Alfaria Trijaya Tbk.)Artikel IlmiahDiajukan kepadaFakultas Teknologi Informasiuntuk memperoleh Gelar Sarjana KomputerPeneliti :Adrianus Julian Abimanyu (672015076)Yeremia Alfa Susetyo, S.Kom., M.Cs.Program Studi Teknik InformatikaFakultas Teknologi InformasiUniversitas Kristen Satya WacanaSalatigaJanuari 2020
Penerapan Framework Zend dan Arsitektur Model View Controllerdalam Perancangan Aplikasi User Manual Online (Studi Kasus: PT.Sumber Alfaria Trijaya Tbk.)1)Adrianus Julian Abimanyu, 2) Yeremia Alfa SusetyoFakultas Teknologi InformasiUniversitas Kristen Satya WacanaJl. Dr. O. Notohamidjodjo, Salatiga, 50715, IndonesiaEmail: 1) 672015076@student.uksw.edu, 2) yeremia.alfa@uksw.eduAbstractDevelopments in information technology make the company wants to continue to dothe transformation in accordance with the required fields, so that the quality andperformance of employees can be increased. Problems arise when new employeeswant to learn to operate the applications that are needed, employees will contact theapplication programmer. This method is not effective because the applicationprogrammer must spend time to help new employees and cause employee performanceto decline. Then an Online User Manual is needed to store all the existing usermanuals as a solution to this problem. The Online User Manual is useful to helpemployees learn about existing applications and make it easier for employees to findthe required application user manual anytime and anywhere. Online User Manual isa web application at PT Sumber Alfaria Trijaya which is designed using the PHPprogramming language, MySQL for database creation, and Zend as a framework.System testing uses the Black Box method to test system functionality as needed. Basedon testing that has been done, the functions that exist on the system can respond welland are able to help solve the problem.Keyword : Web Application, MVC (Model View Controller), PHP, ZendAbstrakPerkembangan teknologi informasi membuat perusahaan ingin terus melakukantransformasi sesuai dengan bidang yang dibutuhkan, sehingga kualitas dankinerja karyawan dapat meningkat. Masalah muncul ketika karyawan baru inginbelajar mengoperasikan aplikasi yang diperlukan, karyawan akan menghubungipemrogram aplikasi. Metode ini tidak efektif karena pemrogram aplikasi harusmenghabiskan waktu untuk membantu karyawan baru dan menyebabkan kinerjakaryawan menurun. Maka diperlukan User Manual Online untuk menyimpan semuamanual pengguna yang ada sebagai solusi untuk permasalah ini. User Manual Onlineberguna untuk membantu karyawan mempelajari aplikasi yang ada danmempermudah karyawan untuk mencari manual pengguna aplikasi yang diperlukankapan saja dan di mana saja. User Manual Online adalah aplikasi web di PT SumberAlfaria Trijaya yang dirancang menggunakan bahasa pemrograman PHP, MySQLuntuk pembuatan basis data, dan Zend sebagai kerangka kerja. Pengujian sistemmenggunakan metode Black Box untuk menguji fungsionalitas sistem sesuaikebutuhan. Berdasarkan pengujian yang telah dilakukan, fungsi-fungsi yang ada padasistem dapat merespon dengan baik dan mampu membantu menyelesaikanpermasalahan tersebut.Kata Kunci : Aplikasi Web, MVC (Model View Controller), PHP, Zend1
1. PendahuluanDi era digital ini dan perkembangan zaman yang semakin modern, menuntutteknologi informasi untuk terus melakukan transformasi sesuai dengan bidangyang dibutuhkan terutama dalam sebuah perusahaan. Dengan semakinberkembangnya teknologi informasi membuat perusahaan ingin terusmemperbaharuinya supaya kualitas dan kinerja karyawan dapat meningkat,karena dalam hal ini karyawan selalu dituntut untuk bekerja dengan cepat, tepatdan teliti. PT Sumber Alfaria Trijaya Tbk merupakan salah satu perusahaanbesar yang ada di Indonesia yang bergerak dalam bidang retail untukmendistribusikan produk kebutuhan sehari-hari dari produsen ke konsumen diseluruh Indonesia.Berdasarkan hasil wawancara ditemukan sebuah permasalahan daridepartemen Business Solution yaitu dibutuhkan sebuah aplikasi untukmenyimpan semua user manual yang ada, guna membantu karyawan belajartentang aplikasi yang ada dan memudahkan karyawan untuk mencari usermanual aplikasi yang dibutuhkan kapan saja dan di mana saja. Sebelumnyaketika karyawan baru ingin belajar mengoperasikan aplikasi yang dibutuhkan,karyawan akan menghubungi pemrogram aplikasi untuk membantu carapengoperasian aplikasi tersebut, dan pada saat karyawan membutuhkan usermanual aplikasi, karyawan menghubungi pemrogram aplikasi untukmemperoleh user manual yang dibutuhkan. Cara ini dinilai kurang efektifkarena pemrogram aplikasi harus meluangkan waktu untuk membantu karyawanbaru dan menyebabkan kinerja karyawan menurun. Maka dibutuhkan aplikasi usermanual untuk memudahkan pemrogram mengajarkan aplikasi danmemudahkan karyawan untuk memperlajari dan mencari user manual aplikasiserta membuat kualitas dan kinerja karyawan meningkat.Seiring dengan semakin kompleksnya aplikasi dan berkembangnyakebutuhan akan aplikasi berbasis web, maka diperlukan sebuah kerangka kerjauntuk membantu menyelesaikan permasalahan tersebut. Untuk memudahkanperancangan dan pengembangan aplikasi berbasis web, para developermenciptakan sebuah kerangka kerja atau framework. Untuk mempermudahpemrogram dalam mengembangkan aplikasi, beberapa kerangka kerja yangsudah ada telah mendukung konsep arsitektur Model View Controller (MVC).[1]. Salah satu framework yang telah mendukung konsep arsitektur ModelView Controller (MVC) adalah Zend Framework. Zend framework merupakankerangka kerja OOP (Object Oriented Programming) yang didukung olehpustaka yang lengkap dan dirancang untuk memudahkan para developer baikpemula maupun profesional [2]. Maka dari itu Zend Framework digunakansebagai framework untuk perancangan aplikasi web yang ada di PT SumberAlfaria Trijaya.Berdasarkan latar belakang yang ada, maka dilakukan penelitian yangbertujuan untuk merancang Aplikasi User Manual Online menggunakanframework Zend di PT Sumber Alfaria Trijaya Tbk.2
2. Tinjauan PustakaDalam penelitian yang berjudul Penerapan Framework Zend dan ArsitekturModel View Controller dalam Pengembangan Aplikasi ManajemenKepegawaian (Studi Kasus: Universitas Kristen Satya Wacana Salatiga). Padapenelitian ini akan dibuat salah satu kerangka kerja PHP yaitu Zend yang telahmendukung arsitektur Model View Controller (MVC) dan Object RelationalMapping (ORM). Kerangka kerja Zend akan digunakan untuk mengembangkansebuah aplikasi berbasis web yang merupakan pengembangan dari aplikasi MyUKSW di Universitas Kristen Satya Wacana Salatiga [3]. Penelitianperancangan Aplikasi User Manual Online di PT Sumber Alfaria Trijaya Tbkini berbeda karena dalam penelitian sebelumnya aplikasi yang dirancang belumbisa menampilkan PDF di dalam aplikasi dan database yang digunakan adalahObject Relational Mapping (ORM).Sementara itu, penelitian yang membahas Pembuatan Aplikasi untukPengolahan Data Project Perusahaan IT Consultant menggunakan ZendFramework (Studi Kasus: PT Virtual Consulting). Tujuan dari penelitian iniadalah membuat aplikasi web untuk mengolah data perusahaan, menggantikanaplikasi berbasis desktop yang sudah ada sebelumnya. Aplikasi tersebut dibuatdengan menggunakan PHP dan Zend Framework untuk mempermudahpengembang web dalam pembuatan aplikasinya [4]. Penelitian perancanganAplikasi User Manual Online di PT Sumber Alfaria Trijaya Tbk ini mengacupada penelitian sebelumnya. Aplikasi tersebut dirancang supaya penggunadapat mendata informasi proyek yang diterima PT Virtual Consulting kapansaja dan di mana saja, sedangkan pada penelitian perancangan Aplikasi UserManual Online, perancangan aplikasi digunakan untuk mengakses file PDFuser manual agar bisa diakses kapan saja dan di mana saja.Penelitian lain yang berjudul Perancangan dan Implementasi Web BerbasisMVC Menggunakan Zend Framework (Studi Kasus: Sistem Penerimaan danPendataan Siswa di MTS Negeri Salatiga). Pada penelitian ini membahastentang perancangan sistem pendaftaran siswa baru berbasis web berbasis MVCdengan kerangka kerja Zend. Hasil perangkat lunak yang dirancang untukmenggantikan aplikasi pendaftaran siswa baru berbasis desktop yang selamaini digunakan [5]. Sistem yang dibuat sudah menyelesaikan permasalahan yangada akan tetapi sistem tersebut akan lebih baik jika ada suatu fungsi reportingagar penggunakan sistem dapat lebih dipertanggungjawabkan. Sehingga padapenelitian perancangan Aplikasi User Manual Online di PT Sumber AlfariaTrijaya Tbk ini terdapat report yang berfungsi untuk mengetahui siapa sajayang mengelola aplikasi user manual online.Terdapat penelitian yang berjudul Perancangan dan Pembuatan Aplikasi KuSehat. Penelitian ini bertujuan sebagai media informasi kesehatan tentangpenyakit yang paling sering menjadi penyebab kematian di Indonesia.Penelitian tersebut menggunakan Zend Framework untuk membantupengembang dalam membuat aplikasi seluler di atas back-end yang sudah adadan dibangun menggunakan MySQL sebagai basis data [6]. Pada penelitianterdahulu aplikasi yang dibuat menggunakan bootstrap, sehingga tampilan3
antar muka aplikasi menjadi menarik. Maka pada penelitian perancanganAplikasi User Manual Online di PT Sumber Alfaria Trijaya Tbk inidigunakanlah bootstrap untuk memperindah tampilan antar muka aplikasi UserManual Online supaya lebih menarik.Pada penelitian perancangan Aplikasi User Manual Online di PT SumberAlfaria Trijaya Tbk ini bertujuan untuk merancang sebuah aplikasi usermanual online berbasis web application yang dibangun menggunakan sebuahframework bernama Zend yang digunakan sebagai perantara antara PHPsebagai bahasa pemrograman dan MySQL sebagai database untukmengoptimalkan kinerja sistem dan mempermudah pengembang dan penggunasistem.Zend Framework, adalah hasil dari sebuah proyek yang dilakukan oleh ZendTechnologies, sebuah perusahaan spesialis PHP pada akhir tahun 2005. ZendFramework (ZF) sendiri merupakan sebuah kerangka kerja open source dalampengembangan aplikasi web dan web service menggunakan PHP dandiimplementasikan menggunakan object oriented code dan arsitektur MVC.Zend Framework memiliki beberapa kelebihan, yang pertama yaitu everythingin the box, yang artinya di dalam framework ini sudah terdapat segala yangdibutuhkan untuk membangun sebuah aplikasi berbasis web, kedua yaituframework ini memiliki desain yang modern, Zend Framework merupakanobject oriented PHP 5 yang menggunakan teknik perancangan yang dikenalsebagai design pattern, ketiga yaitu Zend Framework mendukung Model ViewController (MVC) yang berguna untuk memisahkan bagian-bagian dalamaplikasi sehingga mempermudah untuk dipelajari dan tidak membingungkanbagi pengembang aplikasi tersebut, keempat yaitu Zend Framework didukungdengan pustaka yang lengkap, Zend Framework merupakan framework opensource sehingga banyak pustaka yang dapat digunakan untuk mempelajari caramengembangkan suatu aplikasi, kelebihan kelima yaitu mudah dikembangkankarena terstruktur, dengan dukungan MVC maka membuat suatu programmenjadi lebih terstruktur. Bagi developer hal ini memudahkan mereka dalammencari bugs, memudahkan saat ingin menambahkan sebuah fitur baru padabagian display, developer cukup mencari file yang berhubungan dengandisplay logic. Zend Framework memungkinkan developer untuk membuatkode berbasis object oriented sehingga memudahkan dalam prosesmaintenance. Zend Framework juga dirancang untuk memudahkan parapengembang baik pemula maupun professional dalam mengembangkan suatuweb yang dinamis. Gambar 1 merupakan arsitektur MVC dalam ZendFramework.4
Gambar 1 Arsitektur MVC dalam Zend FrameworkBootstrap File merupakan sebuah framework css yang digunakan untukmempermudah membangun tampilan web. Dalam arsitektur ini bootstrap fileberada di dalam file Index.php, bootstrap file juga berfungsi sebagai koneksike database. Setelah terhubung permintaan dari user diteruskan ke ControllerFile. Controller File bertugas untuk mengatur apa yang harus dilakukan model,dan view mana yang harus ditampilkan berdasarkan permintaan dari user.Permintaan dari user tidak selalu memerlukan aksi dari model. Model Filebertugas untuk mengatur, menyiapkan, memanipulasi dan mengorganisasikandata (database) sesuai dengan instruksi dari controller. View Template Filebertugas untuk menyajikan informasi (HTML) kepada user sesuai denganinstruksi dari controller.Gambar 2 merupakan contoh implementasi struktur sederhana arsitekturMVC dengan menggunakan library Zend Framework. project name stylemain.cssGambar 2 Struktur Direktori Aplikasi MVC5
Cara kerja struktur aplikasi pada Gambar 2 yaitu semua permintaan akandiproses melalui index.php yang didukung file .htaccess untuk membuat URLstatis. File/application/controller/indexcontroller.php berisi kelas untukmenangani request. Sementara dalam direktori /application/model berisi kelasuntuk menangani database dan /application/views untuk mewadahi templateHTML yang berekstensi .phtml.3. Metode PerancanganPerancangan sistem User Manual Online diselesaikan melalui tahapan yangterbagi dalam empat tahapan, yaitu : 1) Identifikasi Masalah, 2) PerancanganSistem, 3) Implementasi Sistem, 4) Pengujian Sistem. Tahap-tahap penelitiandapat dilihat pada Gambar 3.Gambar 3 Tahapan PenelitianBerikut penjelasan dari Gambar 3: Tahap pertama: Identifikasi masalah,yaitu melakukan identifikasi terhadap permasalahan yang ada denganmelakukan wawancara untuk mendapatkan informasi dan data terkait denganaplikasi yang dibutuhkan, Framework Zend, serta mempelajari proses bisnisaplikasi yang dibutuhkan di PT. Sumber Alfaria Trijaya, Tbk. Tahap Kedua:Perancangan sistem, yaitu melakukan perancangan sistem yang meliputiperancangan proses menggunakan diagram Unified Modelling Language(UML) yang bertujuan untuk menggambarkan secara jelas alur yang ada padasistem yang akan dibangun. Perancangan proses menggunakan UML meliputiuse case diagram, activity diagram, dan relasi database. Kemudian dilakukanperancangan database meliputi tabel-tabel yang akan digunakan dalam sistem,dan selanjutnya perancangan antarmuka yaitu model view controller. Tahapketiga: Implementasi sistem, yaitu membuat aplikasi web sesuai perancanganproses pada tahap kedua sesuai kebutuhan user berdasarkan perancangansistem yang telah dilakukan. Tahap keempat: Pengujian sistem, yaitumelakukan pengujian terhadap sistem yang telah dibuat, kemudian melihatapakah aplikasi yang telah dibuat sudah sesuai dengan yang diharapkan atautidak ada error, jika belum sesuai maka akan dilakukan perbaikan.Pada tahap pengidentifikasian masalah, wawancara yang dilakukan yaitudengan cara tanya jawab langsung kepada Back Office Senior Manager PT.6
Sumber Alfaria Trijaya, Tbk untuk memperoleh data yang diperlukan dalampembuatan sistem. Berdasarkan hasil wawancara permasalahan yang adadidefinisikan sebagai berikut: 1) Dibutuhkan sistem untuk mengelola usermanual yang berbasis web. 2) Dibutuhkan sistem yang dapat diterapkan denganmudah dan cepat untuk melihat user manual tanpa harus datang ke kantorkarena mengakses user manual dapat dilakukan di mana saja dan kapan saja.Perancangan sistem dalam penelitian ini menggunakan metode PrototypeModel, yaitu membangun suatu sistem berupa prototype berdasarkan daribentuk perkiraan awal, melakukan pengujian, lalu dikerjakan ulang sesuaikebutuhan client sampai prototype yang dibuat dapat berfungsi dengan baik danmampu membantu menyelesaikan permasalahan [7].Gambar 4 Prototype ModelGambar 4 merupakan metode yang digunakan dalam perancangan sistemyaitu dengan menggunakan prototype model. Dimulai dari tahap pertama yaituCommunication, yaitu mengumpulkan data mengenai kebutuhan sistem yangakan dibuat. Teknik pengumpulan data dilakukan dengan cara wawancara atautanya jawab secara langsung dengan Back Office Senior Manager PT. AlfariaSumber Trijaya Tbk untuk memperoleh data yang diperlukan dalam pembuatansistem. Tahap kedua yaitu Build/revise mock-up, yaitu proses perancangansistem berdasarkan analisa kebutuhan yang sudah ada. Perancangan sistemmeliputi perancangan proses, perancangan database sistem, dan perancanganantarmuka sistem. Perancangan proses menggunakan diagram UnifiedModelling Language (UML) untuk menggambarkan secara jelas alur yang adapada sistem. Selanjutnya dilakukan pembuatan sistem berdasarkanperancangan sistem yang telah dibuat sebelumnya. Tahap ketiga Customer testdrives mock-up yaitu pengujian sistem yang telah dibuat untuk mengetahuiapakah fungsi-fungsi yang ada pada aplikasi sudah sesuai dengan yangdiharapkan. Ketiga tahapan diatas diulang secara terus menerus hingga sistemyang dibangun sesuai dengan fungsi-fungsi yang diharapkan dan siapdiimplementasikan.Perancangan proses menggunakan UML bertujuan untuk menggambarkansecara jelas alur yang ada pada sistem yang akan dibangun. Perancangan7
menggunakan UML meliputi use case diagram, activity diagram, dan relasidatabase. Di dalam use case diagram, terdapat tiga aktor yaitu sebagaikaryawan, administrator, dan super administrator seperti pada Gambar 5.Gambar 5 Use Case Diagram SistemAktor Karyawan merupakan aktor dengan kewenangan paling sedikit,karena hanya dapat melihat user manual yang telah diunggah olehAdministrator atau Super Administrator. Aktor Administrator memilikikewenangan mengelola user manual yaitu menambah user manual, ubah usermanual serta menambah dan ubah data user. Aktor Super Administratormerupakan aktor tertinggi karena mempunyai kewenangan yang sama denganAdministrator tetapi Super Administrator dapat menghapus data user manualyang telah ditambahkan dan menghapus data user yang boleh mengaksesaplikasi user manual online.Activity diagram menggambarkan proses-proses yang terjadi dari suatuaktifitas dimulai sampai berhenti. Untuk sistem yang akan dibangun makaterdapat tiga activity diagram yaitu untuk karyawan, administrator, dan superadministrator.8
Gambar 6 Activity Diagram KaryawanGambar 6 menggambarkan aktifitas-aktifitas yang dapat terjadi dalam hakakses karyawan. Setelah seorang karyawan melakukan login, karyawantersebut dapat mengakses user manual yang diinginkan.Gambar 7 Activity Diagram Administrator9
Gambar 7 menggambarkan aktifitas-aktifitas yang dapat terjadi dalam hakakses administrator. Setelah seorang administrator melakukan login, terdapatbeberapa aktifitas yang dapat dilakukan. Aktifitas tersebut adalah lihat usermanual, menambah user manual, melakukan sunting user manual, lihat report,melakukan download report, lihat user serta menambah user. Kemudian hasildari pemilihan salah satu menu akan diproses untuk nantinya akan ditampilkanpada halaman web.Gambar 8 Activity Diagram Super AdministratorGambar 8 menggambarkan aktifitas-aktifitas yang dapat terjadi dalam hakakses super administrator. Setelah seorang super administrator melakukanlogin, terdapat beberapa aktifitas yang dapat dilakukan. Aktifitas tersebutadalah lihat user manual, menambah user manual, melakukan sunting usermanual, menghapus user manual, lihat report, melakukan download report,lihat user, menambah user serta menghapus user. Kemudian hasil dari10
pemilihan salah satu menu akan diproses untuk nantinya akan ditampilkan padahalaman web.Relasi database digunakan untuk menampilkan beberapa tabel yang adadalam sistem atau perangkat lunak yang sedang dikembangkan. Relasidatabase memberikan gambaran mengenai sistem dan relasi yang ada didalamnya (user interface, model, dan controller). Relasi database sistem yangyang ada pada aplikasi user manual online ditunjukkan pada Gambar 9. Tabeluser manual menyimpan seluruh informasi tentang seluruh data user manual.Tabel user manual memiliki 4 relasi dengan tabel lainnya.Gambar 9 Relasi Database SistemTabel um file berisi informasi tentang file yang telah diunggah oleh usermanual. Relasi tabel um file dengan tabel user manual adalah Many To One,yaitu satu user manual boleh memiliki umf um kode atau file user manuallebih dari satu. Tabel ms application berisi informasi tentang aplikasi yangtelah dibuat. Relasi tabel ms application dengan tabel tabel user manualadalah Many To Many, yaitu setiap aplikasi dapat dibuat lebih dari satu usermanual. Dan juga sebaliknya, setiap user manual dapat berisi lebih dari satuaplikasi. Tabel ms department menyimpan informasi tentang seluruh datadepartemen. Relasi tabel ms department dengan tabel user manual adalahMany To One, yaitu satu departemen dapat memiliki lebih dari satu usermanual dan setiap user manual hanya dapat memilih satu departemen. Tabelms karyawan menyimpan seluruh informasi tentang seluruh data karyawan.Relasi tabel ms department dengan tabel ms karyawan adalah One To Many,11
satu departemen dapat diisi oleh banyak karyawan. Tabel ms user role berisiinformasi tentang hak akses yang dapat dimiliki karyawan. Relasi tabelms user role dengan tabel ms karyawan adalah One To One, yaitu satu NIKhanya dapat memiliki satu hak akses.Jalannya sebuah sistem diperlukan desain perancangan arsitektur darisistem yang akan dibuat. Perancangan arsitektur aplikasi user manual onlinedapat dilihat pada gambar 10.Gambar 10 Arsitektur SistemPada gambar 10 menjelaskan proses user dalam mengakses aplikasi usermanual online. User dapat mengakses user manual online melalui web browserdengan menggunakan device seperti handphone, tablet, komputer atau laptop.Web Browser berfungsi untuk memeriksa URL yang diminta serta menanganipermintaan yang sesuai dengan controller. Controller merupakan pengendaliuntuk menghubungkan antara model dan juga view. Semua permintaan yangmasuk akan ditangani oleh controller terlebih dahulu, maka dalam controllerdiperlukan spesifikasi logika. Model merupakan tempat penyimpanan data ataubagian yang berhubungan dengan basis data. View merupakan tempat untukmenyampaikan informasi atau menampilkan data yang diminta oleh user untukditampilkan ke layar.12
4. Hasil dan PembahasanHasil implementasi sistem berdasarkan perancangan yang telah dibuatdijelaskan sebagai berikut. Arsitektur MVC yang telah dibuat dapat dilihat padaGambar 11.Gambar 11 MVC Zend pada AplikasiGambar 12 Halaman Tambah User ManualGambar 12 adalah gambar tampilan halaman New untuk menambah usermanual baru. Menu ini hanya dapat diakses dengan user yang memiliki hakakses super administrator atau administrator. User manual name diisi dengannama user manual yang akan diunggah, opsi department diisi dengan daridepartemen mana user manual ini dibutuhkan, radio button main application13
berfungsi untuk memilih apakah user manual yang diunggah merupakanaplikasi utama, name application berisi nama aplikasi yang merupakan aplikasiutama, name main application berisi nama-nama aplikasi yang sudah pernahditambahkan di name application, opsi link application berfungsi untukmemilih user manual yang dibuat mempunyai hubungan dengan user manuallainnya atau tidak, version diisi dengan versi dari user manual tersebut, fileuntuk mengunggah file user manual yang bersangkutan. User harusmemasukkan user manual name, department, name application, name mainapplication, link application, version, dan memilih file yang ingin diunggahsebagai syarat untuk menambah user manual. Perintah yang digunakan untuktambah data user manual dapat dilihat pada Kode Program 1.Kode Program 1 Perintah untuk Tambah Data User Manual pada Controller 92021222324252627282930313233343536 form new Application Form Usermanual(); form- submit- setLabel(‘Save’); this- view- form form;If( this- getRequest()- isPost()) { FormData this- getRequest()- getPost();If( Form- isValid( formData)) { kode form- getValue(‘um kode’); nama form- getValue(‘um nama’); kodedpr form- getValue(um md kode’); appname form- getValue(‘ma nama’); kodeapp form- getValue(‘um ma kode’); linkapp form- getValue(‘um linkapp’); ver form- getValue(‘versi’); token getToken; nik form- getValue(‘um mk nik’); aktif form- getValue(‘um aktif’); umfile new Zend File Transfer Adapter Http(); umfile- setDestination(‘upload/’)- addValidator(‘Count’, false, 1)- addValidator(‘Size’, false, 50000000)- addValidator(‘Extension’, false, ‘pdf’); fileinfo umfile- getFileInfo(); umfile- receive(); filename umfile- getFileName(); usermanuals new Application Model DbTable Usermanuals(); usermanuals- addUsermanual( kode, nama, kodedpr, appname, kodeapp, linkapp, ver, token, nik, aktif, filename); this- helper- redirector(‘index’, ‘home’);} else { form- populate( formData);}}addUsermanual() adalah fungsi untuk menambah data user manual. Formadalah sebuah class dari Zend Framework yang berfungsi untuk mempermudahpembuatan formulir. Class Zend File digunakan untuk mengunggah file usermanual berupa PDF ke dalam direktori ./upload/ di server. Ukuran file usermanual yang dikirim tidak boleh lebih dari 50MB. Data yang dikirim dari formtambah data user manual tersebut dilakukan dengan method post kemudiandisimpan kedalam variabel – variabel yang nantinya akan dikirimkan sebagai14
parameter fungsi addUsermanual() pada model Usermanuals yang dapat dilihatpada Kode Program 2.Kode Program 2 Query Tambah Data User Manual pada Model 021Class Application Model DbTable Usermanuals extends Zend Db Table Abstract{Public function addUsermanual( kode, nama, kodedpr, appname, kodeapp, linkapp, ver, token, nik, aktif, filename){ data array(‘um kode’ kode,‘um nama’ nama,‘um md kode’ kodedpr,‘um app’ appname,‘um ma kode’ kodeapp,‘um linkapp’ linkapp,‘versi’ ver,‘um token’ token,‘um mk nik’ nik,‘um aktif’ aktif,‘umf nama file’ filename,); this- insert( data);}}Fungsi addUsermanual() pada model Usermanuals berfungsi untukmelakukan tambah data ke dalam database yang terdiri dari kode, nama,kodedpr, appname, kodeapp, linkapp, ver, token, nik, aktif, filename.Gambar 13 Halaman Beranda Utama KaryawanGambar 13 menunjukkan halaman beranda utama yang ada pada karyawan.Di halaman tersebut karyawan dapat melihat user manual yang telah diunggaholeh super administrator dan administrator. Karyawan juga dapat melakukkanpencarian data user manual berdasarkan nama user manual dan filter data usermanual berdasarkan department dan application.15
Gambar 14 Halaman View User ManualGambar 14 menunjukkan halaman setelah karyawan melihat user manualyang dipilih. Dalam UM Menu berisi daftar file yang telah diunggah dalamuser manual tersebut, Link UM berisi daftar user manual yang berkaitandengan user manual tersebut.Hasil pengujian sistem dengan metode blackbox yang telah dilakukan akanditampilkan pada Tabel 1.Tabel 1 Hasil Pengujian Blackbox Aplikasi User Manual OnlineFungsi yang diujiMenambah datauser manualOutput yangdiharapkanData user manualberhasilditambahkankedalam databaseSunting data usermanualData user manualberhasil disimpankedalam databaseMencetak reportData berhasildicetak kedalamlaporanMenambah datauserData user berhasilditambahkan kedalam databaseSunting data userData user berhasildisimpan kedalamdatabaseOutput dari SistemData user manual berhasilditambahkan ke dalamdatabase dan dapatditampilkan pada berandaadminData user manual berhasildisimpan ke dalam databasedan dapat ditampilkan padaberanda adminData berhasil dicetak danditampilkan kedalam laporandalam bentuk file MicrosoftExcelData user berhasilditambahkan ke dalamdatabase dan dapatditampilkan pada halamanuserData user berhasil disimpanke dalam database dan dapatditampilkan pada lid
Berdasarkan hasil pengujian blackbox pada Tabel 1, dapat disimpulkanbahwa fungsi-fungsi yang ada pada sistem dapat merespon dengan sangat baikdan menghasilkan output atau keluaran yang sesuai dengan harapan. Hasiltersebut memperlihatkan bahwa antara proses perancangan sistem denganimplementasi sistem tidak ada perbedaan dan sesuai dengan yang diharapkan.5. SimpulanAplikasi user manual online berbasis web dibangun dengan menggunakanFramework Zend dengan menerapkan pola arsitektur Model View Controller(MVC) mudah digunakan, dipelajari serta dikembangkan oleh pengembangsistem selanjutnya untuk mengoptimalkan kinerja sistem dalam melakukanproses pengolahan data. Berdasarkan hasil penelitian dan pengujian Blackboxdapat disimpulkan bahwa aplikasi user manual online ini dapat berjalan denganbaik dan fungsi-fungsi yang ada pada aplikasi sesuai dengan yang diharapkan.Dengan menggunakan Framework Zend yang merupakan framework PHPdengan library yang lengkap dan memenuhi untuk membuat aplikasi standarenterprise maka sistem mampu memberikan kemudahan dalam prosespengolahan data (insert, update, dan delete), sehingga proses pengolahan datadapat berjalan cepat pada sistem. Sistem yang dibangun juga dapatmemberikan kemudahan dalam mengakses user manual yang ada di PT.Sumber Alfaria Trijaya, Tbk. Akses data user manual dapat dilakukan di manasaja dan kapan saja tanpa harus datang langsung ke kantor.Adapun saran untuk pengembangan sistem selanjutnya adalah adanyasistem untuk melihat siapa saja yang telah mengakses user manual tersebut jadiadministrator dapat mengetahui user yang telah mengakses user manualtersebut dan adanya sistem backup supaya data yang telah terhapus dapatdipulihkan dengan membuat sebuah tempat penampungan data yang sudahdihapus.6. Daftar Pustaka[1] Hartomo, Kristoko D., 2009, Implementasi Model View Controller dan ObjectRelational Mapping pada Content Management System
1 Penerapan Framework Zend dan Arsitektur Model View Controller dalam Perancangan Aplikasi User Manual Online (Studi Kasus: PT. Sumber Alfaria Trijaya Tbk.) 1) Adrianus Julian Abimanyu, 2) Yeremia Alfa Susetyo Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Jl. Dr. O. Notohamidjodjo, Salatiga, 50715, Indonesia
