Graphics g;
int width = 850;
int height = 700;
int x0 = width/2;
int y0 = height/2;
double px, tx, py, ty;
int l, t;
}
f. kodingan mengatur panjang lebar dan title kanvas
public bab3_Relasi_fungsi() {
initComponents();
setTitle("MODUL PRAKTIKUM - GRAFIK & FUNGSI ");
setSize(P, L);
setLocationRelativeTo(null);
setVisible(true);
}
g. Kodingan untuk membuat sumbu dan jangan lupa warna pada sumbu yang kita
inginkan
@Override
public void paint(Graphics g) {
super.paint(g); //To change body of generated methods, choose Tools | Templates.
g.setFont(new Font("Times new Roman", Font.BOLD, 12));
g.drawString("SUMBU Y", x0+(-55), 65);
g.drawString("SUMBU X", x0+(360), y0-(-15));
g.drawString("(0,0)", x0+(-25), y0-(-15));
g.setColor(Color.WHITE);
g.drawLine(0, y0, P, y0);
g.setColor(Color.WHITE);
g.drawLine(x0, 0, x0, L);
}
2. Membuat Kurva Garis Lurus
• Klik kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 2.1)
GAMBAR 2.1
GAMBAR 2.2
• Kemudian Isi Inputan Dengan
X.Awal = -360 M=4
X.Akhir = 80 P=2
Lalu Klik Menu Garis Lurus (GAMBAR 2.3)
GAMBAR 2.3
GAMBAR 2.4
3. Membuat Kurva Parabola
• Klik kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 3.1)
GAMBAR 3.1
double xs =-b/(2*a);
double xawal =xs-d/2;
int jumlah = (int)(d+1);
for (int i = 0; i <jumlah; i++){
x[i] = (int) (x0+ xawal + i);
y[i] = (int) (y0-(a* Math.pow((xawal +i),2) + b*(xawal+i)+c));
}
g.setColor(Color.black);
g.drawPolyline(x, y, jumlah);
}
• Kemudian Klik Kanan Run File (GAMBAR 3.2)
GAMBAR 3.2
GAMBAR 3.3
GAMBAR 2.1
4. Membuat kurva Lingkaran
a. Lingkaran Polinom
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 4.1.1)
GAMBAR 4.1.1
GAMBAR 4.1.2
GAMBAR 4.1.3
GAMBAR 4.1.4
b. Lingkaran Trigonometri
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 4.2.1)
GAMBAR 4.2.1
• Source Kode Untuk Lingkaran Polinom
int x[]= new int [10000];
int y[]= new int [10000];
g = (Graphics) jPanel1.getGraphics();
double pX = Double.parseDouble(sdtawal.getText());
double pY = Double.parseDouble(sdtakhir.getText());
double r = Double.parseDouble(ampl.getText());
int sudut = 0;
int jumlah = 360;
GAMBAR 4.2.2
GAMBAR 4.2.3
GAMBAR 4.2.4
5. Membuat kurva Ellips
a. Elips Polinom
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 5.1.1)
GAMBAR 5.1.1
GAMBAR 5.1.2
• Kemudian Isi Inputan Dengan
Px=150 Py=100
H=50 h=75
Lalu Klik Menu Ellips Polinom (GAMBAR 5.1.3)
GAMBAR 5.1.3
GAMBAR 5.1.4
b. Elips Trigonometri
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 5.2.1)
GAMBAR 5.2.1
• Source Kode Untuk Ellips Trigonometri
int x[]= new int [10000];
int y[]= new int [10000];
int sudut = 0;
g = (Graphics) jPanel1.getGraphics();
double pX = Double.parseDouble(sdtawal.getText());
double pY = Double.parseDouble(sdtakhir.getText());
double h = Double.parseDouble(ampl.getText());
double k = Double.parseDouble(kurva.getText());
GAMBAR 5.2.2
• Kemudian Isi Inputan Dengan
Px=150 Py=100
H=50 h=75
Lalu Klik Menu Ellips Polinom (GAMBAR 5.2.3)
GAMBAR 5.2.3
Hasil koding Ellips Trigonometri (GAMBAR 5.2.4)
GAMBAR 5.2.4
6. Kurva Trigonometri
a. Sinus
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.1.1)
GAMBAR 6.1.1
• Source Kode Untuk Sinus
g = getGraphics();
double sawal = Double.parseDouble(sdtawal.getText());
double sakhir = Double.parseDouble(sdtakhir.getText());
double ampli = Double.parseDouble(ampl.getText());
double n = Double.parseDouble(kurva.getText());
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.1.2
GAMBAR 6.1.3
GAMBAR 6.1.4
b. Trigonometri Cosinus
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.2.1)
GAMBAR 6.2.1
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.2.2
• Kemudian Isi Inputan Dengan
sawal=-360 sakhir=360
Ampli=24 n=3
Lalu Klik Menu Ellips cosinus (GAMBAR 6.2.3)
GAMBAR 6.2.3
GAMBAR 6.2.4
c. trigonometri tangen
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.3.1)
GAMBAR 6.3.1
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.3.2
• Kemudian Isi Inputan Dengan
sawal=-360 sakhir=360
Ampli=24 n=3
• Lalu Klik Menu tangen (GAMBAR 6.3.3)
GAMBAR 6.3.3
GAMBAR 6.3.4
d. trigonometri cotangen
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.4.1)
GAMBAR 6.4.1
• Source Kode Untuk cotangen
g = getGraphics();
double sawal = Double.parseDouble(sdtawal.getText());
double sakhir = Double.parseDouble(sdtakhir.getText());
double ampli = Double.parseDouble(ampl.getText());
double n = Double.parseDouble(kurva.getText());
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.4.2
• Kemudian Isi Inputan Dengan
sawal=-360 sakhir=360
Ampli=24 n=3
Lalu Klik Menu Cotangen (GAMBAR 6.4.3)
GAMBAR 6.4.3
Hasil Koding Cotangen (GAMBAR 6.4.4)
GAMBAR 6.4.4
e. trigonometri secan
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.5.1)
GAMBAR 6.5.1
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.5.2
GAMBAR 6.5.3
GAMBAR 6.5.4
f. trigonometri cosecan
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 6.6.1)
GAMBAR 6.6.1
int [] x,y;
int jumlah =(int) Math.abs(sakhir - sawal);
double sudut = sawal;
x = new int [jumlah];
y = new int [jumlah];
GAMBAR 6.6.2
GAMBAR 6.6.3
7. Animasi Lintasan Kurva
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 7.1)
GAMBAR 7.1
java.util.logging.Logger.getLogger(Animasi_lintas_kurva.class.getName()).log(Level.SE
VERE, null, ex);
}
g.setColor(Color.red);
g.drawRect(x[i], y[i], 20, 20);
g.setColor(Color.blue);
g.drawRect(x[i], y1[i], 20, 20);
}
}
• Kemudian Isi Inputan Dengan
Px=-0 Py=0 Radius=70
Lalu Klik Menu lintasan kurva (GAMBAR 7.2)
GAMBAR 7.2
GAMBAR 7.3
8. Event untuk Componen delete
a. Hapus
Berfungsi hanya untuk mereset gambar saja
• kanan pada item yang kita buat
• lalu pilih event > Action > actionPerformed (GAMBAR 8.1.1)
GAMBAR 8.1.1
GAMBAR 8.1.2
GAMBAR 8.2.1
Source Kode untuk Reset :
private void resetActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
repaint();
sdtawal.setText(null);
sdtakhir.setText(null);
ampl.setText(null);
kurva.setText(null);
}
• Lalu Klik Menu Delete Hapus (GAMBAR 8.2.2)
GAMBAR 8.2.2