THE WORLD IN OUR HANDS

TECHNOLOGICAL DEVELOPMENT

CONNECTIVITY

PLATFORM

CRYPTO

PROGRAM HTML BIODATA SEDERHANA

Kali ini kita akan sedikit membahas program HTML untuk membuat biodata. Biodata kali ini hanya sebatas biodata yang langsung kita isikan data-data yang dibutuhkan pada umumnya.

Tampilan yang akan kita buat adalah seperti dibawah ini.


Kurang lebih data yang akan buat adalah seperti gambar diatas.

Disini yang akan kita buat adalah seperti pada word atau excel, yaitu kita membuatnya dengan memanfaatkan tabel agar lebih presisi dan mudah mengaturnya.

Untuk coding programnya silahkan perhatikan dibawah ini.

<html>
<center>
<head>
<title>BIODATA</title>
</head>
<body>
<form action="#" style="width:700px"class="posisi">
<fieldset class="h"/>
<table style="width:600px;" border="10">
<body style="background-color:aqua"></body>
<tr>
<td rowspan="10" width="150px">
<img src="aku.jpg" width="150px" height="200px" border="5" >
</td>
</tr>
<center>
<font size="25px">
<b>BIODATA</b>
</font>
</center>
<tr>
<td><b>NAMA</b></td>
<td>:   ARBA</td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>:   A11.2011.06392</td>
</tr>
<tr>
<td><b>TTL</b></td>
<td>:   BLORA, RAHASIA</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>:   BLORA</td>
</tr>
<tr>
<td><b>JENIS KELAMIN</b></td>
<td>:   LAKI-LAKI</td>
</tr>
<tr>
<td><b>AGAMA</b></td>
<td>:   ISLAM</td>
</tr>
<tr>
<td><b>PENDIDIKAN</b></td>
<td>:   S1-TEKNIK INFORMATIKA</td>
</tr>
<tr>
<td><b>STATUS</b></td>
<td>:   OTW GANTI STATUS</td>
</tr>
<table>
<tr>
</body>
<footer>
<marquee> <font face = "Calibri" Color = "Brown" Font Size = "small"> Copyright @arbawahyusejati </marquee>
</footer>
</center>
</html>

Jika ada yang ditanyakan silahkan langsung tulis dikomentar.

Semoga bisa bermanfaat.
Share:

Program HTML | Kalkulator Sederhana

Setelah setahun lamanya penulis tidak aktif, mulai tahun 2019 ini penulis akan mulai aktif menulis lagi untuk saling berbagi ilmu dengan para pembaca setia pengunjung blog sederhana ini.

Kali ini penulis akan berbagi sedikit tentang program menggunakan HTML. Kenapa HTML? Kenapa tidak yang lain? Karena menurut penulis, HTML merupakan standar penulisan yang wajib diketahui. Selain merupakan standar untuk penulisan pemrograman web khususnya, HTML juga bisa digunakan untuk menunjang bahasa pemrograman lainnya. Itulah mengapa penulis akan sedikit membahas tentang HTML.

Para pembaca bisa mencari tahu sejarah dan perkembangan HTML dengan tanya mbah Google untuk lebih jelasnya. Sekarang penulis akan langsung memberikan contoh program sederhana yang bisa kita buat menggunakan HTML. Program apa kira-kira? Ya, Kalkulator.

Program kalkulator biasa dibuat bagi orang yang masih belajar atau pemula dalam pembuatan program. Kenapa? Karena kalkulator sederhana hanya menggunakan 4 fungsi perhitungan. Yaitu pertambahan, pengurangan, perkalian dan pembagian.

Silahkan perhatikan codingnya dibawah ini.

<!DOCTYPE html>
<html>
<center>
<head>
  <meta charset="utf-8">
  <title>Arba</title>
</head>
<body>
<h1><a href="http://www.arbawahyusejati.blogspot.com/"><small>Arba SMK MUDA</small></a></h1>
<FORM NAME="Calc">
    <TABLE BORDER=4>
        <TR>
            <TD>
                <INPUT TYPE="text" NAME="Input" Size="20">
                <br>
            </TD>
        </TR>
        <TR>
            <TD>
                <INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'">
                <INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'">
                <INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'">
                <INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '">
<br>
                <INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'">
                <INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'">
                <INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'">
                <INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '">
                <br>
                <INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'">
                <INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'">
                <INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'">
                <INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '">
                <br>
                <INPUT TYPE="button" NAME="clear" VALUE=" HAPUS " OnClick="Calc.Input.value = ''">
                <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'">
                <INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
                <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
                <br>
            </TD>
        </TR>
    </TABLE>
</FORM>
</FORM> 
</body>
</center>
</html>

Diatas adalah contoh coding atau source code untuk program Kalkulator Sederhana menggunakan HTML.

Semoga bisa membantu bagi para pembaca yang masih belajar. Dan jika ada pertanyaan silahkan komen di kolom komentar.

Terimakasih.
Share:

Keliling Segitiga C

Selamat pagiiiiiiiiii
Masih membahas pemrograman dengan menggunakan bahasa C, kita akan membuat program untuk menghitung Keliling Segitiga.

Tanpa panjang lebar seperti sebelumnya mari langsung kita pergi ke TKP dibawah ini.


#include <stdio.h>
#include <conio.h>


void main ()
{
     float a, b, c, keliling;
     printf ("Program Menghitung Keliling Segitiga\n");
     printf ("\nMasukkan sisi a = ");
     scanf ("%f", &a);
     printf ("\nMasukkan sisi b = ");
     scanf ("%f", &b);
     printf ("\nMasukkan sisi c = ");
     scanf ("%f", &c);

     keliling = a + b + c;

     printf ("\nKeliling = %.2f", keliling);
}
Semoga bermanfaat.
Share:

Luas Segitiga C

Selamat pagiiiiiiiiiiiiii (saat menulis masih pagi hehe ).

Setelah beberapa saat sibuk dengan urusan sekolah, penulis menyempatkan diri untuk menulis agar saat lupa masih ada peninggalan yang bisa diingat (cielah kayak sejarah aja haha).

Beberapa waktu yang lalu penulis membahas program perhitungan juga tetapi menggunakan bahasa pemrograman C++. Nah kali ini akan coba membuat program dengan bahasa pemrograman C.

Tidak jauh berbeda dengan bahasa pemrograman C++, variabel dan tipe datanya pun masih sama, yang membedakan adalah bagaimana cara menampilkan dan memasukkan nilainya.

Oke langsung saja lihat codingnya dibawah ini.

#include<stdio.h>
#include<conio.h>


void main()
{
     float a, t, L;

     printf(" Program Menghitung Luas Segitiga\n");
     printf("\n Masukkan Alas = ");
     scanf("%f",&a);
     printf("\n Masukkan Tinggi = ");
     scanf("%f",&t);

     L=a*t/2;

     printf("\n Luas = %.2f\n",L);
}

Semoga bisa bermanfaat.
Share:

Program C++ Luas dan Keliling Layang-Layang

Masih membahas tentang pemrograman bahasa C++ untuk membuat program perhitungan bangun ruang, sekarang penulis akan membuat program untuk menghitung Luas dan Keliling Layang-Layang.

Masih sama seperti biasanya, kita harus mengetahui rumus dari masing-masing luas dan keliling layang-layang untuk kemudian bisa menentukan variabel yang akan digunakan dalam pembuatan program. Untuk rumus luas dan keliling bisa dilihat dibawah ini.

L = d1*d2/2

K = 2*(a+b)

Keterangan :

d1 = diagonal 1
d2 = diagonal 2
a   = sisi a
b   = sisi b
K  = keliling
L   = Luas

Dari rumus keliling dan luas diatas bisa kita ketahui variabel apa saja yang kita butuhkan dalam pembuatan program. Diantaranya variabel d1, d2, a, b, K dan L.

Tipe data yang penulis gunakan adalah double.

Untuk programnya bisa dilihat dibawah ini.


#include <iostream>
using namespace std;

int main(){
   double d1, d2, a, b, K, L;

   cout<<"\t\t\tMENGHITUNG KELILING DAN LUAS LAYANG-LAYANG"<<endl;
   cout<<"======================================================================================"<<endl;
   cout<<"Masukkan diagonal 1 atau d1 = ";
   cin>>d1;
   cout<<"Masukkan diagonal 2 atau d2 = ";
   cin>>d2;
   cout<<"Masukan sisi a = ";
   cin>>a;
   cout<<"Masukan sisi b = ";
   cin>>b;
   cout<<"===============================\n"<<endl;

   cout<<"Rumus Keliling Layang-Layang = 2*(a+b)"<<endl;
   K=2*(a+b);
   cout<<"Keliling = "<<K<<endl;
 
   cout<<"\nRumus Luas Layang-Layang = d1*d2/2"<<endl;
   L=d1*d2/2;


   cout<<"Luas = "<<L<<endl;
}


Silahkan jalankan programnya di aplikasi compiler yang ada di laptop atau PC, juga bisa cek online di --> OnlineGDB.

Jika ada pertanyaan silahkan isi di kolom komentar untuk belajar bersama.
Share:

Program Diskon Sederhana Menggunakan Bahasa C++

Beberapa saat sebelumnya, penulis selalu membahas tentang program untuk perhitungan suatu bangun ruang. Mulai dari Luasnya, Volume, Keliling dll. Bisa dibilang sebelumnya adalah program-program yang bisa kita gunakan untuk melatih logika awal dalam mengimplementasikan suatu rumus kedalam suatu bahasa pemrograman.

Sekarang kita akan mulai membuat program yang memiliki syarat atau kondisi tertentu yang harus dipenuhi terlebih dahulu agar bisa lanjut ke proses selanjutnya atau lanjut ke pemrosesan.

Pertama kita membutuhkan suatu kondisi yang akan mempengaruhi berapa banyaknya diskon yang bisa didapatkan. Kondisi ini biasanya diambil dari berapa banyak total pembelian yang dikeluarkan untuk membayar suatu barang tertentu. Disini penulis akan membuat 3 kondisi yang menentukan berapa banyak diskon yang bisa didapatkan.

Perhatikan kondisi program dibawah ini :
1. Jika total pembayaran diantara 1jt sampai dengan 3jt, maka diskon yang didapatkan sebesar 5%.
2. Jika total pembayaran diantara 3jt sampai dengan 5jt, maka diskon yang didapatkan sebesar 10%.
3. Jika total pembayaran diatas 5jt, maka diskon yang didapatkan sebesar 15%.

Nah, dari kondisi diatas kita harus menentukan variabel apa saja yang akan kita gunakan untuk membuat program diskon ini. Dilihat dari kondisinya, kita hanya memerlukan 3 variabel. Penulis akan menggunakan variabel dibawah ini :
1. bayar = digunakan untuk mengambil nilai total pembayaran.
2. akhir = digunakan untuk menghitung total yang dibayar jika mendapatkan diskon dan atau tidak mendapat diskon.
3. diskon = digunakan untuk menghitung diskon yang didapatkan.

Untuk tipe data, bisa memilih antara float atau int. Bisa memilih sesuai selera. Disini penulis akan menggunakan tipe data int. Perhatikan kode dibawah ini untuk program diskon.


#include <iostream>
using namespace std;

int main()
{
    int bayar, akhir, diskon;
    using namespace std;

    cout<<"Program Diskon Harga"<<endl;
    cout<<"Total Pembelian = ";
    cin>>bayar;

    if((bayar>=1000000)&&(bayar<3000000)){
       diskon =  bayar*0.05;
       akhir = bayar - diskon;
   
       cout<<endl<<"Selamat anda mendapatkan diskon 5%"<<endl;
    }else if((bayar>=3000000)&&(bayar<5000000)){
       diskon = bayar*0.1;
       akhir = bayar - diskon;
  
       cout<<endl<<"Selamat anda mendapatkan diskon 10%"<<endl;
    }else if(bayar>=5000000){
       diskon =  bayar*0.15;
       akhir = bayar - diskon;
  
       cout<<endl<<"Selamat anda mendapatkan diskon 15%"<<endl;
    }else{
       akhir = bayar;
    }
       cout<<endl<<"Jadi Total Yang Dibayarkan = "<<akhir<<endl;;

    return 0;
}


Silahkan dicoba programnya menggunakan compiler yang ada di laptop atau komputer. Jika berat bisa menggunakan compiler online ini --> Online GDB.

Jika ada pertanyaan silahkan isi di kolom komentar untuk belajar bersama.
Share:
Arba Wahyu Sejati. Diberdayakan oleh Blogger.

Selamat Datang di Rumah Visual Kami

Salam hangat dari penulis bagi para pembaca :)
Semoga bisa saling berbagi ilmu


Translate to

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Heroes Myspace Comments

Total Tayangan Halaman