Oko Carono

Welcome To My Blog

Kamis, 30 Maret 2017

Tugas P.WEB

Source kode pada html yang ditambah CSS :

<html>

<head>
    <title>form tabel</title>
         <style type="text/css">
body {

     font-size: 20px;
     color: navy;
     }
p {
    font-family: calibri, helvetica, sans-serif;
}
h2 {
         float: left;
        margin-left: 100px;
        font-style: italic;
        text-decoration: underline;
        font-size: 30px;

       }
#footer{
        font-style: italic;
        text-decoration: underline;
        font-size: 23px;
        color: blue;
        }

</style>
</head>
    <body bgcolor="##22AAB9">
        <table border="0" align="center">
    <tr>
        <td colspan="3" bgcolor="orange">
            <img src="logouad.png" width="100px" height="100px" align="left">
            <h2 align="center">Cara Membuat WEB</h2>
        </td>
    </tr>
        <td bgcolor="#FF8C00"> <b> MENU </b>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Atribut</a></li>
        <li><a href="#">Pendaftaran</a></li>
    </ul>
        </td>
    <td>
    <table border="0" align="center" bgcolor="#FBEC5D">
        <b>FORM PENDAFTARAN</b>
        <form action="#" method="post">
        <tr>
            <td> Nama </td> <td>:</td><td> <input type="text" name="nama" placeholder="Ketikan Nama Anda" /><br /></td>
        </tr>
        <tr>
            <td> NIM </td> <td>:</td><td> <input type="text" name="nama" placeholder="Ketikan NIM Anda" /><br /></td>
        </tr>
            <tr>
            <td> Agama </td> <td>:</td><td> <select name="agama">
                        <option>Islam</option>
                        <option>Katolik</option>
                        <option>Protestan</option>
                        <option>Lainnya</option>
                        </select><br /></td>
            </tr>

        <tr>
            <td> Hobi </td> <td>:</td><td>
                        <input type="checkbox" name="hobi1" /> Voli
                        <input type="checkbox" name="hobi2" /> Basket
                        <input type="checkbox" name="hobi3" /> Membaca
                        <input type="checkbox" name="hobi4" /> Traveling<br /></td>
        </tr>
        <tr>
            <td> Jenis Kelamin </td> <td>:</td><td> <input type="radio" name="jk" value="pria" /> Pria
                            <input type="radio" name="jk" value="pria" /> Wanita<br />
        </tr>
            <tr>
                <td> <input type="submit" name="daftar" value="daftar" />
                    <input type="reset" /></tr>
    </form>

    </table>
    </td>
        <td bgcolor="#FF8C00"><b>Sosial Media</b>

    <ul>
        <li><a href="http:/www.facebook.com" target="_blank">Facebook</a></li>
        <li><a href="http://www.instagram.com" target="_blank">Instagram</a></li>
        <li><a href="http://okocarono22.blogspot.co.id" target="_blank">Blog Saya</a></li>
    </ul>
        </td>

            <tr>
                <td colspan="3" bgcolor="gray" id="footer"> <center> <b>Oko Carono</br>
                Prodi Teknik Informatika </br>
                Fakultas Teknologi Industri </br>
                Universitas Ahmad Dahlah
                </b> </center> </td>
            </tr>

        </table>
    </body>
</html>

Setelah ditambahkam CSS :

Tugas Pemrograman Web

Yoo. . . Kali ini saya akan share pembahasan pemrograman web dikelas membahas tentang form dan atribut-atribut nya. Teks form sendiri di HTML dimulai dengan tag <form> dan di akhiri dengan tag penutup </form>. Di form ini kita akan mempelajari tentang <input>, <textarea>, name, value, placeholder, dll. Langsung saja saya berikan source code HTML.

Source Code HTML:

Setelah di buka di Web Browser:

Sekian tentang belajar form sederhana pada HTML, Tunggu untuk post tentang Web selanjutnya.

See You . . .

Senin, 27 Maret 2017

Bilangan Ganjil Atau Genap

ANALISIS:

Menentukan sebuah bilangan apakah bilangan tersebut bernilai ganjil atau bernilai genap, setiap angka yang dibagi dengan 2 dan tidak memiliki sisa (0) maka angka tersebut adalah bilangan genap.
bilangan genap = bilangan % 2 == 0
contoh :
Masukan Angka : 2765
Angka 2765 adalah bilangan GANJIL

ALGORITMA:

ganjil_genap{User menginputkan suatu bilangan, dengan pencabangan if else akan dihitung sesuai hasil analisis, dan mencetak nilai bilangan tsersebut ganjil atau genap}

DEKLARASI:

angka (integer)

DESKRIPSI:

START

read (angka)

if (angka % 2 == 0) then
write (“bilangan GENAP”) else
write (“bilangan GANJIL”) endif
END

Gambar pada Raptor :

Program pada C++ :

#include <iostream>
#include <string>

using namespace std;
int main(){
   string raptor_prompt_variable_zzyz;
   int angka;

   raptor_prompt_variable_zzyz = " Massukan Angka : ";
   cout << raptor_prompt_variable_zzyz ;
   cin >> angka;
   if (angka % 2==0){
      cout << " Angka " << angka << " adalah bilangan GENAP " << endl;
    }
   else{
      cout << " Angka " << angka << " adalah bilangan GANJIL" << endl;
    }

   return 0;
}

Outputnya pada program C++ adalah :

Lihat juga di blog partner kelompok saya https://fadhfaiz.wordpress.com/ dan http://dalangefajar.blogspot.co.id/

Konversi Nilai Ke Bentuk Huruf

ANALISIS:

Menginputkan nilai dengan ketentuan:
Nilai 80 – 100 adalah A
Nilai 60 – 79 adalah B
Nilai 40 – 59 adalah C
Nilai 20 – 39 adalah D
Nilai 0 – 19 adalah E
Contoh :
Masukan Nilai : 90
Nilai A

ALGORITMA:

Cetak_Nilai {Menginputkan nilai integer, lalu mencetak hasilnya dengan huruf sesuai Analisis}

DEKLARASI:

nilai (integer)

DESKRIPSI:

START
else if (nilai <= 100 && nilai >= 80 ) then
Nilai← ‘A’
else if (nilai <=79 && nilai >= 60) then
Nilai← ‘B’
else if (nilai <=59 && nilai >= 40) then
Nilai ← ‘C’else if (nilai <= 39 && nilai >=20) then
Nilai ← ‘D’
else if (nilai <=19 && nilai >=0) then
Nilai← ‘E’
else
END

Gambar pada Raptor :

Program pada C++ :

#include <iostream>
#include <string>

using namespace std;
int main()
{
   string raptor_prompt_variable_zzyz;
   int nilai;

   raptor_prompt_variable_zzyz ="Masukan Nilai : ";
   cout << raptor_prompt_variable_zzyz ;
   cin >> nilai;
    if (nilai<=100 && nilai>=80){
          cout << "Nilai A" << endl;
        }
    else{
        if (nilai<=79 && nilai>=60){
        cout << "Nilai B" << endl;
        }
    else{
        if (nilai<=59 && nilai>=40){
        cout << "Nilai C" << endl;
        }
    else{
        if (nilai<=39 && nilai>=20){
        cout << "Nilai D" << endl;
        }
    else{
        if (nilai<=19 && nilai>=0){
        cout << "Nilai E" << endl;
        }
    else{
    }
    }
    }
    }
    }
   return 0;
}

Outputnya adalah :

Lihat juga di blog partner kelompok saya https://fadhfaiz.wordpress.com/ dan http://dalangefajar.blogspot.co.id/

Kamis, 23 Maret 2017

Pratikum MATDIS #2

Pada Pratikum Matdis (Matematika Diskrit) yang ke 2 Saya Akan Membuat Program Mencari KPK Dan FPB.

#include <cstdlib>
#include <iostream>
using namespace std;

int main(){
    int i,j,a,b,r,kpk;
    int p;
    kpk=0;

cout<<"1. Menentukan KPK"<<endl;
cout<<"2. Menentukan FPB"<<endl;
cout<<"3. EXIT"<<endl;
cout<<"Masukkan pilihan anda : ";
cin>>p;

switch (p){
    case 1:
       cout<<"\nMencari KPK"<<endl;
       cout<<"Masukkan Bilangan Pertama : ";
       cin>>a;
       cout<<"Masukkan Bilangan Kedua : ";
       cin>>b;
       cout<<endl;
       cout<<a<<" = ";
       for(i=a;i<=50;i++){
           if(i%a==0){
               cout<<i<<", ";
           }
       }

       cout<<endl;
       cout<<b<<" = ";
       for(j=b;j<=50;j++){
           if(j%b==0){
               cout<<j<<", ";
           }
       }
       for(i=1;i<=b;i++){
           kpk=kpk+a;
           if(kpk % b==0){
               cout<<"\n\nKPK : "<<kpk<<endl;
               break;
    case 2:
       cout<<"\nMencari FPB"<<endl;
       cout << "Masukkan Bilangan Pertama : ";
       cin >>a;
       cout << "Masukan Bilangan Kedua : " ;
       cin >>b;
       r = a%b;

       do{
        cout << a << " : " << b << " = " << a/b << " sisa " << r << endl;
        a = b;
        b = r;
        r = a%b;
       }
        while (r!=0);
       cout <<"\n" <<a << " : " << b << " = " << a/b << " sisa " << r << endl;
       cout << "\nmaka FPB dari kedua nilai tersebut adalah: " << b << endl;
       break;
    case 3:
       cout<<"EXIT Now !!!"<<endl;
       break;

    default:
       cout<<"Error !!!"<<endl;
       }
    }

    system("PAUSE");
    return EXIT_SUCCESS;

    }
}

Pratikum MATDIS #1

Pada Pratikum Matdis(Matematika Diskrit) Saya Akan Membuat Himpunan Gabungan Dan Irisan, silahkan lihat source kode dibawah ini :

#include <iostream>
#include <string>

using namespace std;
int main(){
    int n,m;
    int pilih;
    int himp1[n],himp2[m];

    int x=1;
    while(x){
    cout<<"Himpunan Gabungan & Irisan"<<endl;
    cout<<"masukan jumlah himpunan A : ";
    cin>>n;

    for(int i=0;i<n;i++){
        cout<<"masukan elemen ke "<<i+1<<" himpunan A : ";
        cin>>himp1[i];
    }
    cout<<"\n HIMPUNAN A : {";
    for(int i=0;i<n;i++){
        cout<<himp1[i]<<" , ";
    }
    cout<<"}"<<endl<<endl;
        cout<<"masukan jumlah himpunan B : ";
    cin>>m;
    for(int i=0;i<m;i++){
        cout<<"masukan elemen ke "<<i+1<<" himpunan B : ";
        cin>>himp2[i];
    }
    cout<<"\nHIMPUNAN B : {";
    for(int i=0;i<m;i++){
        cout<<himp2[i]<<" , ";
    }
    cout<<"}"<<endl<<endl;
    cout << "1.A Gabungan B "<<endl;
    cout << "2.A Irisan B "<<endl;
    cout << "Silahkan Pilih : "; cin>>pilih;
    if(pilih==1){
    cout<<"Relasi Gabungan Himpunan A dan Himpunan B : {";
    for(int i=0;i<n;i++){
            cout<<himp1[i]<<" , ";
        }
    for(int i=0;i<m;i++){
        cout<<himp2[i]<<" , ";
    }
    cout<<"}"<<endl;

    }
    else if(pilih==2){
    cout<<"Relasi Irisan Himpunan A dan Himpunan B : {";
    for(int i=0;i<n;i++){
        for(int j=0;j<m;j++){
        if(himp1[i]==himp2[j]){
            cout<<himp1[i]<<" , ";
        }
    }
    }
    cout<<"}"<<endl;

    }else{
        cout<<"program tidak ditemukan";
    }

    char x1;
    cout <<"\n\nApakah anda ingin mencoba lagi ?? (y/n:)";cin>>x1;
    if(x1=='y'){
    }
    else if(x1=='n'){
        x=0;
        cout<<"Oke Program selesai,hahaha!!";

    }
}
return 0;
}

Pratikum PWEB #1

Pratikum pertama pada PWEB masih mengenal dasar-dasar HTML, contohnya seperti yang ada dibawah ini :

<html>
<head>
<title>Judul</title>
</head>

<body bgcolor="#00ASFF" text="black">

<marquee><font size="10">Hello wordl!!</marquee>
<h1>P WEB 1</h1></br>
<p align="center"><b>Ini tag paragraf</b><br>

<i>Gambar atau image adalah halaman Web memegang fungis yang sangat penting.
Selain fungsinya untuk informasi image akan menambahkan unsur artistik yang akan
membuat halaman web nampak lebih hidup sehingga akan lebih menarik.</i>
</p>

<ul>kuliah
<li>1.PWEB</li>
<li>2.HTML</li>
</ul>

<b>Ini tag bold</b></br>
<u>Ini tag underline</u></br>
<img src="lucu.gif" widht=200" height="200">
<i>ini tag italic</i></br></font>
</body>
</html>

Hasil pada source kode diatas seperti gambar dibawah ini :

Oko Carono

Kamis, 30 Maret 2017

Tugas P.WEB

Tugas Pemrograman Web

Source Code HTML:

Sekian tentang belajar form sederhana pada HTML, Tunggu untuk post tentang Web selanjutnya.

See You . . .

Senin, 27 Maret 2017

Bilangan Ganjil Atau Genap

ANALISIS:

ALGORITMA:

DEKLARASI:

DESKRIPSI:

Konversi Nilai Ke Bentuk Huruf

ANALISIS:

ALGORITMA:

DEKLARASI:

DESKRIPSI:

Kamis, 23 Maret 2017

Pratikum MATDIS #2

Pratikum MATDIS #1

Pratikum PWEB #1

Comments system

Disqus Shortname

Mengenai Saya

Blog Archive

Label