Membuat Sub Total di Excel

Subtotal merupakan sebuah operasi dalam rangka mencari total dari sebuah data angka yang sudah dilakukan sort.

Membuat Subtotal

Untuk memasang subtotal di database, berikut adalah langkah-langkahnya ya...

1. Lakukanlah operasi database dengan kunci pada pengurutan field Jabatan secara ascending, contohnya seperti di bawah ini:



2. Selanjutnya adalah klik tab Data, grup Outline kemudian klik Subtotal untuk menampilkan kotak dialog Subtotal. Lalu atur seperti berikut ya kawan....


Penjelasan:
1. At each change in, pilihlah field Jabatan dikarenakan sort dilakukan pada field tersebut.
2. Use function, dikerenakan yang akan dicari adalah subtotal, maka fungsi yang paling cocok adalah SUM (penjumlahan)
3. Add subtotal to, contohnya untuk menentukan kolom yang akan dicari subtotalnya, klik saja Total gaji.
4. Replace current subtotal, digunakan untuk memperbaharui hasil subtotal, apabila proses subtotal dilakukan lebih dari satu.
5. Page break between groups, digunakan untuk menyisipkan pemutusan halaman pada setiap grup.
6. Summary below data, digunakan jika pilihan ini diaktifkan maka subtotal dan Grand Total akan diletakkan di bawah masing-masing sub data.
7. Remove All, tombol ini dipakai untuk menghapus subtotal
3. Jika akan melakukan pengaturan di atas maka klik tombol OK, hasil akan tampak seperti di bawah ini ya...

Penjelasan:
1.  tombol ini untuk menampilkan Grand Total saja
2.  tombol ini digunakan untuk menampilkan Subtotal dan Grand Total saja
3.  tombol ini digunakan untuk memunculkan seluruh data secara detail
4.  tombol ini digunakan untuk memunculkan grup yang sama
5.  tombol ini digunakan untuk menyembunyikan grup yang sama

Menghapus Subtotal

Untuk Menghapus Subtotal, langkah-langkahnya sebagai berikut ya sobat....

1. Klik dalam salah satu sel di database yang sudah dicari subtotalnya.
2. Kemudian klik tab Data, Grup Outline, lalu klik Subtotal.
3. Kemudian di kotak dialog Subtotal, klik tombol Remove All.

Manyaring Data (Filter)

Halo sobat jamane komputer, kali ini saya akan sedikit membahas tentang Menyaring Data (Filter) di dalam Ms. Excel ya, Silahkan sobat semua membaca uraian di bawah ini:

Filter yaitu proses untuk menyaring data yang sesuai dengan kriteria yang sudah dipilih dan menyembunyikan data yang tidak sesuai dengan apa yang diinginkan.

Memakai Autofilter

Untuk memakai autofilter, berikut langkah-langkahnya:

1.	Klik salah satu sel di dalam database yang sudah dibuat
2.	Kemudian lakukan salah satu saja langkah di bawah ini:
	- Klik tab Data, grup Sort & Filter, kemudian klik ikon
	- KLik tab Home, grup Editing, kemudian klik pilihan Sort & Filter lalu klik
3.	Dengan melakukan kedua langkah tadi, maka setiap field akan muncul tanda filter
4	Klik tanda anak panah ke bawah pada field yang diinginkan untuk di sharing, contohnya Jabatan, kemudian lakukan langkah-langkah berikut ini:
	- Klik kotak yang ada pada sebelah kiri Select All untuk menghilangkan seluruh checklist yang terpasaang
	- Lalu klik pilihan data yang akan ditampilkan, contohnya klik pilihan Sales, lalu klik OK.
5.	Untuk melihat hasil penyaringan untuk Sales akan tampak seperti gambar di bawah ini:
	Menghapus Filter
	Untuk menghapus Filter, Lakukanlah salah satu langkah berikut ini:
	1. Klik tombol filteryang telah dicari filternya. Lalu klik Clear Filter From.
	2. Klik tab Data, grup Sort & Filter, klik ikon

Mengurutkan Data di Excel

Halo sobat jamane komputer, kali ini saya akan sedikit membahas tentang Mengurutkan Data (Sort) di dalam Ms. Excel ya, Silahkan sobat semua membaca uraian di bawah ini:

Sort terdiri dari 2 macam, ascending (mengurutkan dari yang kecil ke yang besar) dan descending (mengurutkan dari yang besar ke yang kecil).

Berikut dicontohkan langkah-langkah mengurutkan data secara ascending:

1.       Klik nama field yang dijadikan sebagai kunci pengurutan data. Misalnya klik sel D5:

      

2.       Langkah selanjutnya adalah:
             Klik tab Data, grup Sort & Filter, klik       
             Klik tab Home, grup Editing, lalu klik pilihan Sort & Filter kemudian klik 

3.       Salah satu dari cara di atas, maka akan menghasilkan seperti gambar di bawah ini:

Data juga dapat diurutkan secara descending (dari yang tertinggi ke yang rendah), langkah-langkahnya sebagai berikut:

1.       Klik nama field sebagai kunci pengurutan data

2.       Lalu kerjakan salah satu dari pilihan berikut ini:
       Klik tab Data, grup Sort & Filter, klik ikon 
         Klik tab Home, grup Editing, lalu klik pilihan Sort & Filter lalu klik pilihan

Database di Ms. Excel

Halo sobat jamane komputer, kali ini saya akan sedikit membahas tentang database di dalam Ms. Excel ya...

Database di Ms. Excel merupakan range yang menyusun berupa daftar. Baris urutan pertama dalam range disebut dengan Field dan baris yang kedua dan selanjutnya disebut record. Gambar berikut ini adalah merupakan contoh dari sebuah range.

Untuk mengoperasikan database ada beberapa syarat yang harus diperhatikan:

1.       Nama untuk field hanya terdiri dari satu baris saja

2.       Tidak diperbolehkan terdapat nama field sama

3.       Tidak diperbolehkan field yang kosong

4.       Nama field tidak diperbolehkan menggunakan nama sel.

Hal-hal yang dapat dilakukan dalam penggunaan database adalah:

Mengurutkan Data (Sort)

Terdapat 2 cara untuk mengurutkan data yaitu Ascending (dari kecil ke besar) dan Descending (dari besar ke kecil)

Menyaring Data (Filter)

Merupakan proses penyaringan data sesuai pilihan kriteria yang ditentukan dan tidak menampilkan (menyembuyikan) data yang tidak sesuai dengan kriteria

Subtotal

Merupakan operasi untuk mencari jumlah total dari suatu data berupa angka yang sudah diurutkan.

Pivot Table And Pivot Chart Report

Merupakan ringkasan dalam bentuk tabel

Grafik

Untuk membuat grafik

Printing

Digunakan untuk mencetak worksheet (lembar kerja) atau grafik

Merge Cell di HTML

Halo sahabat Jamane Komputer, kali ini saya ingin menyampaikan sesuati tentang merge cell. Merge cell digunakan untuk menggabungkan beberapa cel di dalam tabel menjadi satu. Untuk menggabungkan baris menggunakan perintah rowspan dan untuk menggabungkan kolom.  menggunakan perintah colspan. Perhatikan uraian berikut ini ya kawan:

<html>

<head>

<title>Contoh Program Merge Cell di HTML</title>

</head>

<body>

<h1>Merge Baris dan Kolom </h1>

<table border="1">

    <tr>

        <td>Baris ke 1, Kolom ke 1</td>

        <td>Baris ke 1, Kolom ke 2</td>

        <td>Baris ke 1, Kolom ke 3</td>

    </tr>

    <tr>

        <td>Baris ke 2, Kolom ke 1</td>

        <td colspan="2" >Baris ke 2, Kolom ke 2 & ke 3</td>

    </tr>

    <tr>

        <td rowspan="2"> Baris ke 3 & ke 4, Kolom ke 1</td>

        <td> Baris ke 3, Kolom ke 2</td>

        <td> Baris ke 3, Kolom ke 3</td>

    </tr>

    <tr>

        <td> Baris ke 4, Kolom ke 2</td>

        <td> Baris ke 4, Kolom ke 3</td>

    </tr>

</table>

</body>

</html>

dari kode program di atas maka akan ditampilkan hasil berikut ini:

Uji Coba

Untuk lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba latihan di bawah ini ya:

Uji coba 1:
Buatlah merge baris dan kolom sehingga akan menampilkan seperti di bawah ini:

Nama file: uji_coba_1.html

<html>

<head>

<title>Uji Coba 1</title>

</head>

<body>

<h1>Merge Baris dan Kolom </h1>

<table border="1">

    <tr>

        <td colspan="3">Baris ke 1, Kolom ke 1 & ke 2 & ke 3</td>

    </tr>

    <tr>

        <td>Baris ke 2, Kolom ke 1</td>

        <td colspan="2" >Baris ke 2, Kolom ke 2 & ke 3</td>

    </tr>

    <tr>

        <td rowspan="2"> Baris ke 3 & ke 4, Kolom ke 1</td>

        <td> Baris ke 3, Kolom ke 2</td>

        <td> Baris ke 3, Kolom ke 3</td>

    </tr>

    <tr>

        <td colspan="2"> Baris ke 4, Kolom ke 3</td>

    </tr>

</table>

</body>

</html>

Membuat Form di HTML

Element Form
Element FORM digunakan untuk menjelaskan form interaktif. Element ini memiliki atribut yaitu action, dan method. Atribut action berisi aksi terhadap form yang dikirim (URI) dan atribut method berisi metode form melakukan proses pengiriman (GET/POST).

Sintaks sebagai berikut:
<form action="action" method="GET"|"POST">
   ...........................
</form>


Element Input
Element INPUT digunakan untuk menjelaskan input yang dimasukkan oleh pengguna. Element ini memiliki atribut yaitu name, size, type, value, checked.
Atribut name menjelaskan nama dari input kontrol form, atribut size menjelaskan ukuran teks pada input kontrol, type menjelaskan bentuk input kontrol, value menjelaskan nilai awal/reset/submit, checked menjelaskan pilihan terpilih pada type radio/checkbox. Element ini tidak memiliki tag penutup dan harus berada di dalam element FORM.

Sintaks sebagai berikut:
<input 
          name="name" 
          size="number"
          type="text"|"checkbox"|"radio"|"submit"|"reset"
          value="value"
          checked >


Element Select
Element SELECT berfungsi untuk menjelaskan opsi pilihan pada form kontrol. Element ini memiliki atribut yaitu name, size, multiple (diizinkan banyak pilihan). Element ini berada dalam element FORM.

Sintaks sebagai berikut:
<select
          name="name" 
          size="number"
          multiple >
.....................
</select>


Element Option
Element OPTION menjelaskan opsi pilihan pada menu SELECT. Element ini memiliki atribut selected, dan value. Atribut selected opsi terpilih dan atribut value berisikan nilai element OPTION.

Sintaks sebagai berikut:
<option
          selected 
          value="number" >
.....................
</option>



Element Textarea
Element TEXTAREA berfungsi sebagai input kontrol form untuk menginputkan teks lebih dari satu baris. Element ini memiliki atribut yaitu name, cols, rows. Atribut name menjelaskan nama input kontrol form element textarea, atribut cols menjelaskan jumlah kolom textarea yang terlihat, dan atribut rows menjelaskan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks sebagai berikut:
<textarea
          name="name" 
          cols="number"
          rows="number" >
.....................
</textarea>

Uji Coba

Untuk lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba latihan di bawah ini ya:

Uji coba 1:
Buatlah form dengan input kontrol form yang berisi text, checkbox, radio, reset, submit, seperti contoh di bawah ini:
                  
Nama file: uji_coba_1.html

<html> <head> <title> uji coba 1</title> </head> <body> <FORM METHOD="POST" ACTION="">    <H4>FORM</H4>    <INPUT TYPE="text" NAME="uji1" SIZE="20" VALUE="Masukkan Nama Anda.">    <BR><BR>    <B>Apakah anda pelajar?</B>    <INPUT TYPE="checkbox" NAME="uji2">    <BR><BR>    <B>Berapa Umur anda?</B>    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r1">10 - 15    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r2">16 - 20    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r3">21 - 25    <BR><BR>    <INPUT TYPE="submit" NAME="uji4" VALUE="Send">    <INPUT TYPE="reset" NAME="uji5" VALUE="Clear"> </FORM> </body> </html>

Jika diisi nama Joko ; Pelajar di check ; umur 21-25 ; maka jika form ini di submit data form yang terkirim adalah uji1="Joko"&uji2="1"&uji3="r3"

Uji Coba 2:
Dari Uji coba 1 tambahkan menu select seperti kode program di bawah ini:
    
Nama file: uji_coba_2.html

<html> <head> <title>uji coba 2</title> </head> <body> <FORM METHOD="POST" ACTION="detik.com">    <H4>FORM</H4>    <INPUT TYPE="text" NAME="uji1" SIZE="20" VALUE="Masukkan nama anda">    <BR><BR>    <B>Apakah anda pelajar?</B>    <INPUT TYPE="checkbox" NAME="uji2">    <BR><BR>    <B>Berapa Umur anda?</B>    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r1">10 - 15    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r2">16 - 20    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r3">21 - 25    <BR><BR>    <B>Anda berasal dari mana?</B>    <BR>    <SELECT NAME="var6" SIZE="1">       <OPTION VALUE="ID">Indonesia       <OPTION VALUE="MY">Malaysia       <OPTION VALUE="SG" SELECTED>Singapura    </SELECT>    <BR><BR>    <INPUT TYPE="submit" NAME="uji4" VALUE="Send">    <INPUT TYPE="reset" NAME="uji5" VALUE="Clear"> </FORM> </body> </html>

Uji coba 3:
Dari Uji coba 2 tambahkan textarea seperti kode program di bawah ini:
    
Nama file: latihan7_2.html

<html> <head> <title>Latihan7-2</title> </head> <body> <FORM METHOD="POST" ACTION="detik.com">    <H4>FORM</H4>    <INPUT TYPE="text" NAME="uji1" SIZE="20" VALUE="Masukkan nama anda">    <BR><BR>    <B>Apakah anda pelajar?</B>    <INPUT TYPE="checkbox" NAME="uji2">    <BR><BR>    <B>berapa umur anda?</B>    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r1">10 - 15    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r2">16 - 20    <BR>    <INPUT TYPE="radio" NAME="uji3" VALUE="r3">21 - 25    <BR><BR>    <B>Anda berasal dari mana?</B>    <BR>    <SELECT NAME="var6" SIZE="1">       <OPTION VALUE="ID">Indonesia       <OPTION VALUE="MY">Malaysia       <OPTION VALUE=”SG" SELECTED>Singapura    </SELECT>    <BR><BR>    <B>Komentar:</B>    <BR>    <TEXTAREA NAME="var7" COLS="30" ROWS="6">    </TEXTAREA>    <BR><BR>    <INPUT TYPE="submit" NAME="uji4" VALUE="Send">    <INPUT TYPE="reset" NAME="uji5" VALUE="Clear"> </FORM> </body> </html>

Hiperlink

Element A
Element A digunakan dalam menghubungkan internal atau eksternal halaman web. Element ini memiliki atribut href, name, dan target.  Atribut href digunakan sebagai hypertext reference yang memiliki nilai URI (uniform resource identifier) yang menghubungkan eksternal halaman web. Atribut name digunakan untuk menghubungkan tempat yang dituju dalam halaman web. Atribut target digunakan untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

Sintaks:
<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
   ...........................
</a>
                                                             Uji Coba

Untuk lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba latihan di bawah ini ya:

Uji coba 1:
Membuat link eksternal:

Link:
1. google
2. yahoo
 
                         
Nama file: uji_coba_1.html

<html> <head> <title>uji coba 1</title> </head> <body> Link: <ol> <li><a href="http://www.google.co.id">google</a></li> <li><a href="http://www.yahoo.co.id">yahoo</a></li> </ol> </body> </html>

Menampilkan Gambar di HTML

Sobat jamane komputer kali ini saya ingin menyampaikan tentang menyisipkan gambar di dalam bahasa pemrograman HTML, silahkan teman-teman untuk menyimak uraian sebagai berikut ya:

Element IMG
Element IMG digunakan untuk memunculkan gambar. Element ini tidak memiliki tag penutup dan memiliki atribut yaitu align, alt, border, height, width, hspace (jarak kosong pada posisi horizontal, vspace (jarak kosong pada posisi vertikal), src (lokasi dari gambar disimpan bersama nama file-nya).

Sintaks sebagai berikut:
<img 
   align="left"|"right"|"top"|"middle"|"bottom"
   alt="text"
   border="pixel"
   width="pixel"|"%"
   height="pixel"|"%"
   hspace="pixel"
   vspace="pixel"
   src="uri">

Uji Coba

Untuk lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba latihan di bawah ini ya:

Uji Coba 1:
menampilkan gambar image212.jpg dengan ukuran width dan height 180pixel serta border 6 pixel :
                         

Nama file: uji_coba_1.html

<html> <head> <title>Uji Coba 1</title> </head> <body> <img width="180" height="180" src="image212.jpg"> </body> </html>

Uji Coba 2:
Dari uji coba 1 ubah gambar menjadi yang terdapat dalam direktori /images dengan nama image222.jpg
                        

Nama file: uji_coba_2.html

<html> <head> <title>Uji Coba 2</title> </head> <body> <img width="180" height="180" src="./images/image222.jpg"> </body> </html>

Membuat Table di HTML

Sobat jamane komputer kali ini saya ingin menyampaikan tentang pembuatan tabel di dalam bahasa pemrograman HTML, silahkan teman-teman untuk menyimak uraian sebagai berikut ya:

Element TABLE
Element TABLE digunakan untuk membuat data multidimensi yang terdiri kolom dan baris. Element ini memiliki atribut seperti align, bgcolor, border, cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), height (tinggi tabel). Element TABLE berisi element CAPTION, TH, TR dan TD.

Sintaks sebagai berikut:

<table
   align="left"|"center"|"right"
   bgcolor="color"
   border="pixel"
   cellpadding="pixel"
   cellspacing="pixel"
   width="pixel"|"%"
   height="pixel"|"%" >
........................
</table>


Element CAPTION 
Element CAPTION digunakan untuk membuat judul dari tabel. Element ini berada dalam element TABLE dan memiliki attribute align dengan nilai top (posisi judul terletak di atas tabel), dan bottom (posisi judul terletak di bawah tabel).

Sintaks sebagai berikut:
<caption  align="top"|"bottom">
      ..........................
</caption>


Element TR (Table Row)
Element TR berupa baris pada tabel dan element berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Atribut yang terdapat pada element ini adalah align, valign (posisi vertikal), dan bgcolor.

Sintaks sebagai berikut:
<tr
   align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color">
      ..........................
</tr>


Element TH (Table Header) dan TD (Table Data)
Element TH dan TD merupakan informasi pada tabel. TH menggambarkan isi sel sebagai header sel pada kolom tabel dan data tersebut tercetak tebal dan pada posisi ditengah sel. Element TH dan TD ini terletak di dalam element TR. Atribut kedua element ini adalah align, valign, bgcolor, colspan, rowspan 

Sintaks sebagai berikut:
<th 
   align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number">
      ..........................
</th>

<td 
   align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number">
      ..........................
</td>

Uji Coba

Untuk lebih memahami uraian di atas, silahkan sobat jamane komputer untuk mencoba latihan di bawah ini ya:

Uji Coba 1:
Buatlah tabel untuk teks di bawah ini ya sobat:

Tabel 1

No.   Nama
1.      Adam Hanafi
2.      Firman Utina
3.      Rahmat Fauzi
                         

Nama file: uji_coba_1.html

<html> <head> <title>Uji Coba 1</title> </head> <body> <table align="center" border="1" bgcolor="yellow" cellpadding="4" cellspacing="0" > <caption align="top"><b>Tabel 1.1</b></caption> <tr>     <th>No.</th>     <th>Nama</th> </tr> <tr>     <td>1.</td>     <td>Adam Hanafi</td> </tr> <tr>     <td>2.</td>     <td>Firman Utina</td>     </tr> <tr>     <td>3.</td>     <td>Rahmat Fauzi</td>     </tr> </table> </body> </html>