Simbol Dokumen Simbol yang menyatakan input berasal dari
dokumen dalam bentuk kertas atau output dikertas
4.2. Mempersiapkan database server
Pada tahap ini dipersiapkan tempat untuk menampung data diserver, data tersebut nantinya akan diproses oleh program yang akan kita buat pada tahap pemograman,
baik penambahan, pengeditan, penghapusan, dan menampilkan isi database kehalaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan
program MySQL.
Adapun database yang penulis buat yaitu database UKM Bulutangkis yang terdiri dari :
Tabel 4.3 Struktur Tabel Admin Field Name
Type and Width Description
username varchar50
Id Admin Primary Key password
varchar50 Password Admin
nama_lengkap varchar100
Nama Admin email
varchar100 Email Admin
no_telp
varchar20
Telp Admin level
varchar20
Level
Universitas Sumatera Utara
Tabel 4.4 Struktur Tabel Sekilas info Field Name
Type and Width Description
id_sekilas int5
Id Sekilas Primary Key info
varchar100 Berita
tgl_posting date
Tanggal gambar
varchar100 Gambar
Tabel 4.5 Struktur Tabel Album Field Name
Type and Width Description
id_album int5
Id album Primary Key jdl_album
varchar100 Judul album
gbr_album varchar100
Gambar album aktif
enumY, N Tayangan
Universitas Sumatera Utara
Tabel 4.6 Struktur Tabel Agenda Field Name
Type and Width Description
id_agenda int5
Id album Primary Key Tema
varchar100 Judul album
tema_seo varchar100
Gambar album isi_agenda
tex Tayangan
tempat
varchar100
Tempat pengirim
varchar100
Pengirim
tgl_mulai date
Tanggal Mulai
tgl_selesai date
Tanggal selesai
tgl_posting date
Tanggal posting Jam
varchar50 jam
username varchar50
username
Universitas Sumatera Utara
4.3. Desain Website
Pada tahap ini, penulis hanya membuat desain untuk header atau bagian atas dari suatu website dan footer atau bagian bawah dari suatu website. Kemudian ditambah
dengan grafik-grafik aksesoris lainnya sebagai pelengkap. Dalam membuat desain header pada website puskesmas ini, penulis menggunakan
software Adobe Photoshop CS sebagai pengolah gambarnya. Bagian header adalah
bagian paling atas dari sebuah website. Pada bagian ini biasanya terdapat logo, foto dan navigasinya. Adapun langkah-langkah umum yang penulis lakukan dalam
mendesain layout adalah sebagai berikut: 1. Membuka software Adobe Photoshop CS2 sebagai software editor untuk
mendesain layout. Tampilannya dapat dilihat seperti gambar berikut ini:
Gambar 4.2 Tampilan Adobe Photoshop CS2
2. Membuat dokumen baru dengan ukuran panjang 900 pixel dan lebar 676 pixel. Kemudian mengisi warna background dengan warna putih FFFFFF.
3.
Membuat layout baru dan mengisinya dengan gambar-gambar dan teks-teks yang dibutuhkan serta mengedit warna dari tiap-tiap gambar untuk menciptakan suatu
layout yang menarik dan atraktif.
Universitas Sumatera Utara
Dengan memanfaatkan tool-tool yang ada di Photoshop seperti rectangular marquee tool, gradient fill tool, pencil tool, brush tool
dan text tool dan dengan kreasi penulis,: Secara keseluruhan header dapat dilihat pada gambar dibawah ini:
Gambar 4.3 Desain bagian header
Selain bagian header dalam sebuah website juga ada bagian footer atau bagian bawah dari sebuah website. Dan secara keseluruhan footer yang penulis buat dapat dilihat pada
gambar dibawah ini:
Gambar 4.3 Desain bagian footer
4.4. Metode Pengembangan System
Kategori