Jurnal STMIK IBBI Vol. 10 No. 2.pdf

(1)

JURNAL STMIK IBBI

VOL. 10 NO. 2, Oktober 2017

PERANCANGAN SISTEM INFORMASI IKATAN ALUMNI SMA NASRANI 2 MEDAN BERBASIS WEB

Awan

PERANCANGAN SISTEM PENJUALAN ONLINE PADA TOKO MWRSHOP DENGAN MENGGUNAKAN BAHASA PEMOGRAMAN PHP DAN MYSQL

Benny

SISTEM INFORMASI PROFIL SMP NEGERI 2 SELESAI BERBASIS WEB Waisen

PERANCANGAN SISTEM INFORMASI PENGISIAN KUESIONER PADA SMA ST PETRUS MEDAN MEDAN BERBASIS WEB

Jati Putra

PERANCANGAN WEB PROFIL PADA CV. SIJ SERVICES Jimmy

PERANCANGAN SISTEM INFORMASI PENGGAJIAN PADA CV. KUDA LAUT Tanda Selamat

SISTEM INFORMASI PELAPORAN PENILAIAN PADA SEKOLAH MADRASAH TSANAWIYAH NEGERI LUBUK PAKAM SECARA ONLINE

Conrad Bombongan

PERANCANGAN APLIKASI MOBILE GAME EDUKASI BERBASIS ANDROID Johan

PERANCANGAN SISTEM INFORMASI PEMESANAN SOUVENIR BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA KIM’S_SOUVENIR

Susi Japit

SISTEM INFORMASI PENGAJUAN CUTI PEGAWAI SECARA ONLINE pada PT. PERUSAHAAN PERDAGANGAN INDONESIA (Persero) CABANG Medan

Yudi

SYLLABLES, WORD STRESS, AND SOME WAYS TO IMPROVE READING SKILLS R. John Pieter Simarmata

KAJIAN TERHADAP FUNGSI-FUNGSI MANAJEMEN ORGANISASI DALAM UPAYA UNTUK MENCAPAI TUJUAN ORGANISASI

(2)

PERANCANGAN SISTEM INFORMASI IKATAN ALUMNI SMA

NASRANI 2 MEDAN BERBASIS WEB

Awan

Dosen Tetap STMIK IBBI Medan

ABSTRAK

Tujuan dari penulisan skripsi untuk mempelajari sistem informasi pengolahan data alumni pada SMA Nasrani 2 Medan dengan memberikan suatu perancangan sistem informasi yang terkomputerisasi sehingga lebih efisien dan lebih tepat. Sistem yang dirancang menggunakan bahasa pemograman PHP dan menggunakan database

MySQL Hasil dari penelitian, maka dirancang sistem pencarian alumni SMA Nasrani 2 Medan yang mempunyai kelebihan yaitu selain pencarian data tiap tahun juga dapat melakukan pencarian dengan 3 tahun sekaligus yang lebih cepat dan akurat. Dengan adanya aplikasi web ikatan alumni ini diharapkan dapat membantu pihak sekolah dalam mencari data alumni secara cepat, dapat diakses kapan dan dimana saja.

Kata Kunci:Sistem Informasi, data alumni dan ikatan alumni. 1. PENDAHULUAN

a. Latar Belakang

Manusia pada kehidupannya diawali dengan belajar. Belajar tidak hanya di lingkungan keluarga, tetapi juga belajar bisa dari lingkungan masyarakat atau lingkungan dimana manusia itu berada. Untuk mendukung pembelajaran tentunya manusia akan membentuk kelompok untuk saling membantu dalam setiap duka dan suka. Sosialisasi seperti ini akan membuat kelompok menjadi akrab dan merasa saling membutuhkan serta saling menjaga. Kegiatan manusia dalam masyarakat yang semakin banyak membuat interaksi dalam kelompok menjadi sulit untuk bertatap muka.

(3)

2 pihak sekolah dalam upaya meningkatkan pencarian data antar alumni lainnya secara cepat dan akurat, maka peneliti memilih judul “Perancangan Sistem Informasi Ikatan Alumni SMA Nasrani 2 Medan berbasis Web”

b. Identifikasi Masalah

Adapun yang menjadi identifikasi masalah pada SMA Nasrani 2 Medan adalah

“Bagaimana merancang media untuk membantu pihak sekolah dalam mencari data alumni secara online?”

c. Batasan Masalah

Peneliti menyadari atas keterbatasan waktu serta kemampuan peneliti. maka peneliti membatasi masalah penelitian meliputi:

1. Objek penelitian dilakukan di SMA Nasrani 2 Medan, dan web ikatan alumni ini dipergunakan untuk alumni SMA Nasrani 2 Medan.

2. Pengolahan data alumni yang akan ditampilkan adalah semua data alumni SMA Nasrani 2 Medan yang diterima pada saat penelitian.

3. Hanya membahas pembuatan sistem informasi ikatan alumni SMA Nasrani 2 Medan berbasis web.

4. Sarana komunikasi dan penyajian data alumni yang dirancang hanya dapat di akses oleh alumni SMA Nasrani 2 Medan dan pihak sekolah. Pihak lain atau umum hanya dapat mengakses berita alumni dan sekolah saja, tidak dapat melakukan pencarian data alumni.

5. Bahasa pemograman yang digunakan adalah PHP dengan dukungan HTML dan CSS.

6. Format database yang digunakan adalah MySQL meliputi table Admin, table

alumni, dan tablelogin.

7. Alat bantu perancangan aplikasi untuk mendesain halaman web adalah Adobe Dreamweaver CS8, perancangan alur sistem dengan UML dan flowchart.

d. Tujuan dan Manfaat

Tujuan dari penelitian dalam perancangan sistem adalah Memberikan suatu perancangan sistem informasi yang secara terkomputerisasi sehingga lebih efisien dan lebih tepat, mempermudah proses pencarian alumni pada SMA Nasrani 2 Medan, untuk mempelajari sistem informasi pengolahan data alumni pada SMA Nasrani 2 Medan.

Adapun yang menjadi manfaat dari penelitian dalam perancangan sistem adalah:

1. Informasi alumni sekolah dapat dengan mudah diperoleh dimana dan kapan saja.

2. Memajukan tali persaudaraan antara sesama alumni.

3. Peneliti memperoleh berbagai pengalaman berhubungan dengan proses pengolahan data alumni pada suatu sekolah.

e. Sistematika Penulisan

(4)

meliputi bab 1 yang berisi tentang latar belakang dari penelitian, identifikasi masalah yang dialami, batasan masalah, tujuan penelitian dan manfaat dari penelitian serta sistematika penulisan dari penelitian.

Setelah bab 1, dilanjutkan dengan bab 2 yang terdiri dari teori-teori, definisi, konsep dasar sistem informasi yang akan dibangun, serta komponen-komponen penyusunan sistem informasi pengolahan data alumni.

Berdasarkan teori dan konsep yang terdapat pada bab 2, maka dilanjutkan dengan bab 3 yang terdiri dari tahapan-tahapan pendekatan yang digunakan dalam melakukan penelitian dengan metode pengumpulan data, analisa dan perancangan yang digunakan dengan metode evaluasi,

Selanjutnya bab 4 yang terdiri dari kondisi sistem perusahaan yang berjalan saat ini, berisikan tentang kebutuhan sistem, rancangan prosedural, mencakup

Context Diagram, DFD (Data Flow Diagram), ERD (Entitas Relationship Diagram),

analisis database serta perancangan desain antar muka, implementasi program yang dibuat, kelemahan dan kelebihan dari program tersebut.

Yang terakhir dalam penulisan skripsi ini yaitu bab 5 yang terdiri dari kesimpulan dan evaluasi seluruh hasil perancangan dan saran dari peneliti tentang yang dirancang untuk pihak sekolah.

Pendekatan prosedur, sistem didefinisikan sebagai kumpulan dari beberapa prosedur yang mempunyai tujuan tertentu. Sistem informasi penjualan barang, terdiri dari prosedur persediaan barang, prosedur pemasaran, prosedur pelayanan konsumen dan prosedur pemesanan barang. Pendekatan komponen, sistem merupakan kumpulan dari komponen-komponen yang saling berkaitan untuk mencapai tujuan tertentu, contoh sistem komputer, gabungan dari beberapa komponen perangkat keras, sistem operasi, perangkat lunak. (Herlambang & Tanuwijaya, 2005, hal. 116)

b) Informasi

Informasi adalah sebuah istilah yang tepat dalam pemakaian umum mengenai data mentah, data tersusun, kapasitas sebuah saluran komunikasi, dan lain sebagainya. Informasi ibarat darah yang mengalir didalam tubuh suatu organisasi sehingga informasi ini sangat penting didalam suatu organisasi. Informasi merupakan data yang telah diklasifikasi atau diinterpretasi untuk digunakan dalam proses pengambilan keputusan. Sistem pengolahan informasi mengolah data menjadi informasi atau tepatnya mengolah data dari bentuk tak berguna menjadi berguna bagi penerimanya. (Sutabri, 2012, hal. 29)

c) Sistem Informasi

(5)

4 B. Alat Bantu Perancangan

a) Flowchart

Flowchart atau bagan alir adalah suatu bagan yang berisi simbol-simbol grafis yang menunjukkan arah aliran kegiatan dan data-data yang dimiliki program sebagai suatu proses eksekusi. (Rasim, Setiawan, & Rahman, 2008, hal. 8)

Bentuk-bentuk yang digunakan dalam pembuatan flowchart mempunyai arti-arti khusus, seperti pada Tabel 1.

Tabel 1. Bentuk Bagan Flowchart Bentuk-bentuk Bagan dalam

Flowchart Arti Khusus

Memulai atau Mengakhiri Program

Proses (Menulis atau Menjalankan) Program

Masukan atau Keluaran

Pengambilan Keputusan atau Pengujian Program

Penghubung Program

Magnetic Tape

Magnetic Disk

Arah Aliran

Tampilan/Penyajian Hasil Pemprosesan Data

Sumber: (Rasim, Setiawan, & Rahman, 2008)

b) UML (Unified Modelling Language)

Unified Modelling Language (UML) adalah suatu alat untuk memvisualisasikan dan mendokumentasikan hasil analisa dan desain yang berisi sintak dalam memodelkan sistem secara visual.

(6)

Gambar 1 Diagram UML Sumber: (Haviluddin, 2011, hal. 2)

c) XAMPP

XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi ketiga produk tersebut sama seperti PHPTriad.Untuk melakukan migrasi ke versi lebih tinggi juga sangat mudah dilakukan dengan bantuan PHP-Switch yang telah disertakan oleh XAMPP, selain sebagai PHP Server, XAMPP juga memiliki mod_perl yang berfungsi sebagai ASP Server, sehingga anda bisa menggunakan XAMPP dengan bahasa pemrograman ASP.

XAMPP adalah suatu langkah mudah untuk menginstal distribusi Apache yang memiliki fitur program MySQL, PHP, dan Perl. XAMPP juga sangat mudah diinstal dan digunakan, anda cukup men-download, mengekstrak dan mulai menggunakannya. XAMPP berdasar pada lisensi GNU General Public License, sehingga instalasi XAMPP tidak memerlukan perubahan pada registerWindows dan tidk perlu meng-editfile konfigurasinya. Terdapat program default XAMPP yang ditulis dalam bahasa Perl, serta beberapa utility demo program lainnya.

Paket XAMPP, anda akan memperoleh beberapa fitur sebagai berikut: a. Apache

b. Cgi-Bin c. PHP d. MySQL e. FTP

f. Mercury Mail (SMTP) g. PHP MyAdmin h. Perl

i. Webalizer

d) Database

(7)

6 sebagainya, yang diwujudkan dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya.

e) MySQL

MySQL merupakan software RDMS (atau server database) yang dapat mengelola database dengan sangat cepat, dapat menampung data dalam jumlah sangat besar, dapat diakses oleh banyak user (multi-user), dan dapat melakukan suatu proses secara sinkron atau berbarengan (multi-threaded).

f) HTML(HyperText Markup Language)

HTML (HyperText Markup Language) adalah “bahasa” yang digunakan untuk halaman web di internet.HTML memungkinkan untuk menampilkan teks, gambar,

link ke halaman lain, membuat form isian, menyisipkan video, suara, dan lain-lain. Tag HTML biasanya adalah tags yang berpasangan dan ditandai dengan simbol < dan >, sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya pasangan dari tag<tag> adalah </tag>. (Faisal, 2011, pp. 15-16)

g) HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah “bahasa” yang digunakan untuk halaman web di internet. HTML dapat menampilkan teks, gambar, link ke halaman lain, membuat form isian, menyisipkan video, suara.Dokumen HTML berupa file teks biasa yang dilengkapi dengan tanda-tanda khusus (tag) yang menentukan bagaimana teks tersebut ditampilkan. (Faisal, 2011, hal. 15-16)

h) PHP (Hypertext Presprocessor)

PHP dikenal sebagai sebuah bahasa scripting yang menyatu dengan tags

HTML yang dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti guest book, statistik pengunjung, poling, e-mail, upload foto, blog. PHP versi pertama diberi nama Personal Homepage dan kemudian namanya berubah menjadi Hypertext Preprocessor. (Faisal, 2011, hal. 3)

i) Pengertian Data alumni

Data alumni merupakan salah satu contoh dari suatu sistem informasi yang dirancang untuk dapat membantu pekerjaan dari suatu instansi atau perusahan baik dalam mengolah data sampai memberikan data secara lengkap lewat tersedianya layanan informasi berbasis web. (Watung, Sinsuw, Paturusi, & Najoan, 2014, hal. 1)

3. METODOLOGI PENELITIAN

Metodologi perancangan sistem menggunakan metode SDLC (System Development Life Cycle) model waterfall, yang memiliki tahapan meliputi: Perancangan Sistem

a. Analisa Sistem b. Desain sistem c. Pengujian Sistem

d. Implementasi Sistem dan Pemeliharaan Sistem

Untuk pelaksanaan penelitian agar tepat waktu, maka peneliti melakukan rancangan sistem dimulai sejak awal bulan Desember 2015 dan direncakan selesai pada bulan Mei 2016.

(8)

Tabel 1. Jadwal Penelitian

4. ANALISIS DAN PERANCANGAN

1) Analisis Sistem

Analisa sistem memberi gambaran tentang sistem yang sedang berjalan pada perusahaan ketika diamati oleh peneliti. Pada tahap ini sebelum merancang dan mengusulkan sistem baru pada sekolah, maka perlu dilakukan analisis kebutuhan dari sistem yang mencakup analisis proses yang terdapat pada sistem yang sedang berjalan, analisis dokumen keluaran juga serta masukan yang sedang digunakan oleh sekolah tersebut pada sistem yang sedang berjalan, dan sistem analisis data. Mengidentifikasi dan mengevaluasi permasalahan, serta hambatan yang terjadi terhadap SMA Nasrani 2 Medan. Hasil analisa sistem yang dilakukan menjadi pedoman dalam perancangan sistem yang akan dibangun. Tujuan analisa sistem untuk mendapatkan kelemahan atau kekurangan sehingga dapat diusulkan perbaikannya.

a) Analisa Masukkan

Analisa masukan digunakan untuk mendeskripsikan atau menjelaskan suatu data input-an yang telah dianalisa atau yang akan dirancang. Pada Penjelasan proses sistem yang sedang berjalan data alumni mengisi form data alumni yang dibutuhkan. Pada sebuah sistem kearsipan data alumni diketahui terdapat input-an berupa lembar data-data alumni. Analisa masukan untuk data lembar alumni SMA Nasrani 2 Medan dapat dilihat pada Tabel 2.

(9)

8 Analisa Masukan untuk Lembar data alumni sebagai berikut:

a. Nama Dokumen : Lembar data alumni

b. Fungsi :Digunakan pada saat ingin melakukan pencarian pencarian alumni kepada pihak sekolah dan para alumni.

c. Media : Komputer dan Kertas d. Rangkap : 1

e. Sumber : Tata Usaha

f. Periode : Sesuai dengan kebutuhan Tata Usaha

g. Isi Data : No_Dokumen + No_Induk + L/P + Tempat_tgl_lahir

+ No_STTB + Tahun.

b) Analisis Sistem Usulan

Analisa sistem usulan bertujuan untuk menemukan kelemahan sistem yang akan diperbaiki.

Adapun analisa sistem data alumni terhadap SMA Nasrani 2 Medan yang sedang berjalan adalah:

1. Belum adanya media yang memuat dan dapat memberikan informasi yang berhubungan dengan data alumni yang dapat diakses dengan cepat dan mudah. 2. Para alumni yang ingin mencari data alumni lainnya harus ke bagian Tata

Usaha.

Kelemahan dan kekurangan tersebut, diperlukan suatu aplikasi yang diharapkan dapat memperkecil kekurangan dan kelemahan pada sistem yang sedang berjalan. Sistem yang akan dibangun yaitu berbasis web yang dijalankan secara

localhost dengan bantuan tool yaitu XAMpp dan aplikasi Adobe Dreamweaver8. Data pengolahan dan hasil pengolahan disimpan dengan database MySql. Untuk gambar

flowchart atau prosedur yang diusulkan peneliti terhadap Sekolah SMA Nasrani 2 Medan dapat dilihat pada Gambar 2.

Gambar 2 Flowchart Sistem Usulan

2) Perancangan Sistem

(10)

dibentuk, yang dapat berupa penggambaran, perancangan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi juga menyangkut konfigurasi dari komponen-komponen perangkat keras dan perangkat lunak.

a) Use Case Diagram

Use Case Diagram juga merupakan urutan proses yang dilakukan oleh sistem, dimana menghasilkan sesuatu yang dapat dilihat atau diamati oleh aktor tertentu. Hubungan Use Case Diagram dengan aktor dapat berupa input ke sistem ataupun

output ke aktor. Use Case Diagram perancangan sistem pada sekolah SMA Nasrani 2 Medan dapat dilihat pada Gambar 3.

Gambar 3 Use Case Diagram pencarian alumni yang diusulkan

b) Kamus Data

Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analisa sistem mempunyai pengertian yang sama tentang input, output, dan komponen data.

Kamus data yang diusulkan dalam parancangan Aplikasi Ikatan Alumni SMA Nasrani 2 Medan berbasis Website adalah sebagai berikut:

1. User = id_user + User + Pass

2. Alumni = id_alumni + user + pass + nama_alumni + jenis_kelamin + angkatan

3. Data Alumni = id_alumni + nama_alumni + jurusan + alamat + telepon

c) Perancangan Database

(11)

10 1. Tabel Admin

Nama Tabel : Admin Primary Key : id

Media penyimpanan: Harddisk

Tabel 3 Admin Field Type Size Keterangan

Id Int 20 Nomor id untuk pengurutan admin secara otomatis

Username Varchar 20 Berisi nama pengguna

Password Varchar 20 Berisi Password

2. Tabel Login

Nama Tabel : Login Primary Key : id

Tabel 4Login

Field Type Size Keterangan

Id Int 11 Nomor id untuk pengurutan admin secara otomatis

username Varchar 25 Berisi nama pengguna

Password Varchar 25 Berisi Password

Nama Varchar 30 Berisi nama alumni

Jenis_kelamin Varchar 30 Berisi jenis kelamin alumni

Angkatan Varchar 30 Berisi Angkatan alumni

3. Tabel Alumni

Nama Tabel : Alumni

Primary Key : id

Tabel 5 Alumni

Field Type Size Keterangan

Id Int 30 Nomor id untuk pengurutan admin secara otomatis

Nama_alumni Varchar 35 Berisi nama alumni

Jurusan Varchar 35 Berisi jurusan alumni

(12)

Telepon Varchar 35 Berisi telepon alumni

Angkatan Varchar 35 Berisi Angkatan alumni

Gambar Longblob Berisi Foto alumni

Adapun relasi antar tabel pada perancangan sistem usulan dari peneliti pada SMA Nasrani 2 Medan dapat dilihat pada Gambar 4.

Gambar 4 Relasi Antar Tabel

d) Diagram Site Map

Diagram Site Map (struktur) adalah perancangan antar muka antara perangkat lunak (program application) dengan pemakai (user). Perancangan Site Map pada Sistem Informasi Ikatan Alumni SMA Nsarani 2 Medan Berbasis Web terdiri dari dua bagian yaitu struktur menu user dan struktur menu admin.

a. Struktur menu user

Adapun struktur menu user rancangan site map seperti pada Gambar 5.

Gambar 5 Struktur menu user

b. Struktur Menu Admin

Adapun Struktur Menu Admin rancangan site map seperti pada Gambar 6.

(13)

12 1. Halaman Home

Gambar 7 Halaman Home

2. Halaman About

\

Gambar 8 Halaman About

3. Halaman Gallery

(14)

4. Halaman Blog

Gambar 10 Halaman Blog

5. Halaman Contact

Gambar 11 Halaman Contact

3) Implementasi

Dalam penerapan perancangan pembuatan aplikasi website tersebut, tentunya tidak lepas dari kebutuhan perangkat keras (Hardware), piranti lunak (Software), dan perangkat manusia atau pemakai (Brainware). Untuk itu peneliti memperincikan kebutuhan minimum sistem (minimum system requirement) berdasarkan penelitian dan uji coba yang peneliti lakukan selama perancangan ini berlangsung. Kebutuhan minimum itu adalah sebagai berikut :

(15)

14 4. Monitor SuperVGA 15 bewarna satu unit atau lebih

5. Mouse Optical Drive

6. Keyboard dan optional

7. Domain

8. Hosting

9. Printer (optional)

b) Perangkat Lunak (Software)

1. Sistem Operasi Windows 7 Ultimate atau setingkatnya.

2. Xampp Internet browser seperti Internet Explorer, Google Chrome, Mozilla Firefox.

3. Aplikasi Dreamweaver8

c) Perangkat Manusia atau Pemakai (Brainware)

1. Orang yang mengerti cara mengoperasikan komputer, serta mengoperasikan internet.

2. Orang yang memiliki pengalaman dibidang internet.

5. KESIMPULAN DAN SARAN

a) Kesimpulan

Proses perancangan dan uji coba sistem aplikasi ikatan alumni berbasis web, peneliti dapat menarik beberapa kesimpulan, yakni:

1. Sistem informasi ini membantu pihak sekolah dalam melakukan pencarian data alumni secara online, dimana sistem tersebut dirancang dengan bahasa pemograman PHP dan menggunakan database MySQL.

2. Dengan adanya aplikasi sistem informasi ikatan alumni berbasis Web, maka para alumni sekolah SMA Nasrani 2 Medan dapat dengan mudah melihat data alumni dan informasi sekolah kapan dan dimana saja.

b) Saran

Dengan adanya kesimpulan diatas dengan ini peneliti mencoba memberikan saran-saran yang sesuai dengan apa yang sudah dialami dalam merancang sistem informasi ikatan alumni berbasis web, diantaranya:

1. Melalui kesempatan ini peneliti menyarankan kepada pengembang selanjutnya untuk dapat membuat menu komunitas alumni dalam bentuk forum sehingga alumni dapat berdiskusi, menginformasikan lowongan kerja yang ada pada alumni dan berbagi event non formal.

2. Dilakukan pemeliharaan terhadap database sekolah seperti selalu

meng-update data atau informasi yang terdapat pada sistem informasi alumni berbasis web.

DAFTAR PUSTAKA

Andi. (2013). Adobe Dreamweaver CS6. Yogyakarta.

Fathansyah. (2012). BASIS DATA. Bandung: Informatika.

(16)

Prasetio, A. (2012). Buku Pintar Pemograman Web. Jakarta Selatan: Mediakita.

Watung, I. A., Sinsuw, A. A., Paturusi, S. D., & Najoan, X. B. (2014). Perancangan Sistem Informasi Data Alumni Fakultas Teknik UNSRAT Berbasis Web. e-journal Teknik Elektro dan Komputer.

(17)

16 PERANCANGAN SISTEM PENJUALAN ONLINE PADA TOKO MWRSHOP DENGAN

MENGGUNAKAN BAHASA PEMOGRAMAN PHP DAN MYSQL

Oleh

Benny

ABSTRAK

Penelitian dilaksanakan di Jalan Tugu No.18 Tanjungbalai pada Toko MWRSHOP, Toko MWRSHOP melayani penjualan sepatu yang merupakan media promosi mengenai belanja sepatu secara online untuk para pencinta belanja. Karena kurangnya penyampaian informasi penjualan secara efektif, maka diperlukan suatu sistem yang dapat meningkatkan efektifitas dan efisiensi kerja. Pada penelitian ini peneliti merancang sistem informasi penjualan pada Toko MWRSHOP yang dilengkapi fitur-fitur yang sangat membantu dalam pembuatan laporan dan juga membantu toko dalam hal pelayanan. Diharapkan hasil yang didapat dari perancangan sistem ini, untuk membantu customer melakukan transaksi via online dengan membuka website penjualan sepatu Toko MWRSHOP. Keuntungan dari sistem penjualan online, dapat digunakan jarak jauh tanpa menghabiskan waktu dan tenaga, sehingga informasi untuk penjualan online dapat tersebar luas, efektif dan lebih praktis sesuai kebutuhan para penggunanya. Kesimpulan dari keseluruhan proses penelitian adalah sistem ini bisa meningkatkan produktivitas perusahaan dan mengurangi kesalahan manusia, sehingga lebih efisiensi waktu untuk dapat menyelesaikan project dengan baik.

Kata kunci: Sistem Informasi Penjualan, Website Penjualan.

1. PENDAHULUAN

a. Latar Belakang

Suatu perusahaan sangat dipengaruhi oleh perkembangan teknologi, dimana dunia usaha dituntut untuk lebih meningkatkan kualitas pengelolanya. Dalam hal ini aktivitas yang dijalankan oleh perusahaan haruslah sejalan dengan tujuan dan penerapannya. Tujuan perusahaan dalam suatu perekonomian selain bersaing, juga untuk memperoleh laba maksimal sesuai dengan pertumbuhan perusahaan dalam jangka panjang. Suatu perusahan dibentuk untuk menyediakan barang atau jasa yang diperlukan masyarakat, sehingga sejalan dengan sikap sosial masyarakat tersebut.

(18)

luas. Hal ini akan menimbulkan kemudahan dalam pengembangan toko. Toko MWRSHOP ingin mulai menggunakan sistem informasi yang melayani penjualan sepatu secara online. Karena sampai saat ini Toko MWRSHOP belum memiliki sistem yang lebih efisien untuk menjual dan mempromosikan beberapa sepatu kepada kalangan masyarakat khususnya yang aktif dalam sistem penjualan dan pembelian

online.

Berdasarkan uraian yang telah penulis kemukakan di atas, maka penulis merasa sangat tertarik untuk mempelajari, menganalisa serta merancang sebuah sistem informasi untuk penjualan produk dengan menggunakan bahasa pemograman berbasis

web. Dengan judul “PERANCANGAN SISTEM PENJUALAN ONLINE PADA TOKO MWRSHOP DENGAN MENGGUNAKAN BAHASA PEMOGRAMAN PHP DAN MYSQL”.

b. Perumusan Masalah

Perumusan masalah berdasarkan uraian pada latar belakang tersebut adalah “Bagaimana pengguna meng-input data pemesanan dan juga data penjualannya dengan menggunakan website”.

c. Batasan Masalah

Dari Permasalahan yang telah dikemukakan sebelumnya, maka dibutuhkan batasan masalah yang dimaksudkan agar pembahasan tidak terlalu melebar, hal tersebut antara lain:

1. Sistem Informasi disini digunakan untuk media pemasaran produk-produk sepatu serta pelayanannya.

2. Sistem hanya membahas tentang penjualan secara online produk sepatu. 3. Menggunakan Dreamwaver sebagai editor, bahasa pemograman PHP dan

database server MySQL.

2. LANDASAN TEORI

A. Konsep Dasar Sistem

a) Sistem

Sistem adalah “totalitas himpunan bagian bagian atau subsistem subsistem yang satu dengan yang lain berinteraksi dengan bersama sama beroperasi mencapai suatu tujuan tertentu didalam suatu lingkungan”. (Uswatun & Sukadi)

Konsep dasar sistem adalah “meliputi dari berbagai aspek dan sudut pandang yang berbeda-beda sesuai dengan keterangan dalam hal-hal yang berkaitan dengan sistem memiliki ciri dan karakteristik”. (Dudung, 2015)

b) Informasi

(19)

18 Informasi adalah “hasil pemrosesan data (fakta) menjadi sesuatu yang bermakna dan bernilai untuk pengambilan keputusan. Dengan adanya informasi pengambilan keputusan menjadi mudah”. (Sugiyanto, Sukadi, & Purmama, 2013)

c) Sistem Informasi

Sistem informasi adalah “serangkaian komponen berupa manusia, prosedur, data dan teknologi (komputer) yang digunakan untuk melakikan sebuah proses untuk menghasilkan informasi yang bernilai untuk pengambilan keputusan”. (sugianto, sukadi, & pumama, 2013)

Sistem informasi merupakan suatu sistem dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan informasi yang diperlukanuntuk pengambilan keputusan. (Iswandy, 2014)

B. Alat Bantu Perancangan

a) Flowchart

Flowchart adalah cara penyajian visual aliran data melalui sistem informasi, operasi dilakukan dalam sistem dan urutan dimana mereka dilakukan. flowchart dapat membantu menjelaskan pekerjaan yang saat ini dilakukan dan bagaimana cara meningkatkan atau mengembangkan pekerjaan tersebut. Dengan menggunakan

flowchart dapat juga membantu untuk menemukan element inti dari sebuah proses, selama garis digambarkan secara jelas antara dimana suatu proses berakhir dan proses selanjutnya dimulai. (Kristani & A.K, 2012)

b) Data Flow Diagram (DFD)

Pemodelan lain yang digunakan dalam analisis pembangunan sistem adalah diagram alir data atau data flow diagram (DFD). DFD adalah sebuah tehnik grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari input menjadi output. Keuntungan dari DFD adalah memungkinkan untuk menggambarkan sistem dari level yang paling tinggi kemudian menguraikannya menjadi level yang lebih rendah (dekomposisi), sedangkan kekurangan dari DFD adalah tidak menunjukkan proses pengulangan, proses keputusan, dan proses perhitungan. (Kristanti & A.K, 2012)

(20)

Gambar 1. Data Flow Diagram

c) XAMPP

Xampp adalah perangkat lunak bebas, yang mendukung banyak sistem informasi, merupakan kompilasi dari beberapa program. Fungsi dari xampp adalah sebagai

server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP

server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemograman PHP dan Perl. Nama xampp merupakan singkatan dari X (Sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU

(General Public License) dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. (Fadly, Triyanto, & Ruslianto, 2015)

d) Database

Basis data (Database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefenisian basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data dan informasi yang akan disimpan. (Warman & Zahni, 2013)

Database secara sederhana, dapat disebut sebagai gudang data. secara teori,

database adalah sekumpulan data atau informasi yang kompleks, data-data tersebut disusun menjadi beberapa kelompok dengan tipe data yang sejenis, setiap datanya dapat saling berhubungan satu sama lain atau dapat berdiri sendiri, sehingga mudah diakses. Berkaitan dengan penelitian ini database yang digunakan adalah MySQL. MySQL merupakan database server yang awal mulanya berjalan pada sistem UNIX atau Linux. Seiring berjalanya waktu dan banyaknya peminat yang menggunakan

database ini, MySQL merilis versi yang hampir dapat di instal pada hampir semua

platform, termasuk windows. (Tawar & Saktiawan, 2011)

e) MySQL

(21)

20 MySQL merupakan salah satu contoh produk RDBMS yang sangat popular dilingkungan linux tetapi juga tersedia pada windows. Banyak situs web yang menggunakan MySQL sebagai database server (server yang melayani permintaan akses terhadap database). MySQL sebagai dB server juga dapat di akses melalu program yang dibuat dengan menggunakan Borland Delphi. Dengan cara seperti ini

database dapat diakses secara langsung melalu program executeable yang kita buat sendiri. (Ambarita, Indra Firmansyah, & Eko Darwiyanto, 2010)

f) HTML(HyperText Markup Language)

level HTML harus dievakuasi ketat dan disetujui olehW3C.(Hasanah&Sukadi,2013).

g) PHP (Hypertext Presprocessor)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk

script yang diletakkan didalam web server. PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut serverside, berbeda dengan mesin maya java yang mengeksekusi program pada sisi klien.(Trimarsiah,2014)

PHP merupakan bahasa pemograman web yang bersifat server-side HTML

embedded scripting:script-nya menyatu dengan HTML dan berada di sisi server.

Artinya adalah sintaks dan perintah-perintah yang diberikanakan sepenuhnya dijalankan di server tetapi disertakan dalam HTML biasa. PHP dikenal sebagai bahasa

scripting yang menyatu dengan tag HTML, di eksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP

(Java Server Pages). (Nugroho & Azhari, 2011)

h) Penjualan

Penjualan adalah suatu sistem keseluruhan dari kegiatan usaha yang ditunjukan untuk merencanakan, menentukan harga, mempromosikan dan mendistribusikan barang, jasa, ide, kepada pasar sasaran agar dapat mencapai tujuan organisasi. Penjualan adalah suatu usaha yang terpadu untuk mengembangkan rencana-rencana strategis yang diarahkan pada usaha pemuasan kebutuhan dan keinginan pembeli, guna mendapatkan penjualan yang menghasilkan laba. (Rejeki, Utomo, & Susanti, 2011)

(22)

3. METODOLOGI PENELITIAN

Metodologi Penelitian adalah strategi umum dalam melakukan penelitian termasuk tahapan-tahapan yang dilakukan dalam melakukan penelitian, metodologi penelitian merupakan bagian dari metodologi yang secara khusus mendeskripsikan tentang teknik pengumpulan dan analisis data.

Penelitian pada skripsi ini adalah penelitian perancangan atau disebut juga penelitian pengembangan, dan metodologi pengembangan sistem yang digunakan adalah metode waterfall.

Untuk pelaksanaan penelitian agar tepat waktu, maka peneliti membuat rencana penelitian sesuai dengan langkah-langkah metode waterfallseperti pada Tabel 1.

Tabel 1. Jadwal Penelitian

Analisis dan perancangan sistem adalah suatu pendekatan yang sistematis untuk mengidentifikasi masalah, peluang dan tujuan-tujuan, menganalisis arus informasi dalam organisasi serta merancang sistem informasi terkomputerisasi untuk menyelesaikan masalah.

Analisis sistem adalah melakukan kajian dan menemukan permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatn yang terjadi dan kebutuhan-kebutuhan yang diharapkan dari prosedur penyelenggaraan pengolahan data yang berlangsung saat ini untuk bisa memenuhi kebutuhan akan sistem informasi yang efektif. Sebelum melakukan proses analisis maka seluruh bahan berupa data dan fakta harus dikumpulkan terlebih dahulu sebagai informasi utama untuk proses analisis.

(23)

22 terlibat dalam proses penjualan sepatu meliputi pelanggan/user, pelayanan, dan

manager.

b) Analisa Masukan

Analisis Dokumen ini dilakukan guna untuk mengetahui dokumen apa saja yang menjadi input, proses, dan output dari sistem ini. Dokumen-dokumen yang digunakan sebenarnya cukup banyak, baik itu yang berupa data dalam bentuk simpanan juga dalam bentuk laporan dokumen dan bentuk fisik (masukan dan keluaran). Dokumen

input adalah dokumen yang akan diproses oleh sistem berupa analisa masukkan yang biasanya dilakukan oleh entitas luar sistem (calon pembeli). Dokumen proses adalah dokumen yang diperlukan oleh sistem dalam melakukan kegiatan penjualan di Toko MWRSHOP.

c) Analisa Keluaran

Analisa terhadap dokumen masukan, peneliti juga melakukan analisa terhadap dokumen keluaran. Analisa keluaran dilakukan dengan mengamati dokumen-dokumen yang bersifat keluaran seperti laporan-laporan yang berhubungan dengan penjualan yang dilakukan oleh Toko MWRSHOP dalam mengontrol pengawasan kerja perusahaan. Analisa dilakukan dengan cara memperhatikan secara detail bentuk (format) dan isi dokumen.

2) Perancangan

Perancangan sistem adalah tahapan setelah analisis dari siklus pengembangan sistem yang didefinisikan dari kebutuhan-kebutuhan fungsional dari persiapan untuk rancang bangun implementasi yang menggambarkan bagaimana suatu sistem dibentuk, yang dapat berupa penggambaran, perancangan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi juga menyangkut konfigurasi dari komponen-komponen perangkat keras dan perangkat lunak.

a. Diagram Konteks Sistem Usulan

Pada sub bab ini akan dijelaskan tentang sistem yang diusulkan untuk membuat yang akan dirancang. Adapun diagram konteks sistem informasi penjualan dapat dilihat seperti pada Gambar 2.

Gambar 2. Diagram Konteks Sistem Usulan

b. Diagram Hubungan Antar Entitas

(24)

yang merepresentasikan rela diketahui dari item data yan direalisasikannya didapat dar dokumen masukan dan kelu entitas serta relasinya yang di

Gam

C.Perancangan Site Map

Site map merupakan pe yang peneliti rancang untuk m

permudah pemakai/peng penjualan disesuaikan dengan yang dirancang oleh pene informasi yang tepat pada we

lasi antar entitas itu sendiri. Kesatuan relasi sist ang menghubungkan suatu arsip ke arsip lain. D

ari hasil analisa kebutuhan informasi yang tergam eluaran, dimana selanjutnya dari datatersebut d ditunjukkan dengan model relasi seperti pada Gam

mbar 3. Diagram Hubungan Antar Entitas

penjabaran dari menu-menu yang terdapat dalam k mem

ngunjung website.. Menu yang terdapat pada an sistem informasi yang dirancang oleh peneliti. neliti dapat membantu pengunjung untuk me

ebsite penjualan.

istem dapat . Data yang ambar pada ditentukan

ambar 3.

lam website

a site map

iti. Site map

(25)

Gambar 4 Perancangan Site Map Toko MWRSHOP

D. Perancangan Input User

Perancangan Input User merupakan proses input pada sistem penjualan yang dilakukan oleh user.

1. Registrasi Member

Gambar 5. Registrasi Member

2. Login Member

Gambar 6. Login Member

HOME PRODUCT ORDER CONFIRMATION CONTACT ABOUT

Toko MWRSHOP User name

Paaword

Login Register

SLIDER HEADER

(26)

5. KESIMPULAN DAN SARAN

a) Kesimpulan

Proses perancangan dan uji coba sistem penjualan berbasis web ini, peneliti dapat menarik beberapa kesimpulan, yakni:

1. Dengan adanya sistem informasi penjualan sepatu secara online maka pelanggan dapat dengan mudah untuk mendapatkan informasi sepatu yang ingin dipesan dan juga memberikan kemudahan bagi pelanggan untuk memesan sepatu secara online.

2. Dengan adanya sistem informasi penjualaan sepatu secara online maka akan menghasilkan penyampaian informasi mengenai sepatu yang dapat diakses melalui internet dengan wilayah yang cukup jauh serta mempermudah data dan informasi terbaru mengenai sepatu.

b) Saran

Saran yang ingin peneliti sampaikan sehubungan dengan pengembangan sistem ini, yakni:

1. Diharapkan sistem ini dapat dikembangkan dengan menambah sistem keamanan yang lebih kompleks.

2. Untuk mencegah rusaknya atau hilangnya data dalam file, sebaiknya dilakukan

back up secara berkala dan scan terhadap virus yang merusak.

3. Untuk memaksimalkan efisiensi sistem maka sebaiknya diadakan pelatihan (training) karyawan perusahaan terutama pada bagian operator nantinya agar dapat mengoperasikan program aplikasi dengan baik dan benar.

4. Sisem infrmasi penjualan sepatu agar dapat dikembangkan lagi sehingga penjualan yang ada di Toko MWRSHOP dapat menambahkan beberapa produk penjualan lain agar tidak hanya menjual sepatu wanita saja.

DAFTAR PUSTAKA

Adelia, & Efdom, Y. A. (2013). Perancangan dan Pembangunan Sistem Informasi . Jurnal Sistem Informasi , 1-15.

Alamsyah. (2011). Sistem informaasi penjualan tiket PO.METRO EXPRESS. Jurnal Ilmiah Foristek , 1-7.

Ambarita, L. N., Indra Firmansyah, S., & Eko Darwiyanto, S. (2010). Aplikasi Sistem Informasi Penjualan Barang Berbasis Web. 1-8.

Aziz, D. E. (2015, 6 21). Pengertian,fungsi serta cara kerja web server. Retrieved 12 10, 2015, from Pengertian Web Server: http://www.dedeerik.com/pengertian- fungsi-serta-cara-kerja-web-server/

Baco, S., Swandi, M., & Amal, A. R. (2012). Rancangan Sistem Informasi Jurnal Ilmu Teknik Berbasis Web Universitas Islam Makasar. Iltek , 1-6.

(27)

26 Fadly, Triyanto, D., & Ruslianto, I. (2015). Sistem Monitoring dan Pemetaan Gardu

PLN berbasis Mikrokontroler dan SMS Gateway. jurnal coding, Sistem komputer untan , 1-11.

Hasanah, U., & Sukadi. (2013). Perancangan Sistem Informasi Penjualan Online Pada Toko Kreatif Suncom Pacitan. Indonesian Journal on Networking and Security , 1-6.

Hendrianto, D. E. (2014). Pembuatan Sistem Informasi Perpustakaan Berbasis Website Pada Sekolah Menegah Pertama Negeri 1 Donorojo Kabupaten Pacitan. Indonesian Journal on Networking and Security , 1-8.

Imam, A. (2015, mei 13). Pengertian dan Perbedaan Data dan Informasi. Retrieved 11 19, 2015, from Kuliah.Info: http://www.kuliah.info/2015/05/pengertian- dan-perbedaan-data-dan.html

Imbar, R. V., & Tirta, E. (2007). Analisa,Perancangan Implementasi Sistem Informasi Penjualan Pelumas. Jurnal Informatika , 1-31.

Iskandar, A., & Rangkuti, A. (2008). Perancangan Sistem Informasi Penjualan Tunai pada PT.Klaten bercahaya. Jurnal Basis Data , 1-8.

Iswandy, E. (2014). Perancangan Sisem Informasi Tentang Pencatatan Hasil Tes Kemampan Fisik Atlet. Jurnal Teknoif , 1-10.

Jamil, A. (2011). Manajemen Database Identitas Madrasah Melalui Transformasi Semantic Object Model (SOM) Dalam Proses Pemodelan Data . Jurnal Komputer , 1-16.

Kristani, T., & A.K, N. G. (2012). Sistem Informasi Nilai SMPN 14 Bandung. Jurnal Sistem Informasi , 1-10.

Kurniawan, B. (2014). Perancangan Website Sebagai Media Informasi Dan Promosi Pada Stikes Al Ma’Arif Baturaja. Jurnal Media Informatika dan Komputer , 64-79.

Laila, N., & Wahyuni. (2011). Sistem Informasi Pengolahan Data Inventory Pada Toko Buku Studi Cv. Aneka Ilmu Semarang. Jurnal Teknik Elektro , 1-16.

Mudjahidin, & Putra, N. D. (2010). Rancang Bangn Sistem Informasi MonitoringPerkembangan Proyek Berbasis Web Studi Kasus Disinas Bina Marga Dan Pemantusan. Jurnal teknik industri , 1-9.

Novianta, M. A., & Setyaningsih, E. (2015). Sistem Informasi Monitoring Kereta Api berbasis web server menggunakan layanan GPRS . Jurnal Momentum 1- 10.

Nugroho, B. D., & Azhari, m. (2011). Sistem Informasi Inventori Fadegoretas!!™Berbasis Barcode. Jurnal Sistem Informasi Indonesia , 1- 10.

Nuryanti. (2013). Peran E-Commerce Untuk Meningkatkan Daya Saing Usaha Kecil Dan Menengah ( UKM ). Jurnal Ekonomi, 1-15.

Paillin, D. B. (2012). Perancangan Sistem Informasi Penjualan pada Toko Ribo Jaya Ambon. ARIKA , 1-12.a

(28)

Rejeki, R. s., Utomo, A. p., & Susanti, S. s. (2011). Perancangan dan pengaplikasian sistem penjualan pada "Distro Smith" berbasis E-Commerce. Jurnal Teknologi Informasi DINAMIK , 1-10.

Riska, Harihanto, & Nurmanina, A. (2013). Studi tentang penggunaan internet oleh pelajar. Journal So siatri-Sosiologi , 1-13.

Romzi, M. (2014). Rancang Bangn Sistem Informasi Inventaris Laboratorium Amik Akmi Baturaja. Jurnal Media Informatika dan Komputer , 1-19.

Soran. (2014, 09 07). Mengetahui pengertian website dan jenisnya. Retrieved 12 04,

2015, from Pengertian Apapun:

Http://Www.Pengertianku.Net/2014/09/Mengetahui-Pengertian Website- Dan-Jenisnya.Html)

sugianto, sukadi, & pumama, b. e. (2013). Sistem Informasi Penjualan. Indonesian Journal on Networking and Security , 1-5.

Sulindawati, & Fathoni, M. (2010). Pengantar Analisa Perancangan “Sistem“. Jurnal SAINTIKOM , 1-19.

Syaprina, Abdillah, L. A., & Sopiah, N. (2008). Sistem Informasi Penjualan Dan PerbaikanKomputer. Jurnal Ilmiah Matrik , 1-12.

Tawar, & Saktiawan, A. (2011). Sistem Informasi Administrasi Pengujian Benih Tanaman Pangan dan Hortikultura . JUSI , 1-14.

Trimarsiah, Y. (2014). Rancang Bangun Sistem Informasi Berbasis Web Pada Privat Awal Belajar Cerdas. Jurnal Media Informatika dan Komputer , 41-50.

Uswatun, H., & Sukadi. (n.d.). perancangan sistem informasi penjualan on line pada toko kreatif suncom pacitan. indonesia jurnal on networking and security , 1-6.

VictorImbar, R., & Tirta, E. (2007). Analisa,Perancangan dan Implementasi Sistem Informasi Penjualan Pelumas. Jurnal Informatka , 1-31.

Warman, I., & Zahni, A. (2013). Rekayasa web pemesanan handphone berbasis JQuerry pada pemata cell. jurnal momentum , 1-9.

Widodo, A. P., Santoso, P. B., & Darmawan, Z. (n.d.). Perancangan Website E- Commerce Sebagai Upaya Peningkatan Penjualan Produk Pada Toko Mebel Dengan

Menggnakan Tool Openchart. Jurnal Rekayasa Dan Manajemen Sistem Industri, 1-12.

Wirdasari, D. (2009). Teknologi E-Commerce Dalam Proses Bisnis. jurnal Saintikom , 1-12.

(29)

28

SISTEM INFORMASI PROFIL SMP NEGERI 2 SELESAI

BERBASIS

WEB

Oleh Waisen

Abstrak

Perkembangan dunia teknologi informasi telah banyak memberikan manfaat bagi banyak instansi seperti lembaga pendidikan sekolah untuk meningkatkan kualitas atau kinerja manajemen. Salah satunya adalah website yang ada di internet. Website

merupakan suatu media informasi yang menawarkan berbagai kemudahan dalam menyajikan informasi. SMP Negeri 2 Selesai merupakan salah satu instansi pemerintah dalam dunia pendidikan yang belum memiliki fasilitas website untuk memberikan informasi kepada masyarakat luas maupun warga sekolah. SMP Negeri 2 Selesai masih menggunakan cara manual dalam proses penyampaian informasi seperti majalah sekolah, brosur, papan pengumuman, dan lain-lain. Oleh sebab itu, Penelitian ini bertujuan untuk merancang sebuah website yang dapat mempermudah warga sekolah dan masyarakat luas dalam memperoleh informasi tentang sekolah. Pengembangan perangkat lunak menggunakan pendekatan waterfall, dan pada tahapan analisa dan perancangan untuk pemodelan sistem usulan dengan pendekatan SDLC. Hasil rancangan dituangkan dalam bentuk prototipe perangkat lunak yang dikembangkan dengan menggunakan bahasa pemograman PHP, pengolahan basis data menggunakan MySQL dan program XAMPP untuk menjalankan program aplikasi, program Apache dan Web Browser untuk server, sedangkan untuk mendesain tampilan halaman website (user interface agar lebih menarik) menggunakan CSS.

Kata kunci: Website, PHP, Sekolah

Abstract

The development of information technology has been beneficial to many institutions such as educational institutions or schools to improve the quality of management performance. One of them is a website on the internet. The website is an information medium that offers greater convenience in presenting information. SMP Negeri 2 Finish is one of the government agencies in the education world who do not yet have the facilities website to provide information to the public and school community. SMP Negeri 2 Finish still use manual way in the process of delivering information such as school magazines, brochures, signs, and others. Therefore, this study aimed to design a website that can facilitate the school community and the general public in obtaining information about the school. Software development using the waterfall approach, and on the stages of analysis and design for system modeling approach proposed by the SDLC. Design results poured in the form of a software prototype that was developed using the programming language PHP, database processing using MySQL and program XAMPP to run application programs, the Apache program and Web browser to the server, whereas for designing the look of the web page (the user interface to make it more interesting) using CSS

(30)

1. Pendahuluan

Dunia pendidikan yang selalu mengalami perkembangan pesat seiring dengan laju perkembangan teknologi informasi yang sangat beraneka ragam, diperlukan peningkatkan kualitas dan mekanisme pelayanan dibidang pendidikan agar lebih berdaya guna dan berhasil guna, sehingga Sumber Daya manusia (SDM) yang diciptakan dapat berpartisipasi dalam membangun masyarakat sesuai dengan kemampuannya. Salah satu teknologi informasi yang berkembang pesat yaitu internet.

Internet merupakan jaringan komputer global sebagai media komunikasi dan informasi modern yang dapat memberikan dan menampilkan informasi dan data kepada publik.

Layanan internet yang dapat diberikan adalah menampilkan profil, iklan, data dan informasi kepada warga sekolah maupun masyarakat umum dengan memanfaatkan website. Dengan adanya website memungkinkan seseorang untuk berinteraksi dengan masyarakat di seluruh dunia dan juga di mungkinkan untuk menyebarluaskan suatu informasi sehingga dapat diketahui oleh seluruh masyarakat di dunia secara langsung tanpa adanya batasan ruang dan waktu.

2. Metode Penelitian

Penelitian pada skripsi ini adalah penelitian perancangan atau disebut juga penelitian pengembangan dan metodologi pengembangan sistem yang digunakan adalah System Development Life Cycle (SDLC) dengan model waterfall. Model

waterfall merupakan model SDLC yang paling sederhana yang terdiri dari tahapan analisis, desain, pengodean atau pembuatan kode program, pengujian dan tahap pendukung (support) atau pemeliharaan (maintenance).

Metode Penelitian perancangan web profil sekolah adalah: a. Analysis (Analisis)

Tahap pengembangan website diawali dengan tahap analisa yang bertujuan untuk mengumpulkan kebutuhan pengguna dan mentrasformasikan kedalam sebuah deskripsi yang jelas dan lengkap. Pada tahap ini peneliti mengumpulkan data dengan cara wawancara kepada pihak sekolah, observasi langsung ke sekolah dan melakukan studi pustaka. Setelah data terkumpul, peneliti menganalisa bagaimana website yang dirancang dapat menyelesaikan masalah penyampaian informasi yang membuat sekolah lebih dikenal oleh masyarakat.

b. Design (Desain)

Tahap desain merupakan kebutuhan dari perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada desain

layout, arsitektur webiste dan desain database. Dokumen inilah yang akan digunakan untuk melakukan aktivitas pembuatan sistem yang diperlukan. c. Coding (Pembuatan Kode Program)

Tahap coding merupakan terjemahan dari design dalam bahasa pemrograman yang bisa yang dimengerti komputer. Dalam tahap ini, peneliti membuat

design website menggunakan CSS (Cascading Style Sheet) untuk mengatur tampilan website, MySQL untuk membuat database dan PHP sebagai bahasa pemrograman untuk membuat websiteyang dinamis.

(31)

dengan menjalankan website menggunakan XAMPP dari web browser

Mozilla.

e. Maintenance (Pemeliharaan)

Tahap ini diartikan sebagai tahap penggunaan website yang disertai dengan perawatan dan perbaikan. Pada tahap ini akan dilakukan peng-update-an website

apabila ada informasi yang baru maka akan di-input kedalam database, sehingga ditampilkan ketika website dijalankan.Tahapan-tahapan pengembangan website

ditunjukkan pada Gambar 1.

Gambar 1 Gambar tahapan pengembangan website

Analisa Sistem Yang Sedang Berjalan

Penyampaian informasi sistem dimulai oleh sumber informasi dengan langsung memasukkan informasi secara online melalui website. Kemudian admin hanya perlu melihat kelayakan tampil dari informasi tersebut, jika layak maka ditampilkan jika tidak, hanya perlu di ubah kelayakan informasi agar bisa tampil dan kemudian ditampilkan. Target informasi bisa melihat informasi kapan saja dimana saja yang terhubung dengan jaringan internet. Penyampaian informasi sistem ditunjukkan pada Gambar 2.

Sumber Informasi Admin Target Informasi

Gambar 2 FlowchartWebsite SMP Negeri 2 Selesai

Mulai

Memasukka n Informasi melalui

website

Layak tampil Ubah kelayakan

Informasi

Selesai Lihat informasi melalui website

Ya

(32)

Tabel admin digunakan sebagai login username dan password admin untuk menambah, mengedit dan menghapus isi website. Isi field-field dari tabel admin ditunjukkan pada Tabel 1.

Tabel 1 Tabel Admin

Field Tipe Panjang Keterangan

id_admin Int 5 Auto_increment, primary

Username Varchar 40 Primary

Password Varchar 40 Password

Level Varchar 10 Level : admin dan user

Tabel 2 Tabel Berita

id_berita Int 6 Auto_increment, primary

Judul Varchar 20 Judul berita

Deskripsi Text isi berita

Tanggal Date Tanggal kirim berita

Tabel 3 Tabel Agenda

id_agenda Int 5 Auto_increment, primary

Judul Varchar 100 judul agenda

Deskripsi Text Isi deskripsi

Tanggal Date Tanggal kejadian

Tabel 4 Tabel Counter

Skrip Char 65

Cacah Int 11

Tabel 5 Tabel Pengumuman

id_ pengumuman Int 5 Auto_increment, primary

Judul Varchar 100 judul agenda

Tabel 6 Tabel Buku Tamu

id_bukutamu Int 8 Auto_increment, primary

Nama Varchar 20 Nama Pengirim

(33)

32 Tabel 7 Tabel Komentar

id_komentar Int 5 Auto_increment, primary

id_berita Int 5 Auto_increment, primary

Nama Char 50 Nama penulis komentar

Email Char 50 Judul komentar

Komentar Text Isi deskripsi

Tabel 8 Tabel Galeri

Field Tipe Panjang Keterangan

id_galeri Int 5 Auto_increment, primary

Judul Varchar 100 Judul galeri

Gambar Varchar 500 Gambar galeri

Tabel 9 Tabel Category

id_ category Int 10 Auto_increment, primary

Category Varchar 50 Nama kategori

Tabel 10 Tabel Isi

id_isi Int 10 Auto_increment, primary

Judul Varchar 100 Judul isi

Image Varchar 500 Gambar

id_category Int 10 Id kategori

Tabel 11 Tabel Siswa

Nis Int 10 Auto_increment, primary

Nama Varchar 60 Nama lengkap siswa

Jk Varchar 10 Jenis Kelamin

tempat_lahir Varchar 50 Tempat Lahir

Tanggal Date Tanggal Kelahiran

Agama Varchar 20 Agama siswa

Alamat Varchar 100 Alamat siswa

Email Varchar 30 Email siswa

no_hp INT 15 No handphone siswa

(34)

Photo Varchar 500 Photo siswa

Tabel 12 Tabel Guru

NIP Int 30 Auto_increment, primary

NUPTK Int 30 Auto_increment

Nama Varchar 60 Nama lengkap guru

Agama Varchar 20 Agama guru

Alamat Varchar 100 Alamat guru

Jabatan Varchar 10 Jabatan guru

Gol Varchar 30 Golongan guru

Status Varchar 15 Status guru PNS / Non PNS

Photo Varchar 500 Photo guru

Tabel 13 Tabel Alumni

id_ alumni Int 10 Auto_increment, primary

Nama Varchar 60 Nama lengkap alumni

Agama Varchar 20 Agama alumni

Alamat Varchar 100 Alamat alumni

Email Varchar 30 Email alumni

no_hp INT 15 No handphone alumni

tahun lulus Varchar 10 Tahun lulus alumni

Photo Varchar 500 Photo siswa

Diagram Site Map

(35)

Gambar 3. Site map website sekolah

3. Hasil dan Analisis

Pembuatan user interface (antara muka pemakai) antara sistem dengan manusia yang menggunakan sistem secara detail meliputi menu, layout

jendela, pesan kesalahan dan format isian dari informasi juga didenisikan. Halaman beranda berisikan tentang penjelasan dari tentang halaman depan

website. SMP Negeri 2 Selesai. Bentuk tampilan halaman beranda yang dirancang peneliti ditunjukan pada Gambar 4.

(36)

Halaman informasi berisikan tentang penjelasan dari tentang informasi SMP Negeri 2 Selesai. Bentuk tampilan halaman yang dirancang ditunjukan pada Gambar 5.

Gambar 5 Halaman Informasi

Halaman guru berisikan data dan foto-foto guru yang ada di SMP Negeri 2 Selesai. Bentuk tampilan halaman guru yang dirancang seperti dilihat pada Gambar 6.

Gambar 6 Halaman Guru

(37)

36 Gambar 7. Halaman Siwa

Halaman galeri berisikan tentang informasi foto kegiatan di SMP Negeri 2 Selesai. Bentuk tampilan halaman yang dirancang ditunjukan pada Gambar 8.

Gambar 8 Halaman Galeri

(38)

Gambar 9 halaman Agenda

Halaman agenda berisikan tentang berita yang berhubungan dengan pendidikan di SMP Negeri 2 selesai. Bentuk tampilan halaman yang dirancang ditunjukan pada Gambar 10.

Gambar 10 Halaman Berita

4. Kesimpulan

Sistem informasi yang dihasilkan adalah perancangan web profil SMP Negeri 2 Selesai dengan menggunakan bahasa pemrograman PHP, database menggunakan MySQL dan CSS dan JavaScript sehingga menjadi website yang dinamis.

(39)

38 Berdasarkan kesimpulan diatas maka ada beberapa saran yang dapat diberikan yaitu:

Diharapkan web profil ini memiliki fasilitas login bagi siswa, pendaftaran siswa baru secara online, melihat nilai ujian siswa, e-learning, fasilitas komunikasi atau forum

untuksiswa, guru, staff sekolah dan orang tua.

Diharapkan web profil ini dapat dikembangkan sampai kepada security atau keamanan web, sehingga keamanan web lebih terjamin.

Diharapkan web profil ini dapat dikembangkan tampilan web agar lebih menarik dan rapi sesuai dengan kebutuhan.

Daftar Pustaka

Anisya. (2013). Aplikasi Sistem Database Rumah Sakit Terpusat Pada Rumah Sakit Umum (Rsu) ‘Aisyiyah Padang Dengan Menerapkan Open Source (Php –

Mysql. Jurnal Momentum .

Ardhana, Y. K. (2012). Dengan PHP: Membuat Website 30 Juta Rupiah. Purworkerto: Jasakom.

Dadang, W. (2011). Pengelolaan Desa Pendidikan Nonformal. April Media.

Dengen, N. H. (2009). Indonesia Jurnal Informatika Mulawarman. Perancangan Sistem Informasi Terpadu Pemerintah Daerah Kabupaten Paser .

Fauziah. (2014). Konsep Dasar Perancangan Web. Jakarta: Mitra Wancana Media.

Hidayatullah, P. d. (2014). Pemrograman Web. Bandung: Informatika Bandung.

Kadir, A. (2014). Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: Andi.

Ladjamudin, A.-B. B. (2006). Rekayasa Perangkat Lunak, Edisi Pertama,. Yogyarkarta: Andi.

Nugroho, A. (2010). Rekayasa Perangkat Lunak Berorientasi Objek Dengan Metode USDP. Yogyakarta: Andi.

Pratama, I. P. (2014). Sistem Informasi Dan Impementasinya. Bandung: Informatika.

Putri, W. R. (2012). Program Studi Teknik Telekomunikasi Jurusan Teknik

Elektronika Polteknik Negeri Semarang 2012. Artikel Mengenai Pemrograman

Web .

Rosa, A.S. dan Shalahuddin, M. (2014). Rekasaya Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika.

Sadeli, M. (2013). Toko Baju Online Dengan Php Dan Menggunakan Adobe Dreamweaver CS6. Maxikom: Palembang.

Sadikin. (2009). Internet Dan Lan . Jakarta Barat: Dinamika Ilmu.

(40)

(41)

40 PERANCANGAN SISTEM INFORMASI PENGISIAN KUESIONER PADA

SMA ST PETRUS MEDAN MEDAN BERBASIS WEB

Oleh Jati Putra

ABSTRAK

Sistem informasi kuesioner pada SMA ST PETRUS MEDAN masihbersifat manual.

Tujuan pembuatan sistem ini adalah untuk mempermudah tata usaha melihat hasil pengisian

kuesioner yang diisioleh alumni SMA ST PETRUS MEDAN, dan mempermudah para

mahasiswa untuk mengisi kuesioner. Metode penelitian dalam pembuatan sistem yang berjalan,

mengidentifikasi masalah sehingga menghasilkan suatu perancangan sistem. Program yang

dirancang menghasilkan input, output dan database. Hasil inputannya berupa data kuesioner

Alumni yang disimpan kedalam database dan hasil outputnya berupa laporan data berbentuk

diagram kuesioner secara keseluruhan.

Kata kunci

: Sistem Informasi, Pengisian Kuesioner

ABSTRACT

Counting is the most important knowledge in our daily lives. Therefore that knowledge must be

learned from an early age, especially in childhood. This is because children can quickly absorb

the knowledge provided, but they need special method in order to stay focus and not lose interest

when learning to count, such as a counting game that has pictures, music and other features that

are interesting and amusing for children. Based on this, researcher will design an application

system that can help children learn and practice their basic calculations. A system of counting

game application where the application can be used easily by children, has many varied

problems and can make children remain keen to keep playing the game and learn to count. With

these research and design, application system will help the public in expanding the media of

learning to count, while increasing knowledge and children’s skills in counting.

Keywords: Information System, Counting, Application, Mathematic

1. Pendahuluan

Pada era globalisasi sekarang ini ilmu pengetahuan dan teknologi berkembang dengan pesat dan

sangat mempengaruhi seluruh manusia diseluruh dunia. Oleh karena itu, seiring dengan

perkembangan zaman, manusia berusaha untuk menciptakan berbagai alat dan teknik sehingga

mempermudah serta menyempurnakan pengolahan data dalam penyampaian informasi,

sehinggamenghasilkan informasi yang cepat dan akurat.

(42)

dan dengan sedikit kerugian yang didapat, baik dalam hal bisnis maupun hal-hal kecil seperti

membagi rata suatu makanan, benda atau harta secara adil.

Website

merupakan suatu alat kerja yang membantu dalam melaksanakan pekerjaan

sehari-hari.Kegiatan sederhana apapun dapat diidentifikasi dan dikembangkan menjadi sebuah program

website

.Hal ini melandasi peneliti membuat sistem informasi, beberapa proses yang terdapat

dalam sistem informasi tersebut dapat ditangani oleh sebuah program

website.

Prosedur kerja

bidang

website

ini dibuat untuk membantu dalam pengolahan data kuesioner. Oleh karena itu,

peneliti membantu kinerja pihak manajemen sekolah dalam pengolahan data kuesioner. [1]

Sistem informasi kuesioner berbasis

web

adalah suatu sistem yang dilakukan oleh bagian

staff-staff sekolah yang mempunyai jabatan pegawai. Dari sistem informasi tersebut akan dapat

diketahui prosedur yang membentuk sistem, fungsi-fungsi yang terkait, dokumen-dokumen yang

digunakan, dan catatan-catatan yang digunakan lembaga pendidikan.

Pengolahan data kuesioner tentu menjadi salah satu hal penting dalam kegiatan lembaga

pendidikan, sehingga lembaga pendidikan membutuhkan suatu sistem informasi yang dapat

melakukan fungsi-fungsi pengoalahan data pengolahan data khususnya kuesioner secara efektif

dan efisien.Permasalahan saat inidi sekolah belum tersedia sistem informasi untuk kuesioner

berbasis

web

.Semua kegiatan pengolahan data kuesioner pada sekolah masih melakukan dengan

sistem manual. Masalah lamanya pembuatan laporan kuesioner adalah contoh kasus yang sering

terjadi dalam pengolahan data kuesioner.Hal tersebut menyebabkan lambatnya informasi laporan

kuesioner kepada pimpinan.[2]

2. Metode Penelitian

Adapun metode perancangan yang dilakukan saat perancangan sistem pengisian kuesioner ini

adalah peneliti dengan melakukan pengumpulan data-data, bahan-bahan dan informasi sebagai

data pengisian kuesioner. Kemudian lanjut ke tahap merancang dan mendesain tampilan-tampilan

tiap

yang akan ditampilkan dalam aplikasi ini dan perancangan melakukan dengan

menggunakan

PHP & My SQL.

Menurut dokumen resmi PHP, PHP merupakan singkatan dari Hypertext Preprocessor (PHP). Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya yang dikirimkan ke klien tempat pemakai menggunakan browser.