BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Sebelum memulai membangun suatu website yang berupa sistem pencarian rumus matematika, penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan
user yang menggunakan aplikasi berbasis web yang akan dibuat.
Sistem pencarian rumus matematika tingkat SLTA ini diperbuat atas dasar kebutuhan user khususnya para siswai tingkat SLTA. Berdasarkan dari pengamatan
penulis mengenai analisis sistem yang berjalan mengenai sistem pencarian rumus matematika khususnya berbasis web, menyediakan rumus matematika yang kurang
responsif yaitu desain interface yang monoton, penyediaan layanan pencarian rumus yang kurang memuaskan , serta menyediakan soal-soal yang manual. Oleh sebab itu
penulis mencoba merancang sebuah sistem pencarian matematika tingkat SLTA yang responsif dengan desain interface yang menarik, layanan pencarian rumus yang cepat
dan tepat, simulasi soal yang responsif, serta menyediakan form komentar sebagai sarana komunikasi dengan pengguna.
Universitas Sumatera Utara
3.2 Perancangan Sistem
Perancangan sistem merupakan tahap selanjutnya setelah analisis sistem, mendapatkan gambaran dengan jelas tentang apa yang dikerjakan pada analisis sistem,
maka dilanjutkan dengan memikirkan bagaimana membentuk sistem tersebut.
Perancangan sistem adalah suatu fase dimana diperlukan suatu keahlian perancangan untuk elemen-elemen komputer yang akan menggunakan sistem yaitu
pemilihan peralatan dan program komputer untuk sistem baru Kristanto, 2008:61.
Dalam menyelesaikan tugas Tugas Akhir ini penulis juga melakukan perancangan sistem. Metode perancangan sistem yang penulis lakukan terdiri dari
perancangan Flowhart, perancangan Data Flow Diagram DFD, serta perancangan database.
3.2.1 Perancangan Interface
Output adalah informasi yang diterima oleh pengguna melalui sistem informasi lewat internet, extranet, atau world wide web www. Beberapa data memerlukan data yang
ekstensif sebelum menjadi keluaran yang layak, data-data lainnya disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa pemrosesan sama
Universitas Sumatera Utara
sekali. Output yang baik akan memberikan dampak yang baik pula bagi para user, khususnya layout yang akan ditampilkan.
Sebelum mendesain layout, terlebih dahulu kita harus membuat sketsa, sebagai gambaran sistem sesungguhnya, diantaranya adalah sebagai berikut:
1. Bagian header berisi logo dari situs penulis yaitu E-Math Electronic
mathematic. 2.
Navigasi terdiri dari beberapa menu yang berhubungan dengan situs yang ada. 3.
Bagian konten merupakan isi yang akan disampaikan kepada user yang berkaitan dengan rumus matematika dan menu pendukung lainnya..
4. Bagian footer berisi nama dan informasi tentang pemilik situs.
5. Bagian-bagian lainnya juga disediakan seperti, simulasi soal matematika,
tentang tokoh matematika, form komentar, dan lain sebagainya.
3.2.1.1 Perancangan Halaman Utama
Halaman utama index merupakan halaman default yang telah diatur muncul pertama kali kekita situs kita “dipanggil”. Halaman ini merupakan Halaman utama harus
Universitas Sumatera Utara
dirancang dengan baik dan benar karena sangat mempengaruhi respect user. Rancangan halaman utama adalah sebagai berikut:
Gambar 3.1 Perancangan Halaman Utama
3.2.1.2 Perancangan Halaman Beranda Home
Halaman page beranda atau biasa disebut homepage adalah halaman awal yang biasanya berisikan berbagai menu atau layanan yang tersedia pada sebuah website.
Namun, pada sistem ini saya tidak merancang beranda pada halaman awal, tetapi meletakkannya pada pilihan setelah halaman index agar user dapat menentukan
pilihan apakah ingin masuk kehalaman beranda yang berisikan berbagai menu atau langsung masuk ke halaman pintas yang dituju pencarian rumus, simulasi soal.
Rancangan halaman beranda adalah:
Beranda
Cari Rumus
Simulasi Soal
Universitas Sumatera Utara
Header
Navigation
Content
Side Bar
Footer
Gambar 3.2 Perancangan Halaman Beranda home
3.2.1.3 Perancangan Halaman Rumus
Halaman page rumus merupakan bagian utama pada sistem ini, halaman ini dirancang sebaik mungkin untuk memberikan kenyamanan pada user dalam
melakukan pencarian rumus. Rancangan halaman ini adalah:
Universitas Sumatera Utara
Gambar 3.3 Perancangan Halaman Rumus
Header
Pencarian Rumus
Universitas Sumatera Utara
3.2.1.4 Perancangan Halaman Masukan Input
Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat sistem input yang dibentuk dengan baik, penganalisis sistem menyatakan bahwa input
yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem. Adapun perancangan masukan input yang penulis buat adalah pada halaman
rumus. Perancangan masukan yang ingin penulis buat adalah sebagai berikut:
Gambar 3.4 Perancangan Halaman Masukan Input
Header
XXXXXXXXX Cari
Universitas Sumatera Utara
3.2.2 Perancangan File dan Database
Perancangan struktur database adalah untuk menentukan file database file database yang digunakan seperti field, tipe data dan ukuran data. Dalam merancang suatu
sistem yang baik dibutuhkan beberapa file yang bertujuan untuk memudahkan pengambilan informasi pengolahan data. File-file tersebut akan berhubungan satu
sama yang lainnya dan dapat digunakan sesuai dengan kebutuhan pemakai atau user. Database tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu
untuk memanupulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para
pemakainya. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri query basis data disebut sistem manajemen basis data database management
system, DBMS. Sistem basis data dipelajari dalam ilmu informasi. Berikut rancangan tabel yang digunakan dalam membangun aplikasi web ini :
1. Tabel Rumus
Tabel rumus digunakan untuk menampung rumus-rumus matematika tingkat SLTA yang meliputi filed-field id, gambar, dan keterangan.
Universitas Sumatera Utara
Tabel 3.1 Data Rumus
Field Type
Field Size Keterangan
Id Int
3 Primary Key
Gambar Varchar
Ket Text
2. Tabel komentar
Tabel komentar digunakan untuk menampung komentar dan saran dari user yang meliputi filed-field id, nama, email, komentar, date, art_id dan art_url.
Tabel 3.2 Data Komentar
Field Type
Field Size Keterangan
Id Int
3 Primary Key
Nama Varchar
30 Email
Varchar 30
Komentar Varchar
250 Date
Datetime Art_id
Int 3
Art_url Varchar
60
Universitas Sumatera Utara
3.2.2.1 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup sistem. Diagram konteks merupakan diagram level tertinggi dari Data
Flow Diagram DFD yang menggambarkan seluruh input ke sistem atau output dari sistem. Diagram konteks berfungsi memberikan gambaran tentang keseluruhan sistem.
Diagram konteks berisi gambaran umum secara garis besar sistem yang akan dibuat . Diagram konteks untuk sistem ini adalah sebagai berikut:
Gambar 3.5 Diagram Konteks Input Rumus,
Data rumus dicari
SISTEM PENCARIAN
RUMUS MATEMATIK
A UserPengguna
Universitas Sumatera Utara
3.2.2.2 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari sistem yang penggunaanya membantu dalam
memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang
sedang berjalan secara logis. DFD didesain untuk menunjukkan sebuah sistem terbagi- bagi menjadi suatu bagian sub-sistem yang lebih kecil.
Salah satu keuntungan menggunakan DFD adalah memudahkan pemakaian atau user yang kurang menguasai bidang komputer untuk mengerti sistem yang akan
dikerjakan. Berikut ini adalah gambaran DFD level 0 level yang merupakan perincian dari diagram konteks.
Universitas Sumatera Utara
Gambar 3.6 DFD Level 0
3.2.2.3 Perancangan Program
Flowchart adalah
sekumpulan simbol-simbol
yang menunjukkan
atau menggambarkan rangkaian-rangkaian kegiatan-kegiatan program dari awal hingga
Masukan keywords
Data Rumus
Get Simulasi
Simulasi Soal
Masukkan Komentar
Data Rumus
Data Simulasi User
1.0
Sistem Pecarian Rumus
Rumus D1
2.0
Simulasi D2
Simulasi Soal
3.0
Komentar
Universitas Sumatera Utara
akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma. Flowchart dari sistem ini yaitu sebagai berikut:
Gambar 3.7 Flowchart Halaman Utama Halaman
Simulasi Soal Halaman
Pencarian Rumus
CARI RUMUS
SIMULASI Home
HOME Home
Input Pilihan Menu
Start
End Y
Y Y
N
N
N
Universitas Sumatera Utara
Gambar 3.8 Fowchart Halaman Home Halaman
Simulasi Soal Halaman
Pencarian Rumus
RUMUS
SIMULASI Home
HOME Halaman Utama
index
Input Pilihan Menu
Start
End Y
Y Y
N
N
TOKOH MATEMATIKA
ABOUT ME Halaman Tokoh
Matematika
Halaman About Me
Y
Y N
N
N
Universitas Sumatera Utara
Gambar 3.9 Flowchart Pencarian Rumus Halaman
Pencarian Rumus
Input Kata Kunci
Start
Pencarian Rumus
Rumus yang dicari
Rumus Tidak Ditemukan
Y N
End
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian dan Tujuan Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji
dan memulai sistem baru atau sistem yang diperbaiki. Adapun tujuan dari implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pengguna user dapat mengoperasikan sistem baru.
3. Memastikan apakah sistem tersebut sesuai dengan pengguna.
4. Memastikan bahwa sistem berjalan dengan baik yaitu dengan membuat rencana,
mengontrol, dan melakukan instalasi baru dengan benar.
4.2 Komponen Utama dalam Implementasi
Agar sistem perancangan yang telah kita kerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk
Universitas Sumatera Utara
itu dibutuhkan beberapa komponen utama mencakup perangkat keras hardware, perangkat lunak software, dan manusia brainware. Dalam pembuatan sistem ini
dibutuhkan komponen-komponen yang mencakup seperti diatas:
4.2.1 Perangkat Keras Hardware
Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Hardware yang digunakan meliputi:
a. Monitor
b. CPU Central Processing Unit
c. Harddisk atau media penyimpanan data
d. Keyboard dan mouse
4.2.2 Perangkat Lunak Software
Software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta menampilkan yang diinginkan. Dalam hal
ini, software yang digunakan penulis untuk aplikasi perancangan sistem ini adalah
Universitas Sumatera Utara
a. Sistem Operasi Windows XP
b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa
SQL c.
Sublime Text 2 sebagai editor pendesainnya d.
XAMPP sebagai server local dalam pengetesan halaman web e.
Browser Google Chrome sebagai media tampilan halaman website
4.3 Hasil Implementasi
Sistem Pencarian Rumus Matematika Tingkat SLTA ini terdiri dari beberapa halaman. Tiap halaman utama masing-masing memiliki link yang tiap isi halaman web-nya
menunjuk informasi yang berbeda-beda. Untuk pengetesan pada tool program, ketikkan pada browser di address bar
http:localhost untuk melihat tampilan Apache
web server pada browser. Untuk pengujian halaman website sistem ini ketikkan pada address bar seperti berikut ini: http:localhoste-math. Penulisan e-math setalah
localhost menunjukkan folder tempat penyimpanan file-file Sistem Pencarian Rumus Matematika Tingkat SLTA. Berikut ini adalah tampilan halaman utama sistem ini
Universitas Sumatera Utara
Gambar 4.1 Halaman Utama
Halaman utama terdiri dari 3 menu yaitu beranda, cari rumus dan simulasi.Setiap menu akan dilinkan ke menu tujuan masing-masing. Menu utaa tersebut diletakkan di
tampilan awal, supaya pengguna dengan mudah memilih menu yang sering dipakai tanpa harus masuk ke beranda home, seperti menu cari rumus dan simulasi.
Universitas Sumatera Utara
Gambar 4.2 Halaman Beranda
Halaman home berisikan beberapa layanan navigasi seperti rumus, simulasi soal, t tokoh matematika dan tentang E-Math. Menu beranda berisikan Informasi beberapa
rumus dan from komentar serta form pencarian rumus.
Universitas Sumatera Utara
Gambar 4.3 Halaman Rumus
Universitas Sumatera Utara
Halaman rumus berisikan kumpulan rumus matematika tingkat SLTA, dimana setiap rumus bila di klik akan menampilkan pembahasan dari masing-masing rumus.
Gambar 4.4 Halaman Pembahasan Rumus
Universitas Sumatera Utara
Halaman pembahasan rumus berisikan pembahasan dari masing-masing rumus yang merupakan file berekstensi pdf yang dapat di zoom, download dan diprint.Tersedia
juga form komentar sebagai media komunikasi dengan pengguna.
Gambar 4.5 Halaman Simulasi Soal
Universitas Sumatera Utara
Halaman Simulasi soal berisikan simulasi soal yang responsif, terdiri dari 40 soal. Pada saat memulai mengerjakan soal penghitung waktu mundur selama 2 jam. Setelah
mengakhiri test, maka akan muncul hasil dari tiap-tiap soal yang dikerjakan. Berikut ini adalah tampilan simulasi soal.
.
Universitas Sumatera Utara
Gambar 4.6 Halaman Tokoh Matematika
Halaman Tokoh Matematika yaitu informasi tentang 10 ahli matematika terhebat sepanjang masa, sebagai tokoh hebat pencetus rumus-rumus matematika. Berikut ini
tampilan halaman tokoh matematika
Gambar 4.7 Halaman Pencarian Rumus
Halaman Pencarian Rumus berisi form perncarian rumus matematika, ketika pengguna memasukkan keyword rumus yang dicari dan menekan tombol cari, maka
sistem secara otomatis mencari keyword yang sama. Setelah rumus ditemukan maka secara otomatis akan ditampilkan.
Universitas Sumatera Utara
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan