LKP : Rancang Bangun Aplikasi Pengumuman pada Internal PT. Jasuindo Tiga Perkasa Tbk. Berbasis Web

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 2018.

“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.” (QS. Al-Baqarah: 216).. vii.

Ku persembahkan kepada. Allah Subhanahu Wa ta ‘ala Bapak, Ibu, dan kakak tersayang, Beserta semua teman dan sahabat seperjuangan yang menyayangiku. viii.

ix.

x.

ABSTRAK PT. Jasuindo Tiga Perkasa, Tbk adalah perusahaan yang bergerak dibidang industri dokumen niaga yang terintegrasi, yaitu Security Document, NonSecurity 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. Kata Kunci : Website, pengumuman, notifikasi. xi.

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.. xii.

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. Penulis. xiii.

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. 3.4. Website .................................................................................................. 11. xiv.

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 5.1. Kesimpulan ............................................................................................ 39. xv.

5.2. Saran ...................................................................................................... 39. DAFTAR PUSTAKA ............................................................................................ 41 LAMPIRAN ........................................................................................................... 42. xvi.

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 Tabel 4. 9 Struktur Client ....................................................................................... 31. xvii.

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 Gambar 4. 20 Tampilan Notifikasi......................................................................... 38. xviii.

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 Lampiran 7. Biodata Penulis .................................................................................. 48. xix.

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, NonSecurity 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. 1.

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. c. Data – data pengumuman dapat terdokumentasi dengan baik..

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.. 4.

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. Gambar 2. 1 Maps Lokasi PT. Jasuindo Tiga Perkasa, Tbk..

6. 2.3. Logo Perusahaan. Gambar 2. 2 Logo PT. Jasuindo Tiga Perkasa, Tbk. 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.. Gambar 2. 3 Struktur Organisasi PT. Jasuindo Tiga Perkasa, Tbk..

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.. 8.

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. Ciricirinya:.

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 atau. terkait tatap. tidak memungkinkan untuk diberitahukan secara langsung 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 embedded scripting). PHP adalah script yang digunakan untuk membuat.

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 tertentu (hypertext)..

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 urutanurutan 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:. Gambar 3. 1 Simbol-Simbol pada System Flow. 1. Simbol dokumen menunjukkan dokumen input dan output baik proses manual atau komputer. 2. Simbol kegiatan manual menunjukkan kegiatan nonkomputer 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..

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.. 18.

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. Kebutuhan. Kebutuhan. Tanggung Jawab. Data. Informasi. Membuat. dan Data user, data Informasi user. mengirim. pengumuman. pengumuman ke user Membuat rekap data. yang akan diberi pengumuman. Data user. Informasi. user. user yang setuju dan. yang setuju atau. tidak setuju dengan. tidak setuju. pengumuman.

20. b. Fungsi user (karyawan) Tabel 4. 2 Fungsi Karyawan Tugas dan. Kebutuhan. Kebutuhan. Tanggung Jawab. Data. Informasi. Menerima dan. Data. Informasi tentang. memberikan respon. pengumuman. pengumuman apa. tentang. yang dikirim. pengumuman 4.2.2 Analisa Kebutuhan Fungsional Tabel 4. 3 Analisa Kebutuhan Fungsional Functional requirement. Deskripsi. Sistem. Admin menerima. Fungsi ini. Sistem. data pengumuman. mencatat. menampilkan. dari pihak ketiga dan. penambahan,. halaman. memilih menu. mengedit, dan. menambah,. menambah,. menghapus data. mengedit atau. mengedit, atau. pengumuman. menghapus data. Admin mengirim. Fungsi ini. Sistem mengirim. pengumuman ke. mengirim. dan menampilkan. menghapus data pengumuman. karyawan.

21. Functional requirement. Deskripsi. Sistem. pengumuman. pengumuman ke. yang telah. karyawan. ditambah sebelumnya ke karyawan Karyawan menerima. Karyawan. Sistem. pengumuman. menerima. menampilkan. pengumuman. pengumuman ke. yang dikirim. karyawan. oleh admin karyawan. karyawan. Sistem mengirim. memberikan. memberikan. tanggapan dari. tanggapan tentang. persetujuan atau. karyawan ke. pengumuman. tidak setuju. admin. dengan pengumuman tersebut..

22. 4.2.3 Analisa Software dan Hardware a. Perangkat keras Tabel 4. 4 Analisa Perangkat Keras No 1.. Perangkat Keras Processor type. Intel (R) Core i3. Memory. 2Gb DDR3 Max 8. 3.. Hard drive type. 500GB Serial ATA. 4.. Network. Gigabit Network. 5.. Monitor. Monitor 17”. 2.. b. Perangkat lunak Tabel 4. 5 Analisa Perangkat Lunak. No. Perangkat Lunak. Kegunaan. Windows 1.. Sistem Operasi 8/Windows 10. 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.. Gambar 4. 1 Document Flow Diagram 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 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. Gambar 4. 3 System Flow 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. Gambar 4. 4 Context Diagram.

27. 4.3.3 DFD (Document Flow Diagram). Gambar 4. 5 DFD Level 0 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. Gambar 4. 6 Conceptual Data Model. 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. Gambar 4. 7 Physical Data Model 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 Integer. Length. 1.. Iduser. 11. 2.. Username Varchar. 100. 3.. Password. Varchar. 100. 4.. Email. Varchar. 100. Keterangan Primary Key.

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. 1. Nomor. integer. 11. 2. Perihal. Varchar. 200. 3. Isi. Text. 4. Tgl_kirim. Date & Time. 5. Tgl_upload. Date & Time. Keterangan Primary Key. 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. 4.. Tanggal. Date & Time.

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.. 4.4. Field. Data Type. Length. 1.. Userid. Integer. 11. 2.. IP. Varchar. 15. 3.. User. Varchar. 30. Keterangan Primary Key. 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. Gambar 4. 8 Halaman Login b.. Top Bar pada bagian top bar memiliki button logout yang berada pada pojok kanan atas.. Gambar 4. 9 Button Log Out c.. Side Menu Pada slide menu terdapat beberapa fitur yang bisa dipakai untuk melakukan maintenance pengumuman, client, dan menampilkan laporan tentang respon user..

33. Gambar 4. 10 Slide Menu 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.

34. Untuk menambah pengumuman baru admin bisa menekan tombol Dan akan muncul halaman add pengumuman.. Gambar 4. 12 Halaman Tambah 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. Gambar 4. 13 Notif Delete Pengumuman.

36. e.. Halaman Client Pada halaman ini admin bisa melakukan maintenance client (add client, delete, edit client).. Gambar 4. 15 Halaman Client Untuk menambah data client admin menekan tombol Kemudian akan muncul halaman add client.. Gambar 4. 16 Halaman Tambah 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.. Gambar 4. 17 Halaman Edit Client. Gambar 4. 18 Notif Delete 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..

38. Gambar 4. 19 Halaman Laporan 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. 20 Tampilan Notifikasi.

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 dan Framework Codeigniter. Yogyakarta: Deepublish..

LAMPIRAN Lampiran 1. Surat Balasan Dari Perusahaan. 42.

43. Lampiran 2. Form KP-5 Acuan Kerja (Rangkap 3).

44. Lampiran 3. Form KP-5 Garis Besar Rencana Kerja Mingguan.

45. Lampiran 4. Form KP-6 Log Harian dan Catatan Perubahan Acuan Kerja.

46. Lampiran 5. Form KP-7 Kehadiaran Kerja Praktik.

47. Lampiran 6. Kartu Bimbingan KP.

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.