Makalah Desain Web

MAKALAH Sistem Penerimaan Siswa Baru Online Berbasis Web Sub Judul “Desain Layout” “Desain Database” “Program Generate”

Oleh : Novia Siti Aisyah N.H NIS 9023

DINAS PENDIDIKAN KABUPATEN REMBANG SMK NEGERI 1 REMBANG Jl.Gajah Mada No.1 Rembang Telp (0295) 691377

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Kata Pengantar Puji syukur saya panjatkan ke hadirat Allah Yang Maha Esa,karena dengan rahmat dan hidayahnya saya dapat menyelesaikan makalah ini. Makalah yang berjudul “Sistem Penerimaan Siswa Baru Online Berbasis Web” ini saya susun demi mengumpulkan tugas jurusan “Tehnik Komputer dan Jaringan” yang di berikan oleh guru pembimbing. Saya menyadari bahwa makalah ini masih jauh dari sempurna.Oleh karena itu segala kritik dan saran yang sekiranya dapat membangun sangat saya harapkan demi sempurnanya makalah ini.

Rembang ,22 Desember 2008

Penyusun

Novia Siti Aisyah N.H

i

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Halaman Pengesahan

Judul Makalah Sub Judul

: Sistem Penerimaan Siswa Baru Online Berbasis Web : “Desain Layout” “Desain Database” “Program Generate” Nama : Novia Siti Aisyah N.H Kelas : 2 TKJ No.Abs : 22 NIS : 9023 Bidang Keahlian : Tehnik Komputer dan Jaringan Makalah ini telah di terima dan di sahkan pada tanggal 22 Desember 2008. Diajukan untuk memenuhi persyaratan Tugas Akhir Semester 3 Tahun 2007/2008

Rembang ,22 Desember 2008

Mengetahui/Menyetujui

Ketua Jurusan

Pembimbing

(Moh.Daryanto)

(Windy Riesdyansyah)

NIP

NIP

Novia Siti Aisyah N.H

ii

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Makalah Sistem Penerimaan Siswa Baru Online Berbasis Web “Desain Llayout”;“Desain Database”;“Program Generate” Novia Siti Aisyah N.H (22) 2 TKJ ( Tehnik Komputer dan Jaringan ) [email protected] 22 Desember 2008 Abstrak Bahasa Indonesia Makalah ini disusun untuk memenuhi persyaratan dalam kegiatan pembelajaran kejuruan yang sudah di setujui oleh guru pembimbing. Disini penulis mengambil tema dengan Desain Layout Sistem Informasi Pendaftaran Siswa Baru, yang dimaksudkan supaya pembaca dapat membuat tampilan gambar dan teks pada suatu halaman web yang tersusun enak untuk dilihat dan dibaca. Akan tetapi agar Desain layout dapat digunakan dengan baik maka diperlukan juga Desain Database dan juga membuat program generate.

Kata Kunci : Desain Layout ; Desain Database ; Program Generate Bahasa Inggris This handing out compiled to fulfill conditions in vocational study activity in aggreeing by counsellor teacher. Here the writer take theme with Desain Layout of Information System of New Student Registration, what intended so that the reader earn to make appearance draw and text at one particular delicious structured page;yard web for look and read. However in order to Desain Layout earn used better hence be needed also Desain Database as well as making program generate

Keyword : Desain Layout ; Desain Database ; Program Generate

Novia Siti Aisyah N.H

iii

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Bab 1 Pendahuluan A. Judul Sistem Penerimaan Siswa Baru Online Berbasis Web B. Sub Judul “Desain Layout” “Desain Database” “Program Generate” C. Batasan Masalah Disini kami hanya akan membahas tentang bagaimana cara mendesain layout,mendesain database serta membuat program generate dalam Sistem Informasi Pendaftaran Siswa Baru D. Latar Belakang Makalah ini di susun guna memenuhi tugas dari Pembimbing. Makalah ini harus sudah diterima oleh Pembimbing paling lambat 22 Desember 2008 E. Tujuan Pembuatan makalah ini bertujuan agar siswa : 1. Secara akademis untuk memenuhi salah satu persyaratan dalam semester gasal. 2. Dapat mengaplikasikan data yang berbeda di lapangan ke dalam suatu system informasi yang baik. F. Teori Dasar Pada halaman web terdapat beberapa format tampilan visual seperti ukuran huruf, warna dan gambar lainnya sebagai petunjuk identitas dari informasi yang disampaikan pada situs web. Bila kita lihat pada setiap majalah, buku atau newsletter pada permulaan tampilan halamannya terdapat sebuah gambar logo khusus atau judul hingga penomoran halaman dengan tata letak yang sama. Begitu juga pada tampilan halaman web, berbagai tipe huruf dan gambar menjelaskan maksud dari isi informasi yang akan disampaikan. Seperti tampilan huruf dengan ukuran yang lebih besar menunjukan sebuah sesi baru pada suatu informasi atau cerita. Juga sebaris kalimat yang terdapat dibawah gambar atau photo. Dan setiap tampilan tersebut juga mempunyai susunan database dan program generate untuk menginput data yang sudah di masukkan. G. Konfigurasi 1. Flowchart

Novia Siti Aisyah N.H

Mulai

User name,input Password

Password terdaftar

Menu Utama

Selesai

2. Algoritma Login a.Masukkan User name dan Password. b.Klik tombol Login maka system akan mencari password yang sesuai. c.Jika password terdaftar maka anda akan masuk ka Menu Utama. d. Jika password tidak terdaftar maka anda tidak bisa masuk ke Menu Utama.

iv

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Bab 2 ISI 1. Merancang Layout Layout adalah tampilan gambar dan teks pada suatu halaman web yang tersusun sehingga enak untuk dilihat dan dibaca. A. Langkah Perancangan Layout Bagaimana langkah kerja untuk membuat sebuah layout yang baik ? Buat garis bantu (gridlines) untuk menentukan kolom halaman.

untuk layout pada media cetak biasanya digunakan sebuah program editor seperti Page Maker atau Quark XPress.Jika untuk halaman web Anda menggunakan program HTML editor seperti Front Page, gunakan perintah ‘draw table’ untuk membuat garis bantu pada layout dengan menentukan lebar border = 0 untuk tampilan tabel tanpa gambar garis pada browser. Garis bantu ini dibuat untuk menentukan dengan mudah dimana logo atau gambar disisipkan, juga format teks dan lainnya disusun dalam satu halaman. Hal yang harus diperhatikan bahwa format layout untuk web berbeda secara teknis dengan format layout media cetak biasa. Anda harus bisa mengontrol besar kecilnya tampilan pada browser di layar monitor. Usahakan agar format teks maupun gambar tetap teratur tidak berantakan meskipun tampilan ukuran windows diperkecil. Untuk menentukannya gunakan opsi ‘no wrap’ yang terdapat dalam cell properties pada Front Page editor. Perhatikan juga lebar minimal layar monitor yang banyak digunakan audiens, biasanya berukuran 14 inch yang bila dibandingkan dengan ukuran standar sebuah kertas cetak tampilannya akan nampak lebih kecil. Apa akibatnya jika tampilan layout lebih besar ukurannya daripada browser ? maka selain kurang menarik untuk

Novia Siti Aisyah N.H

dilihat, sebagian format halaman akan hilang. 2. Mendesain Database Menyimpan data dalam bentuk relasional secara sederhana dapat dikatakan sebagai membawa data tersebut ke dalam suatu bentuk tabel. Bagaimanas agar tabel yang digunakan untuk menyimpan data terbentuk secara baik dan benar ? diperlukan suatu langkah desain database agar tabel yang dibuat dapat memenuhi syarat-syarat model relasional. Desain database secara umum dapat dibagi dalam empat langkah : 1.Menetukan Kebutuhan 2.Desain Konseptual 3.Desain Logikal 4.Desain Fisik Untuk menentukan kebutuhan dapat dilakukan dengan mendapatkan informasi sebanyak-banyaknya. Sedangkan desain konseptual adalah dengan menggunakan ER model. Hasil dari desain konseptual adalah skema konseptual. Model Data relasional didapatkan dari perubahan model konseptual dengan menggunakan desain logik. Setiap informasi dalam model relasional impresentasikan secara jelas dalam level logik, yaitu hanya dengan satu cara, yakni dengan nilai-nilai pada tabel tersebut. Desain fisik mengubah skema fisik. Dalam mode relasional, langkah-langkah desain database adalah sebagai berikut : 1. Mengumpulkan Informasi Mengumpulkan informasi adalah langkah pertama yang harus ditempuh. Pada langkah ini harus didapatkan informasi selengkap-lengkapnya. Berbagai metode pengumpulan data dapat digunakan pada langkah ini. Bilamana sebelumnya telah memiliki suatu database, baik yang berupa flatfile, spreadsheet ataupun relasional, hal itu perlu mendapat perhatian. 2. Menentukan Entitas Setelah semua informasi terkumpul maka langkah selanjutnya adalah menentukan entitas utama dari semua informasi yang telah didapatkan. Misalkan dalam data Penerimaan Siswa Baru didapatkan entitas utama adalah : Calon Siswa, Pendaftaran, dan Sekolah. Setelah entitas utama didapatkan maka komponen dari

v

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

setiap entitas dapat ditentukan. Misalkan dari entitas diatas, kita dapat tentukan masing-masing komponennya adalah sebagai berikut Sekolah Calon Siswa Fasilitas Nama Umur Jenis Kelamin Poin Nilai Pendaftaran Tanggal Syarat Akademik Syarat Administrasi

Gambar : Entitas utama dan komponen 3. Mengubah Entitas ke tabel Setelah entitas dan komponen ditentukan maka kemudian masing-masing entitas dapat diubah dalam tabel. Langkah ini memungkinkan terjadinya penambahan suatu komponen. Misalkan ada suatu komponen alamat tersebut dalam sebuah entitas, maka dalam tabel alamat tersebut dapat menjadi : nama jalan, kecamatan, kelurahan, kode pos dan lain-lain. Pada contoh ini entitas utama dan komponen dapat langsung menjadi tabel tanpa harus mengalami perubahan. 4. Merelasikan Masing-masing tabel. Ada tabel yang dihubungkan antara satu dengan yang lain. Hal ini menyebabkan terbentuknya relasi antartabel. 3. Program Generate Yang menjadi masalah utama dalam pembuatan suatu generator aplikasi adalah bagaimana supaya generator aplikasi tersebut dapat berjalan sefleksibel mungkin. Oleh karena itu, untuk membuat suatu generator aplikasi yang fleksibel harus dilakukan beberapa langkah/proses. Secara umum, ada 4 tahap dalam metodologi pembuatan generator aplikasi : 1. Identify Application Description 2. Apply Application Domain KnowLedge 3. Create Program Generator 4. Generate Application-Program

Novia Siti Aisyah N.H

vi

Dinas Pendidikan Kab.Rembang Smk N 1 Rembang

Bab 4 Penutup Data-data pendaftaran siswa baru sangatlah penting, bisa jadi data seorang calon siswa satu dan siswa lainnya bisa tertukar karena kurangnya ketelitian dalam pengembangan data. Setelah penulis melakukan analisa maka dapat diperoleh kesimpulan dan saran sebagai berikut : 1. Kesimpulan 1) Data dalam pendaftaran siswa baru sangat banyak. Jika tidak ada suatu system yang bisa mengolahnya secra cepat, maka dalam pengolahan data dirasa kurang efektif dan efisien. 2) Sistem informasi akan mempermudah dalam pengolahan data terutama untuk mengetahui data seorang siswa yang terdaftar atau tidak terdaftar. 3) Sistem informasi akan menghindarkan adanya data pendaftar siswa yang sama, serta ketelitian dalam pengolahan data juga terjamin. 2. Saran 1) Sistem Informasi Pendaftaran Siswa Baru Bagi sekolah merupakan Sistem Informasi Yang sangat penting karena kecepatan Dalam pengolahan datanya sehingga jika Sewaktu-waktu data diperlukan data bisa Diambil secara cepat dan efisien. 2) Suatu system sebaiknya bukan hanya dipakai tetapi juga dilakukan perawatan secara periodic, seperti kelayakan system, kemampuan system mengakses informasi, kemampuan system memelihara informasi. 3. UCAPAN TERIMA KASIH Terima kasih kepada pihak yang telah memberikan sumbangan penting dalam proses penulisan. Referensi / Daftar Pustaka: [1] PETUNJUK PENULISAN MAKALAH.doc [2] moduldesainvisual.pdf [3] Desain Database.doc [4] Google

Novia Siti Aisyah N.H

vii