2.7 Sublime Text
Pada website ini, penulis menggunakan sublime Text 2. Sublime Text 2 adalah
editor teks yang dirancang untuk mengolah potongan-potongan kode, plugin, dan markup. Tetapi Anda juga bisa memakainya untuk menulis artikel dan mengetik
dalam prosa normal.
Keunggulan Sublime Text 2 ada di kualitas dan kuantitas fitur-fiturnya
seperti blok multitempat, kursor banyak, dan pengolahan split. Bermacam-macam fitur ini membuat pengolahan kode menjadi lebih cepat dan mudah. Fitur lain
yang menarik adalah dukungannya pada berbagai macam bahasa seperti Clojure, Perl, Javascript, Haskell, Erlango, dan Escala. Anda juga bisa membuat dan
menyimpan macro kapan saja, pekerjaan menjadi lebih mudah dengan banyaknys opsi yang bisa dipilih.
Adanya kemampuan konfigurasi pintasan kibor menurut kemauan pengguna juga sangat membantu. Dengan ini tindakan yang memakan banyak
waktu di program lain bisa Anda lakukan dalam hitungan detik dengan program ini.
Universitas Sumatera Utara Universitas Sumatera Utara
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Dalam membangun sebuah program aplikasi dimana tujuan dari aplikasi tersebut adalah untuk membantu dan menunjang kerja user dalam menggunakan
komputer agar lebih efisien dan efektif. Sehingga apa yang selama ini dikerjakan secara konvensional menjadi lebih modern dengan adanya teknologi dan
informasi.
Maka untuk memulai membangun website untuk UKM Tenis Meja USU ini, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari
user yang menggunakan website UKM yang akan dibuat inis.
3.2 Perancangan Sistem
Berikut merupakan beberapa alat bantu yang digunakan dalam pembuatan Website UKM Tenis Meja USU.
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.1 Desain Sistem
1. Diagram Context
Context Diagram CD pada Website UKM Tenis Meja USU ini adalah sebagai berikut:
Gambar 3.1 Diagram Konteks
Info Peringkat Anggota Login Sebagai Member
Input data peringkat
Website UKM Tenis Meja USU
Visitor Admin
Info Visi Misi UKM Info Sejarah UKM
Info Kegiatan UKM Info Prestasi UKM
Laporan Data iuran
Upload Data Input data iuran
Ketentuan Anggota
Member
Data Iuran Download Info
Aturan Pertandingan Sanksi-Sanksi
Data Anggota aktif Laporan Data
Peringkat Laporan Data
Member
Universitas Sumatera Utara Universitas Sumatera Utara
2. DFD Data Flow Diagram
Data Flow Diagram DFD merupakan pengembangan dari ConVarchar Diagram yang terdiri dari DFD Level 1 pada Aplikasi Pengisian Sistem Raport Siswa.
Gambar 3.2 Data Flow Diagram level 1
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.2 Desain Basis Data Database
Basis Data Database adalah kumpulan dari data yang berhubungan antara satu dengan yang lainnya, tersimpan di perangkat keras komputer dan menggunakan
perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi,karena merupakan basis data
dalam menyediakan informasi bagi para pengguna.
Adapun desain basis data Database adalah sebagai berikut 1.
Entity Relationship Diagram ERD
Gambar 3.3 Entity Relationship Diagram ERD
Universitas Sumatera Utara Universitas Sumatera Utara
2. Struktur Data
Dalam sistem ini memerlukan 28 tabel:
1. Tabel Admin
Nama Tabel : admin
Fungsi : Untuk menginput data admin
Tabel 3.1 Tabel Admin Nama Field
Tipe Data Ukuran
Kode _admin Varchar
15 Nama_admin
Varchar 50
No_tlp Varchar
20 Password
Varchar 32
2. Tabel Data Peringkat
Nama Tabel : Data_peringkat
Fungsi : Untuk menginput data siswa
Tabel 3.2 Tabel Data Peringkat Nama Field
Tipe Data Ukuran
No_id Varchar
19 Nama
Varchar 100
Skor_Menang Int
15 Fakultas
Varchar 30
Email Varchar
30
Universitas Sumatera Utara Universitas Sumatera Utara
3. Tabel Data_Iuran
Nama Tabel : Data_iuran
Fungsi : Untuk menginput data iuran
Tabel 3.3 Tabel Data Iuran Nama Field
Tipe Data Ukuran
No_id Varchar
15 Nama
Varchar 50
Januari Varchar
20 Februari
Varchar 20
Maret Varchar
20 April
Varchar 20
Mei Varchar
20 Juni
Varchar 20
Juli Varchar
20 Agustus
Varchar 20
September Varchar
20 Oktober
Varchar 20
November Varchar
20 Desember
Varchar 20
Universitas Sumatera Utara Universitas Sumatera Utara
4. Tabel Member
Nama Tabel : member
Fungsi : Untuk menginput daftar member
Tabel 3.4 Tabel Data Member Nama Field
Tipe Data Ukuran
No_id Varchar
11 Nama
Varchar 100
Password Varchar
50 Tempat_lahir
Varchar 50
Tanggal_lahir Date
Alamat Varchar
100 Jenis_kelamin
Enum Fakultas
Varchar 30
Jurusan Varchar
30 Email
Varchar 30
Universitas Sumatera Utara Universitas Sumatera Utara
5. Tabel Download
Nama Tabel : download
Fungsi : Untuk menginput data download
Tabel 3.5 Tabel Download Nama Field
Tipe Data Ukuran
Id Int
11 Tanggal_upload
Date Nama_file
Varchar 100
Tipe_file Varchar
10 Ukuran_file
Varchar 20
File Varchar
255
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.3 Flowchart Sistem
Berikut flowchart dari sistem yang di kerjakan oleh website ini adalah sebagai berikut:
1.
Halaman Utama 2.
Login Admin 3.
Login Member 4.
Menu Admin 5.
Menu Member 3.2.3.1 Flowchart Sistem Halaman Utama
Gambar 3.4 Flowchart Halaman Utama
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.3.2 Flowchart Sistem
Gambar 3.5 Flochart Halaman Login Admin
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.6 Flochart Halaman Login Member
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.7 Flochart Halaman Menu Admin
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.8 Flochart Halaman Menu Member
Universitas Sumatera Utara Universitas Sumatera Utara
3.3 Desain Visitor Area