RANCANG BANGUN APLIKASI PENGUMUMAN PADA INTERNAL PT. JASUINDO TIGA PERKASA TBK. BERBASIS WEB
KERJA PRAKTIK
Program Studi S1 Sistem Informasi
Oleh:
SHELVI DAMAYANA PRAMESTI 15410100161
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018
RANCANG BANGUN APLIKASI PENGUMUMAN PADA INTERNAL PT. JASUINDO TIGA PERKASA TBK. BERBASIS WEB
Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana
Disusun Oleh :
Nama : SHELVI DAMAYANA PRAMESTI NIM : 15410100161
Program : S1 (Strata Satu) Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
vii
“Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagimu, dan boleh
jadi (pula) kamu menyukai sesuatu, padahal ia amat buruk bagimu; Allah mengetahui, sedang kamu tidak mengetahui.”
viii
Ku persembahkan kepada
Allah Subhanahu Wa ta ‘ala
Bapak, Ibu, dan kakak tersayang,
xi ABSTRAK
PT. Jasuindo Tiga Perkasa, Tbk adalah perusahaan yang bergerak dibidang industri dokumen niaga yang terintegrasi, yaitu Security Document, Non-Security Document (Traditional Document, Modern Document), Smart Card dan Management Document. Dalam kegiatan bisnis perusahaan, PT. Jasuindo Tiga Perkasa, Tbk membutuhkan komunikasi yang jelas antar pihak internal perusahaan. Salah satunya adalah mensosialisasikan pengumuman kepada pihak internal perusahaan yang menggunakan email sebagai medianya. Hal tersebut menyusahkan karyawan karena harus memeriksa email setiap saat. Apabila karyawan tidak membuka email maka karyawan tidak mengetahui pengumuman yang diberikan oleh admin. Admin juga tidak bisa mengetahui apakah pihak internal sudah membuka dan membaca email tersebut atau belum dihari pengumuman diberikan, yang nantinya hal tersebut dapat menghambat proses bisnis perusahaan.
Untuk mengatasi masalah tersebut dibuatnya aplikasi pengumuman pada internal PT. Jasuindo Tiga perkasa, Tbk. Berbasis website. Website ini menggunakan bahasa pemrograman HTML dan PHP dengan bantuan
Framework Bootstrap dan dibekali basis data MySQL.
Dengan adanya aplikasi pengumuman PT. Jasuindo Tiga Perkasa, Tbk lebih mudah dan cepat dalam mensosialisasikan pengumuman kepada seluruh internal perusahaan.
xii
KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Esa, karena berkat rahmat dan hidayah-Nya, penulis dapat menyelesaikan Laporan Kerja Praktik yang berjudul “Rancang Bangun Applikasi Pengumuman Pada Internal PT. Jasuindo Tiga Perkasa Tbk. Berbasis Web” ini dapat diselesaikan.
Laporan Kerja Praktik ini disusun dalam rangka penulisan laporan untuk lulus mata kuliah Kerja Praktik pada Program Studi S1 Sistem Informasi Stikom Surabaya. Melalui kesempatan yang sangat berharga ini, penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu penyelesaian Laporan Kerja Praktik ini, terutama kepada :
1. Kedua orang tua dan kakak saya yang selalu mendukung dan mendoakan yang terbaik buat anak dan adiknya.
2. Ibu Norma Ningsih, S.ST., M.T. selaku dosen pembimbing 3. Bapak Lila Tantra Putra .S. dan Bapak Andri Nurhariyanto
selaku Penyelia PT. Jasuindo Tiga Perkasa, Tbk yang juga memberikan masukan terhadap aplikasi yang saya buat.
4. Daniel Raysa Putra, Novita Kumalasari dan teman-teman seperjuangan kerja praktik yang bersama-sama membantu, memberi dukungan, dan saran dari awal proses kerja praktik hingga pembuatan laporan ini.
xiii
5. Semua pihak yang tidak dapat disebutkan satu persatu dalam kesempatan ini, yang telah memberikan bantuan moral dan materiil dalam proses penyelesaian laporan ini.
Semoga Tuhan Yang Maha Esa memberikan imbalan yang setimpal atas segala bantuan yang telah diberikan.
Surabaya, Juli 2018
xiv DAFTAR ISI
ABSTRAK ... ix
KATA PENGANTAR ... xii
DAFTAR ISI ... xiv
DAFTAR TABEL ... xvii
DAFTAR GAMBAR ... xviii
DAFTAR LAMPIRAN ... xix
BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan masalah ... 2 1.3 Batasan Masalah ... 2 1.4 Tujuan Penelitian ... 3 1.5 Manfaat Penelitian ... 3
BAB II GAMBARAN UMUM PERUSAHAAN ... 4
2.1 Sejarah PT. Jasuindo Tiga Perkasa Tbk ... 4
2.2 Alamat Perusahaan ... 5
2.3 Logo Perusahaan ... 6
2.4 Visi PT. Jasuindo Tiga Perkasa Tbk ... 6
2.5 Misi PT. Jasuindo Tiga Perkasa Tbk ... 6
2.6 Struktur Organisasi ... 7
BAB III LANDASAN TEORI ... 8
3.1 Aplikasi ... 8
3.2 Pengumuman ... 9
3.3 Notifikasi ... 11
xv 3.5 PHP ... 11 3.6 Database... 11 3.7 MySQL ... 13 3.8 HTML ... 13 3.9 CSS ... 14 3.10 Java script ... 14
3.11 Data Flow Diagram ... 14
3.12 System Flow ... 15
BAB IV DESKRIPSI PEKERJAAN ... 18
4.1 Identifikasi Masalah ... 18
4.1.1 Wawancara... 18
4.1.2 Observasi ... 18
4.2 Analisa System ... 19
4.2.1 Analisa Kebutuhan Pengguna ... 19
4.2.2 Analisa Kebutuhan Fungsional ... 20
4.2.3 Analisa Software dan Hardware ... 22
4.3 Perancangan Sistem ... 23
4.3.1 System flow ... 24
4.3.2 Context Diagram ... 26
4.3.3 DFD (Document Flow Diagram) ... 27
4.3.4 CDM (Conceptual Data Model) ... 27
4.3.5 PDM (Physical Data Model)... 28
4.3.6 Struktur Tabel ... 29
4.4 Desain User Interface (UI) ... 31
BAB V PENUTUP ... 39
xvi
5.2 Saran ... 39 DAFTAR PUSTAKA ... 41 LAMPIRAN ... 42
xvii
DAFTAR TABEL
Tabel 4. 1 Fungsi Admin ... 19
Tabel 4. 2 Fungsi Karyawan ... 20
Tabel 4. 3 Analisa Kebutuhan Fungsional ... 20
Tabel 4. 4 Analisa Perangkat Keras ... 22
Tabel 4. 5 Analisa Perangkat Lunak ... 22
Tabel 4. 6 Struktur User ... 29
Tabel 4. 7 Struktur Pengumuman... 30
Tabel 4. 8 Struktur Respon User ... 30
xviii
DAFTAR GAMBAR
Gambar 2. 1 Maps Lokasi PT. Jasuindo Tiga Perkasa, Tbk. ... 5
Gambar 2. 2 Logo PT. Jasuindo Tiga Perkasa, Tbk... 6
Gambar 2. 3 Struktur Organisasi PT. Jasuindo Tiga Perkasa, Tbk. ... 7
Gambar 3. 1 Simbol-Simbol pada System Flow ... 16
Gambar 4. 1 Document Flow Diagram ... 23
Gambar 4. 2 System Flow Login ... 24
Gambar 4. 3 System Flow Pengumuman ... 25
Gambar 4. 4 Context Diagram ... 26
Gambar 4. 5 DFD Level 0 ... 27
Gambar 4. 6 Conceptual Data Model ... 28
Gambar 4. 7 Physical Data Model ... 29
Gambar 4. 8 Halaman Login ... 32
Gambar 4. 9 Button Log Out... 32
Gambar 4. 10 Slide Menu ... 33
Gambar 4. 11 Halaman Utama Pengumuman ... 33
Gambar 4. 12 Halaman Tambah Pengumuman ... 34
Gambar 4. 13 Notif Delete Pengumuman ... 35
Gambar 4. 14 Halaman Edit Pengumuman ... 35
Gambar 4. 15 Halaman Client ... 36
Gambar 4. 16 Halaman Tambah Client... 36
Gambar 4. 18 Halaman Edit Client ... 37
Gambar 4. 17 Notif Delete Client ... 37
Gambar 4. 19 Halaman Laporan ... 38
xix
DAFTAR LAMPIRAN
Lampiran 1. Surat Balasan Dari Perusahaan ... 42
Lampiran 2. Form KP-5 Acuan Kerja (Rangkap 3) ... 43
Lampiran 3. Form KP-5 Garis Besar Rencana Kerja Mingguan ... 44
Lampiran 4. Form KP-6 Log Harian dan Catatan Perubahan Acuan Kerja... 45
Lampiran 5. Form KP-7 Kehadiaran Kerja Praktik ... 46
Lampiran 6. Kartu Bimbingan KP ... 47
1 BAB I PENDAHULUAN
1.1 Latar Belakang
Website merupakan sebuah halaman informasi yang disediakan melalui
jalur internet sehingga dapat diakses oleh siapapun di seluruh dunia tanpa terbatas ruang dan waktu. Saat ini, pemanfaatan website tidak hanya digunakan untuk sebatas memberikan atau menyediakan informasi kepada pengguna, akan tetapi website juga dapat digunakan untuk kegiatan-kegiatan yang bersifat transaksional. Teknologi dalam kehidupan manusia sangat melekat dan sulit untuk dipisahkan, dengan adanya teknologi manusia dipermudah dalam melakukan pekerjaan sehari – hari.
PT. Jasuindo Tiga Perkasa, Tbk adalah perusahaan yang bergerak dibidang industri dokumen niaga yang terintegrasi, yaitu Security Document, Non-Security Document (Traditional Document, Modern Document), Smart Card dan Management Document yang kantor pusat dan pabrik utamanya terletak di Sidoarjo, Jawa Timur. Dalam kegiatan bisnis perusahaan, PT. Jasuindo Tiga Perkasa, Tbk membutuhkan komunikasi yang jelas antar pihak internal perusahaan. Mensosialisasikan pengumuman atau IT Policy merupakan salah satu bentuk komunikasi yang dilakukan oleh perusahaan.
PT. Jasuindo Tiga Perkasa, Tbk dalam mengirim pengumuman kepada seluruh pihak internal perusahaan masih menggunakan email dimana hal tersebut menyusahkan pihak internal atau karyawan karena harus memeriksa email setiap saat. Apabila karyawan tidak membuka email maka karyawan tidak
2
mengetahui pengumuman yang diberikan oleh admin. Admin juga tidak bisa mengetahui apakah pihak internal sudah membuka dan membaca email tersebut atau belum dihari pengumuman diberikan, yang nantinya hal tersebut dapat menghambat proses bisnis perusahaan.
Berdasarkan penjabaran singkat mengenai masalah diatas, maka dibutuhkan solusi untuk dapat menyelesaikan masalah tersebut. Solusi tersebut yaitu pembuatan aplikasi pengumuman pada internal perusahaan PT. Jasuindo Tiga Perkasa, Tbk berbasis web. Dengan aplikasi ini diharapkan nantinya perusahaan lebih mudah dalam mensosialisasikan pengumuman kepada seluruh pihak internal perusahaan dan juga dapat mengetahui siapa saja yang telah membaca dan menyutujui pengumuman tersebut sehingga dapat terdokumentasi dengan baik.
1.2 Rumusan masalah
Dari latar belakang yang telah dituliskan bagaimana merancang dan membangun aplikasi pengumuman bagi internal perusahaan PT. Jasuindo Tiga Perkasa, Tbk berbasis web ?
1.3 Batasan Masalah
Agar sistem yang dibahas tidak meluas dalam pembahasannya, maka perlu dibuat batasan masalah sebagai berikut :
a. Aplikasi website ini dalam proses pembuatannya menggunakan bahasa pemrograman HTML, PHP, Javascript, CSS, Bootstrap dan database yang digunakan ialah MySQL.
3
b. Aplikasi website ini hanya digunakan untuk mengirim pengumuman kepada internal perusahaan dan mendokumentasikannya.
c. Survei dilakukan pada PT. Jasuindo Tiga Perkasa, Tbk.
1.4 Tujuan Penelitian
Berdasarkan uraian latar belakang dan batasan masalah diatas, maka tujuan dibuatnya rancang bangun aplikasi ini adalah :
a. Merancang dan membangun aplikasi pengumuman bagi internal PT. Jasuindo Tiga Perkasa, Tbk berbasis website.
b. Menghasilkan aplikasi website yang mampu mensosialisasikan IT policy atau pengumuman kepada bagian internal PT. Jasuindo Tiga Perkasa, Tbk.
1.5 Manfaat Penelitian
Manfaat dibuatnya aplikasi ini adalah :
a. Memudahkan pihak internal perusahaan atau karyawan dalam menerima pengumuman yang diberikan.
b. Memudahkan pihak perusahaan dalam mensosialisasikan IT Policy atau pengumuman kepada pihak ineternal perusahaan atau karyawan.
4 BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Sejarah PT. Jasuindo Tiga Perkasa Tbk
Didirikan di Surabaya berdasarkan Akta Pendirian No. 122 tertanggal 10 November 1990 dengan nama PT Jasuindo Tiga Perkasa yang telah mendapat pengesahan dari Menteri Kehakiman Republik Indonesia dalam Surat Keputusan No. C2-2873.HT.01.01.Th.91 tertanggal 10 Juli 1991, merupakan perusahaan yang bergerak dibidang industri dokumen niaga yang terintegrasi, yaitu Security Document, Non-Security Document (Traditional Document, Modern Document), Smart Card dan Management Document yang kantor pusat dan pabrik utamanya terletak di Sidoarjo, Jawa Timur.
Pada awalnya, Perusahaan bergerak di bidang percetakan (General Printing) dengan spesialisasi percetakan Business Form khususnya mencetak di atas kertas continous form dengan menggunakan mesin web printing. Pada tahun 1996, Perusahaan memperoleh izin/lisensi untuk bergerak dalam industri security printing dari BOTASUPAL (sebuah badan di bawah Badan Intelijen Negara). Pada tahun 1997, Perusahaan mulai beroperasi pada industri Security Printing.
Pada tanggal 16 April 2002 Perusahaan resmi berubah nama menjadi PT Jasuindo Tiga Perkasa Tbk setelah berhasil mencatatkan sahamnya di Bursa Efek Jakarta dengan kode JTPE. Pada tahun 2010, Perusahaan mengembangkan usahanya dengan membuka lokasi baru untuk divisi kartu sekuriti sebagai bukti bahwa kami terus berinovasi dalam menciptakan produk-produk berkualitas.
5
Saat ini perusahaan memiliki 3 entitas anak yaitu PT Jasuindo Informatika Pratama yang bergerak dibidang jasa solusi teknologi informasi yang didirikan pada tanggal 13 september 2001, PT Cardsindo Tiga Perkasa yang bergerak dibidang sejenis dengan perusahaan, berfokus pada produk telekomunikasi yang didirikan pada tanggal 19 Juli 2012, dan PT Jasuindo Arjowiggins Security yang bergerak dibidang sejenis dengan perusahaan, berfokus pada produk electronic passport yang didirikan pada tanggal 29 Oktober 2013.
2.2 Alamat Perusahaan
Alamat : Jl. Raya Lingkar Timur Km.1, Desa Banjarsari - Buduran, Banjarsari, Buduran, Kabupaten Sidoarjo, Jawa Timur 61252
6
2.3 Logo Perusahaan
2.4 Visi PT. Jasuindo Tiga Perkasa Tbk
Menjadi Perusahaan Terbaik di Bidang Dokumen, Kartu dan Digital Sekuriti di Indonesia.
2.5 Misi PT. Jasuindo Tiga Perkasa Tbk Terus meningkatkan kinerja bisnis pelanggan
7
2.6 Struktur Organisasi
Berikut ini adalah struktur organisasi dari PT. Jasuindo Tiga Perkasa Tbk yang dapat dilihat pada Gambar 2.3.
8 BAB III LANDASAN TEORI
Dalam membangun aplikasi ini, terdapat teori-teori ilmu terkait yang digunakan untuk membantu penelitian serta menyelesaikan permasalahan yang ada dan berkaitan dengan sistem yang akan dibuat.
3.1 Aplikasi
Menurut (Kadir, 2009) program aplikasi adalah program siap pakai atau program yang direka untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain. Aplikasi juga diartikan sebagai penggunaan atau penerapan suatu konsep yang menjadi pokok pembahasan atau sebagai program komputer yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu. Aplikasi software yang dirancang untuk penggunaan praktisi khusus, klasifikasi luas ini dapat dibagi menjadi 2 (dua) yaitu:
1. Aplikasi software spesialis, program dengan dokumentasi tergabung yang dirancang untuk menjalankan tugas tertentu.
2. Aplikasi paket, suatu program dengan dokumentasi tergabung yang dirancang untuk jenis masalah tertentu.
Dari kedua pengertian di atas dapat disimpulkan bahwa aplikasi adalah sekumpulan perintah atau kode yang disusun secara sistematik untuk menjalankan suatu perintah yang diberikan oleh manusia melalui komponen atau hardware komputer yang digunakan oleh manusia dalam menjankan program aplikasi, dengan demikian bisa membantu manusia untuk memberikan solusi dari apa yang diinginkan.
9
3.2 Pengumuman
Pengumuman adalah surat yang disampaikan kepada umum, sekelompok khalayak tanpa harus diketahui siapa dan berapa jumlah pembacanya, dan siapa pun berhak membaca, namun tidak semua pembaca itu berkepentingan (Nurjamal & Sumirat, 2010). Pengumman dibuat untuk mengkomunikasikan atau menginformasikan suatu gagasan, pikiran kepada pihak lain. Pengumuman adalah salah satu bagian dari surat yang dibedakan berdasarkan jumlah sasarannya.
Berdasarkan uraian di atas dapat disimpulkan bahwa pengumuman adalah sebuah pemberitaan atau informasi yang berisikan imbauan atau larangan yang penting untuk diketahui oleh orang banyak/khalayak.
Jenis pengumuman terdiri atas dua macam:
a. Pengumuman formal : pengumuman yang ditulis dengan bahasa yang baku, isinya lengkap dan jelas. Ciri-cirinya:
a) Media yang digunakan adalah media formal, seperti televisi dan harian umum.
b) Dibubuhi tanda tangan atau diketahui oleh pejabat yang berwenang.
c) Bahasa yang digunakan bahasa baku.
b. Pengumuman nonformal : pengumuman yang tidak menggunakan bahasa tidak resmi namun tetap komunikatif. Ciri-cirinya:
10
a) Menggunakan media seperti televise, harian umum dan tempat-tempat umum.
b) Kaidah bahasa baku tidak begitu diperhatikan, yang penting komunikatif.
c) Menonjolkan bentuk keindahan pengumuman.
Berdasarkan sifatnya pengumuman dibedakan menjadi pengumuman resmi dan tidak resmi. Menulis pengumuman resmi dapat memperhatikan aturan-aturan berikut.
a) Pengumuman resmi harus menggunakan kop surat. Kop surat dapat berupa logo atau nama lembaga yang mengeluarkan pengumuman.
b) Pemberian nomor surat.
c) Uraian pembuka surat pengumuman. d) Rincian isi pengumuman.
e) Tempat dan waktu pengumuman. f) Pihak yang mengeluarkan pengumuman.
Sementara itu, pengumuman tidak resmi tidak terikat oleh satu aturan apa pun. Pengumuman tidak resmi boleh tidak mencantumkan kop surat, nomor surat, dan tanda tangan pembuat pengumuman. Namun, cantumkan waktu, tempat, dan keperluan yang dimaksud. Hal yang terpenting yaitu maksud pembuat pengumuman dapat dimengerti oleh pembaca pengumuman. Informasi yang diterima oleh pembaca jelas dan tidak menimbulkan salah tafsir.
11
3.3 Notifikasi
Notifikasi adalah pemberitahuan mengenai informasi atau pengumuman dari pihak tertentu kepada pihak yang dituju yang dilakukan melalui media seperti email, sms, maupun aplikasi chatting(line, whatsapp, bbm, wechat, dsb). Notifikasi sangat penting bagi penerima informasi, karena dengan notifikasi,informasi tersebut dapat langsung diketahui oleh penerima. Notifikasi diperlukan ketika informasi yang akan disampaikan kepada pihak terkait tidak memungkinkan untuk diberitahukan secara langsung atau tatap muka. Notifikasi memungkinkan keakuratan atau ketepatan informasi yang diberikan
3.4 Website
Menurut (Sibero, 2011) Website adalah suatu sistem yang berkaitan dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan lainnya pada jaringan internet.
Sebenarnya, website merupakan kumpulan-kumpulan dokumen yang banyak tersebar dibeberapa komputer server yang berada di seluruh penjuru dunia dan terhubung menjadi satu jaringan melalui jaringan yang disebut
internet.
3.5 PHP (Hypertext Preprocessor)
PHP singkatan dari PHP : Hypertext Preprocessor yaitu Bahasa pemrograman web server-side yang bersifat open source. PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML
12
halaman web dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client . Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru / up to date . Semua script PHP dieksekusi pada server dimana script tersebut dijalankan. (Anhar, 2010)
3.5.1 Sejarah PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. (Supono & Putratama, 2016)
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP dirubah menjadi akronim berulang PHP, Hypertext Preprocessing.
PHP difokuskan pada scripting server side, jadi anda dapat melakukan apa yang bisa dilakukan CGI dengan menggunakan PHP seperti menggambil data inputan form, meng-generate konten halaman dinamis, mengirim dan menerima cookies dan masih banyak lagi. Kemampuan dan support-nya untuk
database juga sangat dapat diandalkan.
3.6 Database
Tujuan utama dalam pembuatan database adalah untuk memudahkan dalam mengakses data sehingga, data dengan muda dapat ditambah, diubah,
13
dihapus, dan dibaca dengan relatif mudah dan cepat. Menurut (Kadir, 2009)
Database merupakan kumpulan data yang terkait. Secara teknis, yang berada
dalam sebuah database adalah sekumpulan tabel atau objek lain (indeks, view, dan lain-lain).
3.7 MySQL
MySQL merupakan software yang tergolong database server dan bersifat
Open Source. Menurut (Saputra, 2012) MySQL merupakan salah satu database
kelas dunia yang sangat cocok bila dipadukan dengan bahasa pemograman PHP. MySQL bekerja menggunakan bahasa SQL (Structure Query Language) yang merupakan bahasa standar yang digunakan untuk memanipulasi database.
3.8 HTML
HTML merupakan halaman yang digunakan untuk menampilkan berbagai informasi dalam penjelajahan web internet. Menurut (Saputra, 2012) HTML merupakan bahasa paling dasar dan penting yang digunakan untuk menampilkan dan mengelola tampilan pada halaman website.
Secara umum fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di internet melalui layanan web. Sedangkan, fungsi HTML secara lebih spesifik yaitu membuat halaman web, menampilkan berbagai informasi di dalam sebuah
browser internet, dan membuat link menuju halaman web lain dengan kode
14
3.9 CSS
Tujuan utama dari CSS adalah untuk memisahkan konten utama dengan tampilan dokumen lainnya (HTML dan sejenisnya). Tujuan lainnya adalah untuk mempercepat pembuatan halaman web. Menurut (Saputra, 2012) CSS merupakan bahasa pemograman web yang didesain khusus untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web lebih rapi, terstruktur, dan seragam.
3.10 Java script
Menurut (Sigit, 2011), Java script adalah bahas ayang bekerja disisi client/browser sehingga website bisa lebih interaktif. Java script merupakan bahasa paling populer di internet dan dapat bekerja disebagian besar penjalajah website populer seperti mozilla firefox, opera, dll. Kode java script dapat disisipkan dalam halaman website menggunakan tag script.
3.11 Data Flow Diagram
DFD merupakan suatu metode untuk membuat perancangan sistem yang berorientasi pada alur data yang bergerak pada sebuah sistem. DFD sering digunakan dalam pembuatan sistem informasi. DFD dibuat oleh analis untuk membuat sistem yang baik. Menurut (Laila & Wahyuni, 2011) DFD merupakan proses mengidentifikasi berbagai proses, mengkaitkannya dengan arus data untuk menunjukkan hubungan, mengidentifikasi entitas yang menyediakan input dan menerima output, serta menambahkan penyimpanan data jika perlu. Berikut adalah simbol dasar DFD :
15
1. External entity
Suatu external entity atau entitas merupakan orang, kelompok, departemen, atau sistem lain di luar sistem yang dibuat dapat menerima atau memberikan informasi atau data ke dalam sistem yang dibuat.
2. Data Flow
Data Flow atau aliran data disimbolkan dengan data tanda panah.
Aliran data menunjukkan arus data atau aliran data yang menghubungkan dua proses atau entitas dengan proses.
3. Process
Suatu proses dimana beberapa tindakan atau sekelompok tindakan dijalankan.
4. Data Store
Data Store adalah simbol yang digunakan untuk melambangkan
proses penyimpanan data.
3.12 System Flow
System flow adalah perangkat diagram grafik yang menyimpan dan
mengkomunikasikan aliran data media dan prosedur proses informasi yang diperlukan dalam sistem informasi dengan menggunakan berbagai simbol yang dihubungkan dengan panah-panah untuk menampilkan proses informasi.
System flow atau bagan alir sistem merupakan bagan yang menunjukkan
arus pekerjaan secara keseluruhan dari sistem. System flow menunjukkan urutan-urutan dari prosedur yang ada di dalam sistem dan menunjukkan apa yang
16
dikerjakan oleh sistem. Simbol-simbol yang terdapat pada system flow dapat dilihat pada tabel di bawah ini:
1. Simbol dokumen menunjukkan dokumen input dan output baik proses manual atau komputer.
2. Simbol kegiatan manual menunjukkan kegiatan non-komputer yang dilakukan.
3. Simbol simpanan offline menunjukkan file non-komputer yang diarsip.
17
4. Simbol proses menunjukkan kegiatan proses dari operasi program komputer.
5. Simbol database menunjukkan tempat untuk menyimpan data hasil operasi komputer.
6. Simbol garis alir.
7. Simbol penghubung di dalam halaman menunjukkan penghubung ke halaman yang sama.
8. Simbol penghubung di lain halaman menunjukkan penghubung ke halaman yang berbeda.
18 BAB IV
DESKRIPSI PEKERJAAN
4.1 Identifikasi Masalah
Tahap identifikasi masalah digunakan sebagai dasar pembangunan suatu sistem atau aplikasi. Identifikasi yang dilakukan adalah dengan mempelajari proses bisnis yang ada, melakukan wawancara dan observasi terhadap proses bisnis pengiriman pengumuman atau IT Policy kepada pihak internal PT. Jasuindo Tiga Perkasa, Tbk.
4.1.1 Wawancara
Tujuan dilakukannya wawancara adalah untuk memperoleh penjelasan tentang proses bisnis, data, dan informasi yang berkaitan dengan software atau aplikasi yang akan dibuat. Wawancara dilakukan kepada bagian IT PT. Jasuindo Tiga Perkasa, Tbk.
4.1.2 Observasi
observasi dilakukan untuk mengamati proses bisnis yang ada di PT. Jasuindo Tiga Perkasa, Tbk. Dari hasil observasi itu perusahaan menggunakan email sebagai media perantara untuk mengirim pengumuman.
Dari hasil wawancara dan observasi yang telah dilakukan, informasi yang didapat mengenai proses bisnis terkait adalah :
a. pemberian pengumuman kepada karyawan atau pihak internal perusahan masih menggunakan email, hal tersebut menyusahkan karyawan karena harus memeriksa email setiap saat.
19
b. Apabila karyawan tidak membuka email maka karyawan tidak mengetahui pengumuman yang diberikan oleh admin. Pihak admin juga tidak bisa mengetahui apakah karyawan sudah membaca pengumuman tersebut apa belum sehingga menghambat proses bisnis dari perusahaan.
4.2 Analisa System
4.2.1 Analisa Kebutuhan Pengguna
Analisis kebutuhan pengguna dilakukan dengan tujuan untuk mengetahui data dan informasi yang digunakan atau dibutuhkan oleh pengguna sistem (perangkat lunak) yang akan dibuat. Selain itu juga untuk menganalisis output yang diperoleh dari pengguna tersebut.
a. Fungsi admin (IT)
Tabel 4. 1 Fungsi Admin
Tugas dan Tanggung Jawab Kebutuhan Data Kebutuhan Informasi Membuat dan mengirim pengumuman ke user
Data user, data pengumuman
Informasi user yang akan diberi pengumuman Membuat rekap data
user yang setuju dan tidak setuju dengan pengumuman
Data user Informasi user yang setuju atau tidak setuju
20
b. Fungsi user (karyawan)
Tabel 4. 2 Fungsi Karyawan
Tugas dan Tanggung Jawab Kebutuhan Data Kebutuhan Informasi Menerima dan memberikan respon tentang pengumuman Data pengumuman Informasi tentang pengumuman apa yang dikirim
4.2.2 Analisa Kebutuhan Fungsional
Tabel 4. 3 Analisa Kebutuhan Fungsional
Functional
requirement Deskripsi Sistem
Admin menerima data pengumuman dari pihak ketiga dan memilih menu menambah, mengedit, atau menghapus data pengumuman Fungsi ini mencatat penambahan, mengedit, dan menghapus data pengumuman Sistem menampilkan halaman menambah, mengedit atau menghapus data Admin mengirim pengumuman ke karyawan Fungsi ini mengirim Sistem mengirim dan menampilkan
21
Functional
requirement Deskripsi Sistem
pengumuman yang telah ditambah sebelumnya ke karyawan pengumuman ke karyawan Karyawan menerima pengumuman Karyawan menerima pengumuman yang dikirim oleh admin Sistem menampilkan pengumuman ke karyawan karyawan memberikan tanggapan tentang pengumuman karyawan memberikan persetujuan atau tidak setuju dengan pengumuman tersebut. Sistem mengirim tanggapan dari karyawan ke admin
22
4.2.3 Analisa Software dan Hardware a. Perangkat keras
Tabel 4. 4 Analisa Perangkat Keras
No Perangkat Keras
1.
Processor type Intel (R) Core i3
2.
Memory 2Gb DDR3 Max 8
3.
Hard drive type 500GB Serial ATA
4.
Network Gigabit Network
5.
Monitor Monitor 17”
b. Perangkat lunak
Tabel 4. 5 Analisa Perangkat Lunak
No Perangkat Lunak Kegunaan
1.
Windows 8/Windows 10
Sistem Operasi
2. Notepad ++ Pembuatan Web sistem 3. Google Chrome Web Browser
4. XAMPP Web Server
4.2.4 Document Flow Diagram
Document flow diagram adalah suatu alur yang menjelaskan tentang
proses bisnis saat ini. Yang didapat melalui observasi dan wawancara berkaitan dengan cara memberikan pengumuman kepada pihak internal PT. Jasuindo Tiga perkasa.
23
Document flow diagram ini menjelasakan bagaimana perusahaan
mengirim pengumuman kepada karyawan atau pihak internal. Admin mengirim pengumuman menggunakan email sebagai media perantaranya.
4.3 Perancangan Sistem
Langkah selanjutnya sesudah identifikasi masalah adalah melakukan perancangan sistem untuk menentukan kebutuhan-kebutuhan aplikasi yang nantinya diterapkan pada aplikasi yang akan dibangun. Perancangan system flow,
context diagram, document flow diagram, conceptual data model, physical data model, dan struktur tabel.
24
4.3.1 System flow
A. System Flow Login
Gambar 4.2 menjelaskan alur sistem proses untuk login sebelum menjalankan aplikasi mengirim pengumuman kepada pihak internal PT. Jasuindo Tiga Perkasa, Tbk. Sistem dimulai dengan menginputkan username dan password. Kemudian sistem akan mengecek hak akses berdasarkan data user. Jika username dan password sesuai makan sistem akan menampilkan halaman pengumuman. Jika username atau password salah maka sistem akan menampilkan pesan yang menyatakan bahwa
25
username atau password salah dan sistem meminta username dan password kembali dengan benar.
B. System Flow mengirim pengumuman
26
Gambar 4.3 menjelaskan alur input data pengumuman sampai mengirim pengumuman ke pihak internal perusahaan. Setelah admin berhasil login maka sistem akan menampilkan halaman pengumuman dimana admin bisa menambah data pengumuman. Sebelum itu admin harus menambah client baru jika client belum terdaftar pada menu client. Sistem akan mengirim pengumuman ke pihak internal sesuai dengan tanggal yang di masukkan oleh admin. Pihak internal harus memberikan respon setuju atau tidak setuju terhadap pengumuman yang diberikan, setelah itu sistem akan menyimpan respon dari pihak internal untuk dijadikan laporan oleh admin.
4.3.2 Context Diagram
Context diagram ini menggambarkan proses yang terjadi pada aplikasi pengumuman pada internal PT. Jasuindo Tiga Perkasa, Tbk. Secara umum. Termasuk menggambar input dan output yang diperlukan oleh aplikasi. Context diagram ini mempunyai tiga entitas yaitu user, admin, dan kepala bagian
27
4.3.3 DFD (Document Flow Diagram)
4.3.4 CDM (Conceptual Data Model)
Conceptual Data Model dari aplikasi pengumuman untuk pihak internal
perusahan ini terdapat 4 tabel yaitu tabel pengumuman, tabel pesan, tabel client, dan tabel user. CDM yang telah dibuat nantinya akan digenerate menjadi PDM (Physical Data Model).
28
4.3.5 PDM (Physical Data Model)
Physical Data Model pada aplikasi ini terdiri dari tiga tabel yaitu tabel
pengumuman, tabel pesan, tabel client, dan tabel user. Tabel pengumuman digunakan untuk menyimpan data pengumuman yang ingin dikirim ke user. Tabel user menyimpan tentang nama dan id user. Tabel pesan digunakan untuk menampung respon user terhadap pengumuman yang diberikan dan tabel client digunakan untuk menyimpan alamat IP.
29
4.3.6 Struktur Tabel a. Tabel User
Primaryy key : iduser Foreign key : -
Fungsi : Menyimpan data iduser, username, password, email.
Tabel 4. 6 Struktur User
No. Field Data Type Length Keterangan 1. Iduser Integer 11 Primary Key 2. Username Varchar 100
3. Password Varchar 100 4. Email Varchar 100 Gambar 4. 7 Physical Data Model
30
b. Tabel Pengumuman Primaryy key : nomor Foreign key : -
Fungsi : Menyimpan data nomor, perihal, isi, tgl_kirim, Tgl_upload.
Tabel 4. 7 Struktur Pengumuman
No. Field Data Type Length Keterangan 1. Nomor integer 11 Primary Key 2. Perihal Varchar 200
3. Isi Text
4. Tgl_kirim Date & Time 5. Tgl_upload Date & Time
c. Tabel Respon Pesan
Primaryy key : Id_setuju Foreign key : Nomor, iduser
Fungsi : Menyimpan data Id_setuju, iduser, tanggal, nomor, agreement.
Tabel 4. 8 Struktur Respon User
No. Field Data Type Length Keterangan 1. Id_setuju Int 11 Primary Key
2. iduser Int 11 Foreign Key
3. Nomor Int 11 Foreign Key
31
5. status Varchar 10
d. Tabel Client
Primaryy key : iduser Foreign key : -
Fungsi : Menyimpan data userid, IP, dan user. Tabel 4. 9 Struktur Client
No. Field Data Type Length Keterangan 1. Userid Integer 11 Primary Key 2. IP Varchar 15
3. User Varchar 30
4.4 Desain User Interface (UI)
Dibawah ini terdapat desain dari User Interface aplikasi pengumuman pada internal PT. Jasuindo Tiga Perkasa, Tbk. dan akan dijelaskan bagaimana cara menggunakan program ini nantinya.
Pertama yang dilakukan untuk melakukan Maintenance pengumuman adalah mengakses halaman back end website pengumuman maka akan muncul :
a. Halaman Login
Website hanya bisa diakses oleh pihak admin, jadi login ini dilakukan oleh pihak admin dengan cara memasukkan username dan password kemudian menekan tombol sign ini
32
b. Top Bar
pada bagian top bar memiliki button logout yang berada pada pojok kanan atas.
c. Side Menu
Pada slide menu terdapat beberapa fitur yang bisa dipakai untuk
melakukan maintenance pengumuman, client, dan menampilkan laporan tentang respon user.
Gambar 4. 8 Halaman Login
33
d. Halaman Utama pengumuman
Pada halaman ini admin bisa melakukan maintenance pengumuman (add
user, delete, edit pengumuman). Fitur delete dan edit pengumuman dapat
dilakukan apabila status pengumuman belum terkirim.
Gambar 4. 11 Halaman Utama Pengumuman Gambar 4. 10 Slide Menu
34
Untuk menambah pengumuman baru admin bisa menekan tombol Dan akan muncul halaman add pengumuman.
Untuk melakukan edit pengumuman maka admin tinggal menekan tombol maka akan muncul halaman edit pengumuman. Untuk menghapus pengumuman, maka admin tinggal menekan tombol,
maka akan muncul notif untuk memastikan apakah admin benar-benar ingin menghapus pengumuman tersebut atau tidak. Tapi, pengumuman bisa dihapus atau diedit jika status pengumuman belum terkirim.
35
Gambar 4. 14 Halaman Edit Pengumuman
36
e. Halaman Client
Pada halaman ini admin bisa melakukan maintenance client (add client,
delete, edit client).
Untuk menambah data client admin menekan tombol Kemudian akan muncul halaman add client.
Gambar 4. 15 Halaman Client
37
Untuk melakukan edit atau hapus client maka admin tinggal menekan maka akan muncul halaman edit pengumuman atau muncul
notif untuk memastikan apakah admin benar-benar ingin menghapus client.
f. Halaman Laporan
Pada menu laporan terdapat informasi jumlah user yang sudah memberikan respon yes dan no, serta user yang belum memberikan tanggapan terhadap pengumuman yang dikirim.
Gambar 4. 17 Halaman Edit Client
38
g. Tampilan Notifikasi
Menampilkan sebuah box berisi pengumuman yang sebelumnya telah diinputkan oleh admin. Pengumuman tersebut akan muncul sesuai dengan tanggal dan jam yang sudah ditetapkan oleh admin. Disini user harus memberikan respon atau tanggapan yes atau no terhadap pengumuman tersebut.
Gambar 4. 19 Halaman Laporan
39
BAB V PENUTUP
5.1 Kesimpulan
Berdasarkan dari hasill perancangan dan pembuatan aplikasi pengumuman untuk pihak internal PT. Jasuindo Tiga Perkasa, Tbk. Maka dibuat kesimpulan sebagai berikut :
1. Aplikasi pengumuman pada internal PT. Jasuindo Tiga Perkasa memilki proses untuk input data pengumuman, input data client, dan menghasilkan laporan respon user. Setelah Input data pengumuman
system akan otomatis mengirim ke user berdasarkan tanggal yang telah
ditentukan.
2. Hasil dari penerapan aplikasi pengumuman ini dapat membantu pihak PT. Jasuindo Tiga Perkasa, Tbk dalam mensosialisasikan pengumuman kepada pihak internal atau karyawan. serta data pengumuman dapat terdokumentasi dengn baik.
3. Laporan yang dihasilkan berupa data jumlah user atau karyawan yang sudah memberi respon yes dan no dan juga jumlah user atau karyawan yang belum terhadapan pengumuman yang diberikan.
5.2 Saran
Dalam aplikasi pengumuman pada internal PT. Jasuindo Tiga Perkasa ini tentu saja masih mempunyai kekurangan. Oleh sebab itu, untuk pengembangan lebih lanjut dapat ditambahkan fitur mengirim ulang
40
pengumuman yang gagal dikirim dan fitur attach file atau gambar pada bagian tambah pengumuman.
DAFTAR PUSTAKA
Anhar. (2010). Paduan Menguasai PHP & MySQL Secara Otodidak. Jakarta: Mediakita.
Kadir. (2009). Membuat Aplikasi Web dengan PHP dan Database MySQL. Yogyakarta: Andi.
Laila, N., & Wahyuni. (2011). Sistem Informasi Pengolahan Data Inventory Pada Toko Buku Studi CV. Aneka Ilmu Semarang. Jurnal Teknik Elektro, 9. Nurjamal, D., & Sumirat, W. (2010). Penuntun Perkuliahan Bahasa Indonesia.
Bandung: Alfabeta.
Saputra. (2012). Web Tips PHP, HTML5 dan CSS3. Jakarta: Jasakom.
Sibero, A. F. (2011). Kitab Suci Web Programming. Yogyakarta: Mediakom. Sigit, A. (2011). Pemrograman Web Aplikatif dengan Java. Jakarta: PT. Elex Media
Komputing.
Supono, & Putratama, V. (2016). Pemrograman Web dengan menggunakan PHP
42 LAMPIRAN Lampiran 1. Surat Balasan Dari Perusahaan
43
44
45
46
47
48
Lampiran 7. Biodata Penulis
BIODATA PENULIS
Nama Lengkap : Shelvi Damayana Pramesti
NIM : 15.41010.0161
Perguruan Tinggi : Institut Bisnis dan Informatika Stikom Surabaya
Jurusan : S1 Sistem Informasi Fakultas : Teknologi dan Informatika Tempat/Tgl.Lahir : Lamongan, 24 Juni 1997
Alamat : Dsn. Ganggang RT 004/RW 001 Ds.Medalem Kec. Modo Kab. Lamongan Agama : Islam Telp/HP. : 085815083488 Email : 15410100161@stikom.edu Riwayat Pendidikan 2003 – 2009 MIM MEDALEM 2009 – 2012 SMPN 1 MODO, LAMONGAN 2012 – 2015 Jurusan IPA, SMAN 1 BABAT
LAMONGAN
2015 – sekarang Prodi S1 Sistem Informasi Institut Bisnis dan Informatika Stikom Surabaya