Makalah Desain Web

13
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

Transcript of Makalah Desain Web

Page 1: 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 REMBANGSMK NEGERI 1 REMBANGJl.Gajah Mada No.1 Rembang

Telp (0295) 691377

Page 2: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk 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

Page 3: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk N 1 Rembang

Halaman Pengesahan

Judul Makalah : Sistem Penerimaan Siswa Baru Online Berbasis WebSub Judul : “Desain Layout”

“Desain Database”“Program Generate”

Nama : Novia Siti Aisyah N.HKelas : 2 TKJNo.Abs : 22NIS : 9023Bidang 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 3Tahun 2007/2008

Rembang ,22 Desember 2008

Mengetahui/Menyetujui

Ketua Jurusan

(Moh.Daryanto)

NIP

Pembimbing

(Windy Riesdyansyah)

NIP

Novia Siti Aisyah N.H ii

Page 4: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk 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] Desember 2008

AbstrakBahasa 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

Page 5: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk N 1 Rembang

Bab 1Pendahuluan

A. JudulSistem Penerimaan Siswa Baru Online Berbasis Web B. Sub Judul“Desain Layout” “Desain Database”“Program Generate”C. Batasan MasalahDisini kami hanya akan membahas tentang bagaimana cara mendesain layout,mendesain database serta membuat program generate dalam Sistem Informasi Pendaftaran Siswa BaruD. Latar BelakangMakalah ini di susun guna memenuhi tugas dari Pembimbing. Makalah ini harus sudah diterima oleh Pembimbing paling lambat 22 Desember 2008E. TujuanPembuatan 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 DasarPada 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. Konfigurasi1. Flowchart

2. Algoritma Logina.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.

Novia Siti Aisyah N.H

User name,input Password

Password terdaftar

Menu Utama

Mulai

Selesai

iv

Page 6: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk N 1 Rembang

Bab 2ISI

1. Merancang LayoutLayout adalah tampilan gambar dan teks pada suatu halaman web yang tersusun sehingga enak untuk dilihat dan dibaca.A. Langkah Perancangan LayoutBagaimana 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 cetaktampilannya akan nampak lebih kecil.Apa akibatnya jika tampilan layout lebih besar ukurannya daripada browser ? maka selain kurang menarik untuk

dilihat, sebagian format halaman akan hilang.2. Mendesain DatabaseMenyimpan 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 Kebutuhan2.Desain Konseptual3.Desain Logikal4.Desain FisikUntuk 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 InformasiMengumpulkan 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 EntitasSetelah 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

Novia Siti Aisyah N.H v

Page 7: Makalah Desain Web

Dinas Pendidikan Kab.RembangSmk N 1 Rembang

setiap entitas dapat ditentukan. Misalkan dari entitas diatas, kita dapat tentukan masing-masing komponennya adalah sebagai berikut

Gambar : Entitas utama dan komponen3. Mengubah Entitas ke tabelSetelah 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 GenerateYang menjadi masalah utama dalam pembuatan suatu generator aplikasi adalah bagaimana supaya generator aplikasi tersebut dapat berjalan se-fleksibel 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 Description2. Apply Application Domain KnowLedge3. Create Program Generator 4. Generate Application-Program

Bab 4Penutup

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. Kesimpulan1) 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 KASIHTerima 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

Calon SiswaNamaUmurJenis KelaminPoin Nilai

SekolahFasilitas

Pendaftaran Tanggal Syarat AkademikSyarat Administrasi

vi