PERANCANGAN WEBSITE COMPANY PROFILE MENGGUNAKAN DESIGN SCIENCE RESEARCH METHODOLOGY (DSRM)
Mira Orisa*, Ahmad Faisol2, Mochammad Ibrahim Ashari3
1,2Prodi Informatika S1, ITN Malang
3Prodi Teknik Elektro S1, ITN Malang email: [email protected]*
Abstrak: Perusahaan PT.Dinamika Indonesia Presisi merupakan perusahaan yang bergerak di bidang jasa kontraktor.
Perusahaan ini belum memiliki sarana digital marketing. Website company profile merupakan bagian dari digital marketing.
Keuntungan menggunakan website company profile adalah untuk memberitahu keberadaan perusahaan kepada pengguna jasa dan juga menambah daya tarik calon pengguna. Penelitian ini bertujuan membantu perusahaan untuk merancang dan membangun websiste company profile. Penelitian ini menggunakan metode design science research methodology (DSRM).
Metode DSRM mengabungkan antara prinsip, praktik, dan prosedur sehingga dapat memudahkan peneliti untuk berfokus pada solusi permasalahan yang ada dan membantu mendesain pembuatan aplikasi. Aplikasi web dibangun menggunakan bahasa pemrograman HTML dan CSS untuk membuat tampilan website lebih menarik. Dengan menggunakan metode DSRM membuat peneliti dapat membangun aplikasi website company profile tepat sasaran sesuai kebutuhan pihak perusahaan.
Websiste company profile yang dibangun memiliki menu about us, clients, services, portofolio, dan menu contact us.
Penggunaan CSS dapat membuat tampilan website menjadi lebih menarik.
Kata Kunci : website, HTML, CSS, DSRM
Abstract: The company PT. Dinamika Indonesia Presisi is a company engaged in the contracting services sector. This company does not yet have digital marketing facilities. Website company profiles are part of digital marketing. The advantage of using a company profile website is to notify service users of the company's whereabouts and also increase its attractiveness to potential users. This research aims to help companies design and build a company profile website. This research uses the design science research methodology (DSRM) method. The DSRM method combines principles, practices, and procedures so that it can make it easier for researchers to focus on solutions to existing problems and help design applications. Web applications are built using the HTML and CSS programming languages to make the website look more attractive. Using the DSRM method allows researchers to build company profile website applications that are right on target according to the needs of the company. The company profile website that was built has a menu about us, clients, services, a portfolio, and a contact us menu. The use of CSS can make the website look more attractive.
Keywords : website, HTML, CSS, DSRM
PENDAHULUAN
Promosi di dunia maya memberikan manfaat yang cukup besar bagi perusahaan. Menurut data dari sebuah penelitian pada tahun 2013 oleh Ahyuna dkk menyebutkan bahwa sale promotion di internet dapat meningkatkan penjualan produk dan dapat dikenal serta dilirik oleh pengguna di seluruh dunia [1].
Promosi penjualan di dunia maya saat ini tidak hanya terbatas pada penjualan produk/barang saja tetapi juga menjual jasa/layanan. Salah satu contoh perusahaan yang menjual jasa adalah PT.Dinamika Indonesia Presisi yang berada di daerah Pasuruan.
Perusahaan ini bergerak di bidang kontraktor. Dan masih baru berdiri sehingga sangat membutuhkan sebuah media promosi untuk memperkenalkan perusahaan mereka kepada pengguna/client.
Teknologi web dapat membantu perusahaan kontraktor tersebut untuk mempromosikan diri mereka kepada pengguna. Teknologi web atau dikenal dengan world wide web (www) dibangun menggunakan bahasa pemrograman HTML (Hypertext Markup Language), PHP(Hypertext Preprocessor), CSS(Cascading Style Sheets) javascript, dan lain-lain. Dokumen-dokumen dalam website dapat dilihat oleh pengguna mengguna aplikasi web browser seperti mozilla firefox, opera, Microsoft edge, chrome dan aplikasi web browser
lainnya. Teknologi web merupakan bagian dari Internet. Sehingga pengguna dapat selalu melihat perusahan tersebut tanpa batas waktu atau tempat selama pengguna terhubung dengan jaringan internet.
Pembuatan website company profile ini dapat membantu perusahaan tersebut mempromosikan dirinya ke pengguna di seluruh dunia. Perancangan rancang bangun website company profile ini menggunakan metode design science research methodology (DSRM). Metode ini menggabungkan prinsip, praktik, dan prosedur yang diperlukan untuk perancangan sistem.Berdasarkan penelitian terdahulu yang dilakukan oleh Beri Noviansyah dan Cholid Fauzi bahwa metode design science research methodology (DSRM) dapat digunakan untuk merancang aplikasi. Pada penelitiannya ini mereka menggunakan metode design science research methodology (DSRM) untuk merancang aplikasi untuk evaluasi implementasi arsitektur enterprice[2].
TINJAUAN PUSTAKA
Pembuatan website untuk tujuan beragam sudah terbukti dapat membantu tiap-tiap permasalahan di bidang promosi suatu instansi.
Seperti penelitian yang dilakukan pada tahun 2019 oleh Realize dan Tukino menggunakan website
Sebagai Media Promosi Home Industry Pada Tim Pengerak PKK[3].Sedangkan Wulandari dan Yesi Puspita Dewi membangun website company profile untuk mempromosikan TPQ Hifdzillah di Jakarta selatan untuk memperoleh siswa-siswi[4]. Kemudian pada tahun 2021, Natalia Regina Devi dkk menggunakan website yang dijadikan media untuk menyebarkan informasi dan promosi sekolah[5].
Kemudian Diny Anggriani Adnas dan Jennifer Chandrinova membuat websiste company profile untuk took Byzen untuk meningkatkan layanan took[6]. Mirhan Siregar dkk pada tahun yang sama juga memanfaatkan website untuk company profile pada PT.Sinat Nusantara Sakti[7]. Herma dkk pada tahun 2022 memanfaatkan website dalam pengelolaan informasi pada Bontokassi[8].
Pada penelitian ini dirancang menggunakan metode design science research methodology (DSRM). Metode ini sudah digunakan oleh para peneliti sebelumnya untuk merancang sebuah sistem/aplikasi sepeti pada tahun 2020 pernah digunakan untuk mengembangkan sistem proses klasifikasi varietas bibit tanaman kelapa sawit oleh Erick Fernando dkk[9]. Kemudian pada tahun 2022 juga digunakan oleh I Putu Agus Eka Pratama untuk merancang sistem diagnosis penyakit jantung[10].
1. Company Profile
Company profile dapat digunakan untuk meningkatkan citra sebuah instansi tertentu. Hal ini diharapkan agar suatu instansi tersebut bisa menjalin hubungan Kerjasama dengan pihak tertentu[7]. Atau company profile adalah suatu sistem informasi mengenai segala sesuatu yang berkaitan dengan sebuah instansi/perusahaan melalui beberapa media promosi. Informasi yang disampaikan dapat bersifat umum tentang instansi/perusahaan. Tujuannya adalah untuk mendekatkan instansi/perusahaan dengan lingkup pasar atau untuk mendekatkan instansi/perusahaan dengan para investor yang potensial. Adapun fungsi dari company profile adalalah sebagai representasi perusahaan, media komunikasi perusahaan, menghemat waktu transaksi pihak-pihak yang bersangkutan dengan bisnis sehingga perusahaan tidak perlu menyampaikan secara lisan tentang detail perusahaan. Dan juga berfungsi untuk membangun identitas dan citra perusahaan.
Adapun bentuk dari company profile adalah berbentuk teks, berbentuk grafik, berbentuk video, bentuk interaktif, dan berbentuk online.
Company profile berisi tentang sejarah singkat perusahaan, filosofi perusahaan, budaya perusahaan, sambutan dari pimpinan, identitas perusahaan, visi misi perusahaan, alamat cabang, gambaran tentang SDM, sistem pelayanan dan fasilitas, prestasi perusahaan, laporan perkembangan perusahaan, deskripsi produk, program pengembangan dimasa depan[11]
2. Website
Website merupakan sebutan untuk sekumpulan halaman web di dalam jaringan internet.
Halaman web tersebut ditulis dalam format HTML. Protokol yang digunakan dalam jaringan internet adalah HTTP. Website bersifat statis dan ada yang bersifat dinamis. Website yang statis berisi informasi website yang tetap seperti website company profile. Sedangkan website yang bersifat dinamis berisi informasi yang interaktif berasal dari dua arah yaitu pemilik dan pengguna website seperti Friendster, Multiply dan lain-lain[12].
3. HTML
HTML singkatan dari Hypertext Markup Language. HTML lebih merujuk ke Bahasa mark up yang diperuntukkan untuk menentukan format atau style dari teks yang ditandai.
Dokumen HTML merupakan dasar dari semua konten yang muncul di World Wide Web (WWW), terdiri dari dua bagian penting: konten informasi dan satu set instruksi yang memberi tahu komputer Anda cara menampilkan konten tersebut. Setiap dokumen HTML harus mengandung minimal empat elemen[13]:
<html> … </html>
<head> … </head>
<title> … </title>
<body> … </body>
Elemen-elemen yang menentukan bagian penting dari dokumen HTML yaitu dokumen itu sendiri, bagian judul, bagian judul, dan badan.
Keempat elemen harus disertakan meskipun tidak menyertakan konten apa pun. Setiap HTML elemen ditentukan oleh satu atau dua tag, biasanya tag awal dan tag akhir. Tag selalu diapit oleh kurung sudut: <…>. Tag akhir dimulai dengan garis miring (/)[13].
4. PHP
PHP adalah singkatan dari hypertext Preprocessor yang merupakan bahasa pemrograman yang berjalan disisi server. Bahasa pemrograman PHP pertama kali diperkenalkan oleh Rasmus Lerdorf sebagai aplikasi opensource. Kemudian para pengembang mulai mengembangkan Bahasa pemrograman ini hingga tahun 1997 lebih dari 500.000 website didunia menggunakan PHP pada sistem yang digunakan baik untuk koneksi ke basisdata, menampilkan konten yang dinamis dan banyak hal lainnya[14].
5. CSS
Cascading Style Sheets (CSS) merupakan Bahasa pemrograman mark-up (HTML) yang biasa digunakan untuk membuat tampilan halaman web lebih menarik. Cascading Style Sheets (CSS) mengontrol format tampilan pada halaman HTML dan XHTML dan bisa juga diaplikasikan pada segala dokumen XML, SVG.dan XUL. CSS digunakan untuk
memisahkan kontek utama dengan tampilan dokumen seperti layout, warna dan font. CSS merupakan rekomendasi dari W3C (world wide web consortium). Style sheet merupakan sebuah text file sederhana yang berekstensi .css.[15]
6. Metode Perancangan Sistem
Design Science Research Methodology (DSRM) merupakan metodologi yang digunakan untuk penelitian di bidang teknologi informasi. Metode ini berorentasi pada desain informasi sistem[16].DSRM menurut Ken Peffers dkk adalah sebuah metodelogi penelitian di bidang ilmu desain untuk sistem informasi yang menggabungkan antara prinsip, praktik, dan prosedur. Ada beberapa Langkah penelitian nya yaitu: identifikasi masalah dan motivasi(problem identification and motivation), definisi tujuan untuk solusi(objectives of a solution), desain dan pengembangan (design & development), demontrasi(demonstration),evaluasi(evaluation) ,dan komunikasi(communication).Bagan cara kerja metode DSRM menurut Peffers dkk ditunjukkan pada Gambar 1[17].
Gambar 1. DSRM process model by peffers, Tuunanen, Rothenberger , Chatterjee[17]
METODE
Rancang bangun website company profile pada PT.Dinamika Indonesia presisi melalui tahapan- tahapan dalam Penelitian Sains-Desain yang direkomendasikan oleh Peffers et all dalam bentuk Design Science Research Process (DSRP) model, ada 6 tahap yang berurutan. Pada penelitian ini ke enam tahap tersebut ditunjukkan pada Gambar 2.
Gambar 2. Tahapan penelitian
Penjelasan Gambar 2 yaitu:
1. Identifikasi masalah
Berdasarkan observasi lapangan ke PT.Dinamika Indonesia presisi bahwa perusahaan tersebut baru berdiri dan membutuhkan media promosi untuk memperkenalkan perusahaan tersebut kepada calon pengguna jasa kontraktor.
2. Definisi tujuan untuk solusi
Solusi yang ditawarkan adalah dengan membangun website company profile sebagai
wadah promosi agar perusahaan ini dapat dikenal dan mendapat kan banyak client.
3. Desain dan pengembangan
Website yang dibangun merupakan jenis website statis.Website company profile dibangun menggunakan Bahasa pemrograman HTML.
Teks editor yang digunakan sublime text atau notepad++. Untuk tampilan menggunakan materialize.css. website memiliki menu-menu : about us, clients, services, portofolio, contact us.
Seperti yang ditunjukkan oleh blog diagram pada Gambar 3.
Gambar 3. Blok diagram menu
4. Demontrasi
Skenario demontrasi website company profile adalah dimana Aktor yang dapat berinteraksi dengan sistem ada dua yaitu pihak perusahaan dan pengguna jasa. Aktivitas yang dapat dilakukan oleh pihak perusahaan seperti development website, mengelola konten website, mengelola menu, dan mengelola tampilan website. Sedangkan pengguna dapat melihat, mencari informasi serta mengakses menu-menu . Semua kegiatan tersebut ditunjukkan pada diagram use case pada Gambar 4 dan diagram aktifitas sistem pada Gambra 5.
Gambar 4. Diagram use case sistem
Gambar 5. Diagram Aktifitas sistem
5. Evaluasi
Evaluasi dapat dilakukan 6 bulan hingga 1 tahun mendatang oleh pihak perusahaan setelah website company profile ini di hostingkan.
Teknik evaluasi yang digunakan adalah perbandingan antara tujuan yang ingin di capai perusahaan dengan luaran real hasil demontrasi.
6. Komunikasi
Komunikasi ini perlu dilakukan karena pada tahap ini bertujuan untuk membicarakan permasalahan, solusi, produk yang dibuat, feature terupdatenya dan efektifitas produk dalam menyelesaikan masalah kepada perusahaan.
HASIL DAN PEMBAHASAN
Hasil rancang bangun website company profile pada PT.Dinamika Indonesia presisi menggunakan metode DSRM yang telah melalui enam tahapan ditunjukkan pada Gambar 4,5,6,7,8,9 berikut. Halaman beranda merupakan halaman pertama yang dilihat pengguna saat membuka link website ditunjukkan pada Gambar 6.Halaman ini menampilkan semua informasi menu.
Gambar 6. Implementasi halaman beranda/utama
Ketika pengguna memilih menu about us maka website akan langsung fokus menampilkan halaman yang berisi penjelasan visi dan misi perusahaan yang terlihat pada Gambar 7.
Gambar 7. Implementasi halaman about us
Halaman client diperlihatkan pada Gambar 8 yang berisi daftar pelanggan yang pernah menggunakan jasa kontraktor perusahaan.
Gambar 8. Implementasi halaman clients
Pengguna dapat melihat informasi mengenai layanan jasa apa saja yang ditawarkan perusahaan seperti jasa desain dan pekerjaan struktur bangunan dan baja,jas pembuatan bahan dan peralatan dan mesin, jasa perpipaan, jasaperbaikan dan perawatan, general supply, dan jasa perbaikan.informasi tersebut dapat dilihat oleh pengguna Ketika memilih menu services ditunjukkan pada Gambar 9.
Gambar 9. Implementasi halaman services
Jika pengguna ingin melihat beberapa hasil kerja dari perusahaan ini maka pengguna dapat memilih menu portofolio. Pada menu ini diperlihatkan Sebagian pekerjaan yang pernah dikerjakan. Halaman portofolio ditunjukkan pada Gambar 10.
Gambar 10. Implementasi halaman portofolio
Pengguna dapat menemukan informasi mengenai alamat lengkap perusahaan dan dapat mengirimkan pesan kepada pihak perusahaan di menu contact us, diperlihatkan pada Gambar 11.
Gambar 8. Implementasi halaman portofolio
Gambar 11. Implementasi halaman contact us
Hasil pengujian fungsional aplikasi web ditunjukkan pada Tabel 1. Pengujian fungsional dilakukan untuk mengevaluasi hasil pengkodean dengan bahasa pemrograman HTML dan juga mengevaluasi tampilan CSS yang digunakan untuk membuat tampilan website compony profile.
Pengujian dilakukan pada semua fungsi menu-menu website.
Tabel 1. Pengujian Fusional website
No Aktifitas Hasil 1 Saat klik menu beranda Menampilkan
website company profile
2 Saat klik menu about us Menampilkan informasi visi dan misi
3 Saat klik menu clients Menampilkan informasi daftar pelanggan
4 Saat klik menu services Menampilkan informasi pelayanan jasa yang ditawarkan 5 Saat klik menu
portofolio
Menampilkan hasil perkerjaan proyek yang pernah dilakukan
6 Saat klik menu contact us
Menampilkan alamat, serta table isian seperti nama,email,phone,m essage yang dapat dikirimkan
pelamggan ke perusahaan.
KESIMPULAN DAN SARAN
Metode Design Science Research Methodology (DSRM) cocok diterapkan pada penelitian ini karena penelitian ini berfokus pada solusi permasalahan dan pengembangan sistem informasi. Metode DSRM memberikan arahan yang jelas dalam pembuatan konsep, praktek dan prosedur pada rancang bangun website company profile perusahaan ini. Enam Langkah-langkah yang terdapat dalam metode DSRM ini mudah dipahami oleh peneliti dan dapat membantu peneliti dalam menemukan solusi permasalahan dan membangun aplikasi web pada PT.dinamika Indonesia presisi.
Berdasarkan pengujian fungsional didapat bahwa Bahasa pemrograman HTML dan penerapan CSS berfungsi sesuai harapan karena setelah di uji coba dapat emnampilkan infprmasi yang diminta.
Pada aplikasi web website company profile yang dibangun ini disarankan untuk menambahkan basisdata agar bisa menambahkan menu seperti login dan register.
DAFTAR PUSTAKA
[1] Ahyuna.,Hamza,M,Djabir.,Najib,M,2013,Pemanfaata n Internet Sebagai Media Promosi Pemasaran Produk Lokal Oleh Kalangan Usaha Di Kota Makassar,Jurnal Komunikasi KAREBA Vol. 2,No.1
[2] Noviansyah,Beri.,Fauzi,Cholid,2020,Perancangan Aplikasi untuk Evaluasi Implementasi Arsitektur Enterprise,Jurnal Sains Komputer & Informatika (J- SAKTI),Vol.4,No.2,pp.608-615,ISSN:2548-9771 /EISSN: 2549-7200
[3] Realize.,Tukino,(2019),Penggunaan Website Sebagai Media Promosi Home Industry Pada Tim Pengerak PKK,Jurnal Pengabdian Masyarakat Multidisiplin, Vol.3,No.1,E-ISSN:2614-7106
[4] Wulandari., Dewi,Y,P,2019,Pembuatan Website Profile Sekolah Berbasis Php Pada Tpq Hifdzillah Jakarta Selatan,IKRAITH-ABDIMAS Vol.2,No.3.
[5] Devi,Regina,N.,Herdiyatmoko.,Fery,H.,Arini.,Putri,D 2021,Pembuatan Dan Sosialisasi Website Sekolah Pada Smp Indriasana.Jurnal Altruis,Vol. 4, No. 1, hal.
8-13,ISSN 2620-5505
[6] Adnas,D,A., Chandrinova,J,2021,Perancangan dan Pengembangan Company Profıle Berbasıs Web Pada Toko Byzen,Conference on Business, Social Sciences and Technology,Vol.1,No.1
[7] Siregar,M., Kusumawati,N., Asmira., Susanto,A, 2021, Sistem Informasi Company Profile Pt. Sinar Nusantara Sakti Menggunakan Wordpress,SIMKOM, Vol. 6, No. 1,ISSN: 2715-906X (Online)
[8] Herman,,Umar,F.,Mubarak,S.,Aji,F,S.,Abdi,M,A, 2022,Pemanfaatan Sistem Berbasis Website dalam Pengelolaan Informasi pada Bontokassi,E-DIMAS:
Jurnal Pengabdian kepada Masyarakat, 13(2), 269-273 ISSN 2087-3565 (Print) dan ISSN 2528-5041 (Online) [9] Fernando,E.,Surjandy.,Meyliana.,Siagian,P,2020,Des
ain Sistem Pengenalan Varietas Bibit Tanaman Kelapa Sawit Dengan Pendekatan Design Science Research Methodology (DSRM),Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK),Vol. 7, No. 2, hlm. 249- 258 p-ISSN: 2355-7699. e-ISSN: 2528-6579 [10] PRATAMA,I,P,A,E,2022,Design And
Implementation Of An Artificial Intelligence-Based Heart Disease Diagnosis System,Indonesian Journal of Engineering and Science, Vol. 3, No. 1
[11] Liem,R., Erandaru., Susanto,R,P.2015.Perancangan Buku Company Profile Sebagai Media Promosi Vegas Conceptual Show.Jurnal DKV Adiwarna.Vol.2.No.7 [12] Harminingtyas,R,2014,Analisis Layanan website
Sebagai Media Promosi, Mediatransaksi Dan Media Informasi Dan Pengaruhnya Terhadap Brand Image Perusahaan Pada Hotel Ciputradi Kota Semarang,JURNAL STIE SEMARANG, Vol.6, No.3,ISSN : 2252–7826
[13] David R.Brooks.2017. Programming in HTML and PHP (coding for Scientists and Engineers.ISSN :1863- 7310.ISBN:978-3-319-56972-4(e-book).Springer International Publishing AG 2017.
[14] Ardhana,YM.K,2013,Pemrograman PHP: Codeigniter black box. ISBN: 978- 979- 1090- 78-0. Publisher:
jasakom
[15] Ginting,G,L,2013,Perancangan Aplikasi Pembelajaran Cascading Style Sheets Dengan Metode Computer Based Intruction. Pelita Informatika Budi Darma, Volume III.ISSN : 2301-9425
[16] Nabyla,F,2018,Penelitian Desain pada Pengembangan Sistem Pendaftaran Pasien Layanan Poliklinik Menggunakan SmartPhone di RSUI Harapan Anda.Tesis Program Magister Teknik Informatika Universitas Islam Indonesia.
[17] Peffers,K, Tuunanen, T., Marcus A., Rothenberger.,Chatterjee,S, A Design Science Research Methodology for Information Systems Research.Journal of Management Information Systems.Journal of Management Information Systems / Winter 2007–8, Vol. 24, No. 3, pp. 45–77.ISSN:
0742-1222 (Print) 1557-928X (Online)
