JSP (Java Server Pages) .. Login LogOut, Upload Download, Simple Search File.

Halooo ... What Are you doing here??? my Blog not good for your...hahaha, Gua bercanda dink..
Thanks Udah mau mampir di blog gua... mungkin gua ada sedikit ilmu tentan JSP yang bisa gua share kepada teman" mungkin juga sedang kebingunan karena kerjaan atau karena kuliah... Comeon dudes.... We are Programmer, we don't own. Kalo mau melihat video nya dapat dilihat di http://goo.gl/ZDCfN5
dan bisa download tutorial disini.

Simple Login With JSP (Java Server Pages)

Simple Login With JSP (Java Server Pages)

by Muhammad awalludin

Karena saya tidak dapat membuat postingan dengan link dailymontion untuk tampil di blog saya.. teman-teman bisa tonton video tutorial nya disini ya :)

Link Video  

Thanks,
Muhammad Awalludin

Pengganti Left and Right Join Pada Oracle dan Syntax Union dan Union All

Hai...Thanks for read my blog..gua rasa biar nggak BETE gua buat lebih singkat, padat dan Jelas karena kita generasi nggak banyak baca sedikit ngerti tapi sedikit baca banyak ngertinya:

1. Left dan Right Join Syntax di Oracle Bisa di ganti dengan tanda (+).

Left Join:: Apabila ingin menampilkan semua data di tabel kiri yang memiliki atau tidak memiliki pasangan. Penentuan Left Outer Joinmaka tanda (+) diletakkan disisi kanan tanda pembanding.
Right Join :: Apabila ingin menampilkan semua data di tabel kanan yang memiliki atau tidak memiliki pasangan. Penentuan Right Outer Joinmaka tanda (+) diletakkan disisi kiri tanda pembanding.

Tanda (+) pada oracle adalah right atau left join...tergantung dari penempatan
!!! Ingat untuk right dan left join selalu table yang paling banyak record mengikuti yang sedikit record.
Example :
Case 1 Right Join ::
t_A.Emp_id (+) = t_B.Emp_id
Case 2 Left Join ::
t_A.Emp_id = t_B.Emp_id(+)

Bonus ::
tanda | | di oracle itu sama dengan ++ kalo untuk di sql server  ||''|| tanda petik dalam Pipe itu memberi spasi dalam gabungan.
Kapan sih bisa di gunain tanda | | pada oracle??
Mungkin kamu pernah membuat suatu design table ex: T_data
field nya adalah : nama_depan , nama_tengah, nama_belakang
Nah kalo kamu mau menampilkan full_name kamu nggak perlu membuat 1 field table untuk itu karena hanya membuang Space dari Memori Server atau Laptop Kamu.....
Kita akan menggabungkan ke 3 field tersebut sehingga menjadi nama panjang atau full name ::
Select  nama_depan |''| nama_tengah |''| nama_belakang as full_name from T_data  <--- Oracle
Kalo Sql Server
Select  nama_depan + + nama_tengah  + + nama_belakang as full_name from T_data <---Sql Server
** Untuk Sql Server beri Spasi di antara tanda +

2.Union Dan Union All

Union :: menggabungkan isi dari 2 (dua) tabel atau lebih dan nilai yang sama hanya akan di ambil 1 sample aja.
Union All :: menggabungkan keseluruhan data walaupun data tersebut mempunyai nilai yang sama
!! field table yang di cari harus lah sama...
contoh::
t_A.A1 = {‘1001’, ‘1002’, ‘1003’, ‘1004’, ‘1005’}
t_B.B1 = {‘1002’,’1005’,’1006’,’1007’}
Union : (SELECT * FROM t_A)as t_a UNION (SELECT * FROM t_B) as t_b | hasil {‘1001’, ‘1002’, ‘1003’, ‘1004’, ‘1005’, ’1006’,’1007’}
Union All :: (SELECT * FROM t_A)as t_a UNION All (SELECT * FROM t_B) as t_b | hasil  {‘1001’, ‘1002’, ‘1003’, ‘1004’, ‘1005’, ‘1002’,’1005’,’1006’,’1007’}



TerimaKasih,
Sutan Muhammad Awalludin Koto.

Trik And Tips Syntax in Oracle And SQL Server

Hai...Teman-Teman...
TerimaKasih saya ucapkan, telah mampir di blog saya...saya disini akan membagikan berberapa tips bagaimana sih mengoptimize query yang dalam execute nya terlalu lama :

1.Misalkan dalam satu table Ex : Table A memiliki 10000(record) dan Table B memiliki 150000(record),
Struktur Table A :
Emp_Id, Emp_name, Emp_add, Emp_phone
Struktur Table B :
Emp_id, E_Knowled, E_Skill, E_Sallary, E_Experience

2.Pada Case Ini Kita hanya mengeluarkan Nama, alamat, pengalaman. Kebanyakan orang awam selalu menggunakan cara yang salah sehingga membuat query terexecute terlalu lama...

Tips dan Trik :
1. Jangan gunakan select on select karena merupakan joinan table yang memiliki record yang banyak dan untuk joinan yang banyak jangan pernah gunain subquery kecuali Untuk one field dan juga select mini atau kecil... tanya kenapa??
baik.. saya akan ilustrasiin ::

Select T_A.Emp_name,T_A.Emp_add,T_B.E_Experience
From T_A, T_B
Where T_B.E_Experience = (select * from T_B where E_Experience (experesi))
And T_A.Emp_Id = T_B.Emp_Id

sebenar nya query di atas di larang karena kita melakukan execute berulang...setelah kita mengexecute query besar kita juga mengexecute masing" query besar, kalau mau menggunakan hal tersebut bisa saja tetapi alangkah lebih baik query sub hanya mengambil field" tertentu, Contoh :

Select T_A.Emp_name,T_A.Emp_add,T_B.E_Experience
From T_A, T_B
Where T_B.E_Experience = (select E_Experience from T_B where E_Experience = "1 Tahun")
And T_A.Emp_Id = T_B.Emp_Id

jadi dalam sub query juga executenya jauh lebih ringan.

2. Trik dalam query :

1- Hindari Select * from Name_Table
2- Ambil Field Table yang hanya di perlukan saja.
3- Pastikan Joinan Table Memiliki Field Yang sama.
4- Gunakan Sedikit Kodisi OR.
5- Hindari Select On Select atau SubQuery
6- Perhatikan Proses Server dalam Log.
7- Gunakan Query yang irit (Union,Trigger),Tidak disarankan Query" kecil dalam execute secara bersamaan.

Oracle 10g (Muhammad Awalludin_1103162_TI_3.D)

TUGAS PRAKTIKUM (Sub Query)

Membuat table mhs
1.CREATE TABLE mhs (
2.nim varchar(5),
3.namaMhs varchar(30),
4.PRIMARY KEY(nim)
5.);

1.INSERT INTO mhs VALUES
2.(’001′, ‘Jcoko’),
3.(’002′, ‘Amir’),
4.(’003′, ‘Budi’);

Membuat table mk
1.CREATE TABLE mk (
2.kodeMK varchar(5),
3.namaMK varchar(20),
4.sks int(11),
5.PRIMARY KEY(kodeMK)
6.);

1.INSERT INTO mk VALUES
2.(‘A01′, ‘Kalkulus’, 3),
3.(‘A02′, ‘Geometri’, 2),
4.(‘A03′, ‘Aljabar’, 3);

Membuat table ambilmk
1.CREATE TABLE ambilmk (
2.nim varchar(5),
3.kodeMK varchar(5),
4.nilai int(11),
5.PRIMARY KEY(nim, kodeMK)
6.);

1.INSERT INTO ambilmk VALUES
2.(’001′, ‘A01′, 3),
3.(’001′, ‘A02′, 4),
4.(’001′, ‘A03′, 2),
5.(’002′, ‘A02′, 3),
6.(’002′, ‘A03′, 2),
7.(’003′, ‘A01′, 4),
8.(’003′, ‘A03′, 3);

Pertanyaan :
1. Tampilkan nama mahasiswa dan nilai matakuliah yang memiliki nilai tertinggi dalam matakuliah ‘A02′.

2. Dalam perkuliahan dengan kode ‘A03′, siapakah mahasiswa (nim dan nama) yang memiliki nilai di atas rata-rata nilai dari semua mahasiswa yang mengambil matakuliah tersebut?

3. Dari data mahasiswa yang terdaftar, siapa sajakah (nama) mahasiswa yang tidak mengambil matakuliah ‘A01′?

4. Hapuslah data mahasiswa (dari tabel mhs) yang memiliki IPK terendah (kasus di DO).

5. Tampilkan mahasiswa yang memiliki IPK di bawah 3.5.

6. Untuk semua mahasiswa yang mengambil matakuliah ‘A03′, nilai matakuliah tersebut dinaikkan 1, karena ada kesalahan perhitungan nilai oleh dosennya

PRAKTIKUM PERTEMUAN 4 LATIHAN SOAL

1) Buat daftar yang unik dari semua pekerjaan pada department 30, tampilkan pula lokasi dari
department 30 pada output.

2) Buat daftar yang unik dari semua pekerjaan pada department 30, tampilkan pula lokasi dari
department 30 pada output.

3) Tampilkan nama pegawai, nama department dan lokasi dari semua pegawai yang memiliki
komisi (komisi tidak sama dengan NULL)

4) Tampilkan nama pegawai dan nama department untuk semua pegawai yang memiliki huruf
‘A’ pada namanya.

5) Buat query untuk menampilkan nama pegawai, pekerjaan, nomor department, dan nama
department untuk semua pegawai yang bekerja di kota ‘DALLAS’

6) Buat query untuk menampilkan nama pegawai dan nomor pegawai, nama manager dan nomor
pegawai dari manager.

7) Modifikasi query pada nomor 6, buat outer join untuk menampilkan pula data pegawai yang tidak mempunyai manager.

8) Buat query yang menampilkan nama pegawai, nomor department, dan semua employee yang
bekerja pada department yang sama dengan employee. Samakan judul kolom seperti yang

ada pada hasil berikut :

jawab

9) Tampilkan struktur dari table SALGRADE. Buat query yang menampilkan nama pegawai,
pekerjaan, nama department, gaji dan grade untuk semua pegawai.

10) Buat query untuk menampilkan nama dan tanggal mulai bekerja dari pegawai yang tanggal
bekerjanya setelah pegawai bernama ‘BLAKE’

11) Tampilkan semua nama pegawai dan tanggal kerjanya serta nama manager dan tanggal
kerjanya dimana tanggal mulai kerja pegawai lebih dulu daripada tanggal mulai kerja
managernya.

Latihan 2 CDM KTP Quis Basdat

script kalender JS (Java Script)

<script>
setCal()
function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}
function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February
ar[2] = 31 // March
ar[3] = 30 // April
ar[4] = 31 // May
ar[5] = 30 // June
ar[6] = 31 // July
ar[7] = 31 // August
ar[8] = 30 // September
ar[9] = 31 // October
ar[10] = 30 // November
ar[11] = 31 // December


// return number of days in the specified month (parameter)
return ar[month]
}


function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "January"
ar[1] = "February"
ar[2] = "March"
ar[3] = "April"
ar[4] = "May"
ar[5] = "June"
ar[6] = "July"
ar[7] = "August"
ar[8] = "September"
ar[9] = "October"
ar[10] = "November"
ar[11] = "December"
// return name of specified month (parameter)
return ar[month]
}
function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
if (year < 1000)
year+=1900
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null
// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null
// number of days in current month
var days = getDays(month, year)
// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year)
}
function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 10 // height of the table's header cell
var border = 0 // 3D height of table's border
var cellspacing = 1 // width of table's border
var headerColor = "red" // color of table's header
var headerSize = "+1" // size of tables header font
var colWidth = 30 // width of columns in table
var dayCellHeight = 15 // height of cells containing days of the week
var dayColor = "yellow" // color of font representing week days
var cellHeight = 35 // height of cells representing dates in the calendar
var todayColor = "yellow" // color specifying today's date in the calendar
var timeColor = "white" // color of font representing current time
// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year 
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell
// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'
// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "Sun"
weekDay[1] = "Mon"
weekDay[2] = "Tue"
weekDay[3] = "Wed"
weekDay[4] = "Thu"
weekDay[5] = "Fri"
weekDay[6] = "Sat"
// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol 
}
text += '</TR>'
// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1
for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<b><FONT COLOR="' + todayColor + '" SIZE=2>'
text += digit
text += '</FONT><BR>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}
// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'
// print accumulative HTML string
document.write(text) 
}
</script>

• JavaScript II
• JavaScript III
• JavaScript prompt
• Js Event dan Fungsi
• Interaksi Js
• membuat Jam dgn JS
• Interaksi Js dgn textarea

Script Jam JS (java script)

<canvas id="clock" width="100" height="100"></canvas>
               <script type="text/javascript">
        window.onload = function() {
            function draw() {
                var ctx = document.getElementById('clock').getContext('2d');
                ctx.strokeStyle = "rgba(0, 0, 0, 1)";
                ctx.clearRect(0, 0, 100, 100);
                ctx.beginPath();
                ctx.lineWidth = 1;
                ctx.arc(50, 50, 48, 0, Math.PI * 2, true);
                ctx.stroke();
                var i;
                for(i=0; i < 360; i+=6) {
                    ctx.lineWidth = ((i % 30)==0)?3:1;
                    ctx.strokeStyle = ((i % 30)==0)?"rgb(200,0,0)":"rgb(0,0,0)";
                    var r = i * Math.PI / 180;
                    ctx.beginPath();
                    ctx.moveTo(50+(45 * Math.sin(r)), 50+(45 * Math.cos(r)));
                    ctx.lineTo(50+((((i % 30)==0)?37:40) * Math.sin(r)), 50+((((i % 30)==0)?37:40) * Math.cos(r)));
                    ctx.closePath();
                    ctx.stroke();
                }
                ctx.strokeStyle = "rgba(32, 32, 32, 0.6)";
                // hour
                var d = new Date();
                var h = (d.getHours() % 12) + (d.getMinutes() / 60);
                ctx.lineWidth = 4;
                ctx.beginPath();
                ctx.moveTo(50+(25 * Math.sin(h * 30 * Math.PI / 180)), 50+(-25 * Math.cos(h * 30 * Math.PI / 180)));
                ctx.lineTo(50+(5 * Math.sin((h+6) * 30 * Math.PI / 180)), 50+(-5 * Math.cos((h+6) * 30 * Math.PI / 180)));
                ctx.closePath();
                ctx.stroke();
                //minute
                var m = d.getMinutes() + (d.getSeconds() / 60);
                ctx.strokeStyle = "rgba(32, 32, 32, 0.8)";
                ctx.lineWidth = 2;
                ctx.beginPath();
                ctx.moveTo(50+(38 * Math.sin(m * 6 * Math.PI / 180)), 50+(-38 * Math.cos(m * 6 * Math.PI / 180)));
                ctx.lineTo(50+(3 * Math.sin((m+30) * 6 * Math.PI / 180)), 50+(-3 * Math.cos((m+30) * 6 * Math.PI / 180)));
                ctx.closePath();
                ctx.stroke();
                //second
                var s = d.getSeconds() + (d.getMilliseconds() / 1000);
                ctx.strokeStyle = "rgba(0, 255, 0, 0.7)";
                ctx.lineWidth = 1;
                ctx.beginPath();
                ctx.moveTo(50+(45 * Math.sin(s * 6 * Math.PI / 180)), 50+(-45 * Math.cos(s * 6 * Math.PI / 180)));
                ctx.lineTo(50+(10 * Math.sin((s+30) * 6 * Math.PI / 180)), 50+(-10 * Math.cos((s+30) * 6 * Math.PI / 180)));
                ctx.closePath();
                ctx.stroke();
            }
            setInterval(draw, 100);
        }
    </script>

• JavaScript II
• JavaScript III
• JavaScript prompt
• Js Event dan Fungsi
• Interaksi Js
• membuat Jam dgn JS
• Interaksi Js dgn textarea

Pengenalan JS

JAVA SCRIPT

A.    Mengenal Program JavaScript

Jika anda sudah pernah belajar bahasa pemrograman seperti C, Pascal atau Visual Basic mungkin tidak akan terlalu sulit untuk mempelajari bahasa pemrograman Java Script.

Penulisan beberapa perintah dalam JavaScipt adalah case sensitive, jadi penulisan kode harus diperhatikan. Untuk latihan pertama kali buatlah kode JavaScript sederhana dibawah ini.

Pada navigator versi lama yang tidak mendukung JavaScript, penggunaan kode JavaScript akan merusak dokumen HTML yang sudah dibuat dengan bagusnya. Agar hal itu tidak terjadi, maka perlu kita tambahkan teg komentar <!-- … //--> agar kode tidak akan dieksekusi sebagai program akan tetapi hanya komentar.

js_teks.html

<html> <head> <title>JavaScript</title> </head> <body> <script language="JavaScript"> <!--   document.write("My First JavaScript !<br>");   document.write("Selamat berjuang"); //--> </script> </body> </html>

Hasil jadi :

My first JavaScript !

Selamat berjuang

• JavaScript II
• JavaScript III
• JavaScript prompt
• Js Event dan Fungsi
• Interaksi Js
• membuat Jam dgn JS
• Interaksi Js dgn textarea