Desain website Desain bagian Header Desain bagian header Desain bagian Footer Metode pengembangan sistem

Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.

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 7.0 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 Photoshop7.0 sebagai software editor untuk mendesain layout. Tampilannya dapat dilihat seperti gambar berikut ini: Tampilan Adobe Photoshop 7.0 Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009. 2 Membuat dokumen baru dengan ukuran panjang 900 pixel dan lebar 676 pixel. Kemudian mengisi warna background dengan warna putih 178021. 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. Dengan memanfaatkan tool-tool yang ada di Photoshop 7.0 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 Header Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009.

4.3 Desain bagian Header

4.4 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 Footer

4.3 Desain bagian Footer

4.5 Metode pengembangan sistem

Metode pengembangan sistem yang digunakan dalam penulisan sistem informasi ini adalah metode Fabbi schwab yang terdiri dari: 1. Studi kelayakan Yaitu mengidentifikasi apakah sistem informasi yang akan dikerjakan atau yang dibuat sesuai dengan kebutuhan Pusat Penelitian Kelapa Sawit. Elvira Pasaribu : Sistem Informasi Penjualan Pada Pusat Penelitian Kelapa Sawit Di Pematang Siantar Dengan Menggunakan PHP Dan MYSQL, 2009. 2. rencana pendahuluan Yaitu menentukan ruang lingkup proyek atau sistem yang ditangani. 3. analisis sistem Penguraian suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi massalah-masalah, kesempatan-kesempatan, hambatan- hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan 4. perancangan sistem Penefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk rancang angunimplementasi, menggambarkan bagaimana suatu sistem dibentuk serta mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem. 5. implementasi sistem Tahap dimana meletakkan suatu sistem supaya siap untuk dijalankan.

4.6 Bagian Content Management system CMS