photo banner-fanny_zps9ad1ff0c.gif

Senin, 24 November 2014

Program Data Record

A. Flowchart
B. Listing Program

program record_2;
uses wincrt;
type siswa=record
     nama,alamat,asal,alasal,ttl:string;
     jurusan:1..5;
     prestasi:1..3;
     nem:real;
end;
larik_baru=array[1..17] of siswa;
var sisba,copy:larik_baru;
    i,j,x,n,acak:byte;
    pil:1..9;
procedure daftar(var a:larik_baru);
var lagi:char;
begin
repeat
begin
     inc(n);
     writeln('No Pendaftaran ke ',n);
     writeln;
     write('Nama                        : ');readln(a[n].nama);
     write('Tempat Tanggal Lahir        : ');readln(a[n].ttl);
     write('Alamat                      : ');readln(a[n].alamat);
     write('Asal Sekolah                : ');readln(a[n].asal);
     write('Alamat Sekolah              : ');readln(a[n].alasal);;
     write('Jumlah NEM                  : ');readln(a[n].nem);
     writeln;
     writeln('Prestasi yang pernah diraih (0:Tidak, 1:Kabupaten, 2:Nasional, 3:Internasional)');
     writeln('Hanya boleh melampirkan 1 prestasi');
     write('Prestasi Anda? ');readln(a[n].prestasi);
     writeln;
     writeln('Pilihan Jurusan:');
     writeln('          1. Teknik Jaringan (TKJ)');
     writeln('          2. Multimedia (MM)');
     writeln('          3. Akuntansi (AK)');
     writeln('          4. Administrasi Perkantoran (AP)');
     writeln('          5. Pemasaran (PM)');
     write('Pilihan Jurusan (1/2/3/4/5) : ');readln(a[n].jurusan);
     writeln;
     write('Daftar Selanjutnya (y/t)? ');readln(lagi);
     writeln;
end
until (lagi<>'y');
end;
procedure cetak(var a:larik_baru);
var jur:string;
    pres,jumlah,e,b,c,d:real;
   
begin
clrscr;
writeln('                     Data Pendaftar Siswa Baru SMKN 1 Bantul                   ');
writeln('                             Tahun Ajaran 2013/2014                            ');
writeln('_______________________________________________________________________________');
writeln('| No |   Nama    |    Asal Sekolah   | Jurusan |  NEM  |Prestasi| Total Nilai |');
writeln('|----|-----------|-------------------|---------|-------|--------|-------------|');
for i:=1 to n do
begin
e:=0.25;
b:=0.50;
c:=1.00;
d:=0;
with a[i] do
begin
     if (a[i].jurusan= 1) then jur:='TKJ' else
     if (a[i].jurusan= 2) then jur:='MM' else
     if (a[i].jurusan= 3) then jur:='AK' else
     if (a[i].jurusan= 4) then jur:='AP' else
                               jur:='PM';
     if (a[i].prestasi=1) then begin pres:=0.25;jumlah:=a[i].nem+e;end else
     if (a[i].prestasi=2) then begin pres:=0.50;jumlah:=a[i].nem+b;end else
     if (a[i].prestasi=3) then begin pres:=1.00;jumlah:=a[i].nem+c;end else
                               begin pres:=0.00;jumlah:=a[i].nem+d;end;
writeln('|',i:3,' |',nama:10,' |  ',asal:15,'  |   ',jur:3,'   | ',nem:2:2,' |  ',pres:2:2,'  |    ',jumlah:2:2,'    |');
end;
end;
writeln('|____|___________|___________________|_________|_______|________|_____________|');
end;
procedure cari(var a:larik_baru);
var search,jur:string;
    pres,e,b,c,d,jumlah:real;
    tempat:byte;
begin
clrscr;
acak:=0;
write('Siapa yang Anda cari? ');readln(search);
for i:=1 to n do
begin
if (a[i].nama=search) then
   begin
   tempat:=i;
   inc(acak);
   writeln(acak,' ',search,' ada di nomor pendaftaran ',tempat,' dengan data sebagai berikut.');
     writeln('Nama                        : ',a[tempat].nama);
     writeln('Tempat Tanggal Lahir        : ',a[tempat].ttl);
     writeln('Alamat                      : ',a[tempat].alamat);
     writeln('Asal Sekolah                : ',a[tempat].asal);
     writeln('Alamat Sekolah              : ',a[tempat].alasal);
     writeln('Jumlah NEM                  : ',a[tempat].nem:2:2);
     writeln;
   end;
end;
if (acak=0) then writeln('nama ',search,' tidak ada di dalam daftar');
end;
procedure fil_jur(var a:larik_baru);
var lagi:char;
    acak:byte;
    jur:string;
    pres,e,b,c,d,jumlah:real;
begin
repeat
begin
e:=0.25;
b:=0.50;
c:=1.00;
d:=0;
with a[i] do
begin
     if (a[i].jurusan= 1) then jur:='TKJ' else
     if (a[i].jurusan= 2) then jur:='MM' else
     if (a[i].jurusan= 3) then jur:='AK' else
     if (a[i].jurusan= 4) then jur:='AP' else
                               jur:='PM';
     if (a[i].prestasi=1) then begin pres:=0.25;jumlah:=a[i].nem+e;end else
     if (a[i].prestasi=2) then begin pres:=0.50;jumlah:=a[i].nem+b;end else
     if (a[i].prestasi=3) then begin pres:=1.00;jumlah:=a[i].nem+c;end else
                               begin pres:=0.00;jumlah:=a[i].nem+d;end;
end;
begin
for i:=1 to n do
clrscr;
writeln('Daftar Jurusan');
writeln('1. Teknik Komputer Jaringan');
writeln('2. Multimedia');
writeln('3. Akuntansi');
writeln('4. Administrasi Perkantoran');
writeln('5. Pemasaran');
writeln;
write('Masukkan Pilihan Anda 1/2/3/4/5 : ');readln(pil);
case pil of
1: begin
   acak:=0;
   writeln;
   writeln('Data pendaftar pada jurusan Teknik Komputer Jaringan');
   writeln('____________________________________________________________');
   writeln('| No | No Daftar |     Nama     |    Asal Sekolah  |  NEM  |');
   writeln('|----|-----------|--------------|------------------|-------|');
   for i:=1 to n do
   begin
   if (a[i].jurusan=1) then
   begin
   inc(acak);
   writeln('|',acak:3,' |',i:10,' |',a[i].nama:12,'  | ',a[i].asal:15,'  | ',a[i].nem:2:2,' |');
   end;
   end;
   writeln('|____|___________|______________|__________________|_______|');
   end;
2: begin
   acak:=0;
   writeln;
   writeln('Data pendaftar pada jurusan Multimedia');
   writeln('____________________________________________________________');
   writeln('| No | No Daftar |     Nama     |    Asal Sekolah  |  NEM  |');
   writeln('|----|-----------|--------------|------------------|-------|');
   for i:=1 to n do
   begin
   if (a[i].jurusan=2) then
   begin
   inc(acak);
   writeln('|',acak:3,' |',i:10,' |',a[i].nama:12,'  | ',a[i].asal:15,'  | ',a[i].nem:2:2,' |');
   end;
   end;
   writeln('|____|___________|______________|__________________|_______|');
   end;
3: begin
   acak:=0;
   writeln;
   writeln('Data pendaftar pada jurusan Akuntansi');
   writeln('____________________________________________________________');
   writeln('| No | No Daftar |     Nama     |    Asal Sekolah  |  NEM  |');
   writeln('|----|-----------|--------------|------------------|-------|');
   for i:=1 to n do
   begin
   if (a[i].jurusan=3) then
   begin
   inc(acak);
   writeln('|',acak:3,' |',i:10,' |',a[i].nama:12,'  | ',a[i].asal:15,'  | ',a[i].nem:2:2,' |');
   end;
   end;
   writeln('|____|___________|______________|__________________|_______|');
   end;
4: begin
   acak:=0;
   writeln;
   writeln('Data pendaftar pada jurusan Administrasi Perkantoran');
   writeln('____________________________________________________________');
   writeln('| No | No Daftar |     Nama     |    Asal Sekolah  |  NEM  |');
   writeln('|----|-----------|--------------|------------------|-------|');
   for i:=1 to n do
   begin
   if (a[i].jurusan=4) then
   begin
   inc(acak);
   writeln('|',acak:3,' |',i:10,' |',a[i].nama:12,'  | ',a[i].asal:15,'  | ',a[i].nem:2:2,' |');
   end;
   end;
   writeln('|____|___________|______________|__________________|_______|');
   end;
5: begin
   acak:=0;
   writeln;
   writeln('Data pendaftar pada jurusan Pemasaran');
   writeln('____________________________________________________________');
   writeln('| No | No Daftar |     Nama     |    Asal Sekolah  |  NEM  |');
   writeln('|----|-----------|--------------|------------------|-------|');
   for i:=1 to n do
   begin
   if (a[i].jurusan=5) then
   begin
   inc(acak);
   writeln('|',acak:3,' |',i:10,' |',a[i].nama:12,'  | ',a[i].asal:15,'  | ',a[i].nem:2:2,' |');
   end;
   end;
   writeln('|____|___________|______________|__________________|_______|');
   writeln;
   end;
   end;
write('Mau Filter lagi <y/t> ?  ');readln(lagi);
end;
end;
until (lagi<>'y');
end;
procedure sortir_nama(var a:larik_baru);
var backup:siswa;
begin
for i:=1 to n do copy[i]:=a[i];
for i:=1 to n-1 do
begin
     for j:=i+1 to n do
     begin
     if (copy[i].nama>copy[j].nama) then
     begin
          backup:=copy[i];
          copy[i]:=copy[j];
          copy[j]:=backup;
     end;
     end;
end;
writeln('Data Pendaftar sesuai nama');
writeln;
cetak(copy);
end;
procedure sortir_nem(var a:larik_baru);
var backup:siswa;
    jumlah:real;
begin
for i:=1 to n do copy[i]:=a[i];
for i:=1 to n-1 do
begin
     for j:=i+1 to n do
     begin
     if (copy[i].nem<copy[j].nem) then
     begin
          backup:=copy[i];
          copy[i]:=copy[j];
          copy[j]:=backup;
     end;
     end;
end;
writeln('Data Pendaftar sesuai jumlah NEM');
writeln;
cetak(copy);
end;
procedure edit(var a:larik_baru);
var ganti:byte;
begin
write('Data yang akan diedit: ');readln(ganti);
writeln('Mengedit data ke ',ganti);
writeln;
write('Nama                        : ');readln(a[ganti].nama);
write('Tempat Tanggal Lahir        : ');readln(a[ganti].ttl);
write('Alamat                      : ');readln(a[ganti].alamat);
write('Asal Sekolah                : ');readln(a[ganti].asal);;
write('Alamat Sekolah              : ');readln(a[ganti].alasal);
write('Jumlah NEM                  : ');readln(a[ganti].nem);
writeln;
writeln('Prestasi yang pernah diraih (0:Tidak, 1:Kabupaten, 2:Nasional, 3:Internasional)');
writeln('Hanya boleh melampirkan 1 prestasi');
write('Prestasi Anda? ');readln(a[ganti].prestasi);
writeln('Pilihan Jurusan:');
writeln('          1. Teknik Jaringan (TKJ)');
writeln('          2. Multimedia (MM)');
writeln('          3. Akuntansi (AK)');
writeln('          4. Administrasi Perkantoran (AP');
writeln('          5. Pemasaran (PM)');
write('Pilihan Jurusan (1/2/3/4/5) : ');readln(a[ganti].jurusan);
writeln;
writeln('Pendaftar ke ',ganti,' sudah di edit');
end;
procedure hapus(var a:larik_baru);
var hilang:byte;
begin
write('Data yang akan dihapus: ');readln(hilang);
for i:=hilang to n-1 do a[i]:=a[i+1];
    dec(n);
writeln('Pendaftar ke ',hilang,' sudah di hapus');
end;
begin
repeat
begin
     clrscr;
     writeln('     ..::SELAMAT DATANG DI SMKN 1 BANTUL::..');
     writeln('   Penerimaan Siswa Baru Tahun Ajaran 2013/2014');
     writeln('_____________________________________________________');
     writeln;
     writeln('1. Daftar');
     writeln('2. Tabel Pendaftar');
     writeln('3. Cari Nama Pendaftar');
     writeln('4. Daftar Perjurusan');
     writeln('5. Sortir Nama Pendaftar');
     writeln('6. Sortir Jumlah NEM');
     writeln('7. Edit Data');
     writeln('8. Hapus Data');
     writeln('9. Selesai');
     write('pilihan anda? ');readln(pil);
     clrscr;
     case pil of
     1: daftar(sisba);
     2: cetak(sisba);
     3: cari(sisba);
     4: fil_jur(sisba);
     5: sortir_nama(sisba);
     6: sortir_nem(sisba);
     7: edit(sisba);
     8: hapus(sisba);
     9: begin
        writeln;
        writeln('        ..::Terima Kasih::..        ');
        writeln('  Telah mendaftar di SMK N 1 Bantul ');
        writeln('..Silahkan tunggu info selanjutnya..');
        end;
     end;
     readln;
end; 
until (pil=9);
end.

C. Hasil Run program

 

PENGENALAN HTML

HTML


Sebelum belajar HTML, alangkah lebih baik jika kita memahami konsep dasar HTML terlebih dahulu.
Pengertian HTML
HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.
  • HTML merupakan singkatan dari Hyper Text Markup Language.
  • HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
  • Suatu markup language berupa serangkaian markup tags.
  • HTML menggunakan markup tags untuk mendeskripsikan halaman web.
HTML Tags
HTML markup tags biasa disebut HTML tags.
  • HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
  • HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
  • Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
  • Start tags dan end tags biasa juga disebut opening tags dan closing tags.
HTML Documents = Web Pages
  • HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
  • HTML documents berisi HTML tags dan plain text atau text biasa.
  • HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.
Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.
1
2
3
4
5
6
7
8
9
<html>
<body>
 
<h1>Judul Pertama</h1>
 
<p>Paragraf pertama</p>
 
</body>
</html>
Coba contoh HTML diatas dengan HTML Editor.
Penjelasan Contoh
  • Teks di antara <html> dan </html> mendeskripsikan web page.
  • Teks di antara <body> dan </body> adalah konten halaman web yang akan tertampil.
  • Teks di antara <h1> dan </h1> digunakan untuk menampilkan judul.
  • Teks di antara <p> dan </p> digunakan untuk menampilkan paragraf.

 DASAR HTML


Saat mempelajar HTML, terdapat dasar HTML yang paling sering dipergunakan dalam penulisan HTML. Meliputi : HTML Headings, HTML Paragraphs, HTML Links dan HTML Images.
HTML Headings
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.
1
2
3
<h1>Judul</h1>
<h2>Judul</h2>
<h3>Judul</h3>
Coba contoh HTML diatas dengan HTML Editor.
HTML Paragraphs
Paragraf ditulis menggunakan tag <p>.
1
2
3
4
5
6
<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
<p>Paragraf ketiga</p> 
<p>Paragraf keempat</p>
<p>Paragraf kelima</p>
<p>Paragraf keenam</p>
Coba contoh HTML diatas dengan HTML Editor.
HTML Links
Links ditulis menggunakan tag <a>.
1
<a href="http://www.pemrograman.org/">Pemrograman.org</a>
Coba contoh HTML diatas dengan HTML Editor.
HTML Images
Gambar ditulis menggunakan tag <img>.
1
<img src="statx.jpg" width="738" height="327" />
Coba contoh HTML diatas dengan HTML Editor.


ELEMEN HTML

HTML Elements
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.
Start tag * Isi Elemen End tag *
<p> This is a paragraph </p>
<a href=”google.com” > This is a link </a>
<br />

HTML Element Syntax
Sintaks elemen HTML mempunyai ciri sebagai berikut:

  • Elemen HTML dimulai dengan start tag / opening tag
  • Elemen HTML diakhiri dengan end tag / closing tag
  • Isi Elemen / element content adalah semua yang terdapat diantara start tag dan end tag
  • Beberapa elemen HTML tidak memiliki isi atau konten
  • Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
  • Sebagian besar elemen HTML dapat diberi atribut tertentu
Nested HTML Elements
Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.
Contoh Dokumen HTML
1
2
3
4
5
6
7
<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>
Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah:
Elemen <p>. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen HTML. Elemen ini dimulai dengan start tag <p> dan diakhiri dengan end tag </p>. Isi atau konten dari elemen ini adalah: Paragraf pertama
<p>Paragraf pertama</p>
Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah: elemen paragraf (yang sudah dijelaskan diatas).
<body>
<p>Paragraf pertama</p>
</body>
Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen body (yang sudah dijelaskan diatas).
<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>
Empty HTML Elements
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.
Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:
<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen