Mahasiswa Kemarin Sore

Kamis, 14 Desember 2017

EAS - PBO | Snake Game

Hallo, kali ini berjumpa lagi dengan saya Brilian Widya Mustofa.
Dalam kesempatan kali ini saya akan menjelaskan mengenai aplikasi game Snake yang saya buat guna memenuhi tugas Final Project mata kuliah PBO.
Untuk fitur dari game ini sendiri adalah seperti game snake pada umumnya, dan muncul Score yang diperoleh pada saat sudah Game Over.
Oke, yang pertama harus kita buat adalah, CLASS BOARD

Kemudian CLASS SNAKE

Untuk Screenshot dari gamenya adalah sebagai berikut :

Dan untuk screenshot dari tampilan game over :

Game Pong | BlueJ

Kamis, 26 Oktober 2017

Evaluasi Tengah Semester PBO D - Mesin GTO

Assalamualaikum Wr Wb.

Hallo semua pada kesempatan kali ini saya akan menjelaskan mengenai Mesin GTO.

Sebelum masuk ke pembahasan programnya, akan saya ulas sedikit mengenai Mesin GTO.

Sejak bulan Oktober 2017 ini Pengelola Jalan Tol mewajibkan semua pengguna melakukan pembayaran dengan kartu atau Transaksi Non Tunai.

ransaksi ini dilakukan dengan cara :

Menampelkan kartu E-Money ke dalam mesin GTO atau Gardu Tol Otomatis
Jika Saldo kartu E-Money mencukupi dengan biaya Tol maka Gerbang Tol akan terbuka, jika tidak mencukupi maka Gerbang Tol tetap tertutup dan pengendara tidak bisa lewat.
Setelah Transaksi Pembayaran Selesai mesin GTO akan mengeluarkan struk bukti pembayaran yang berisi nama perusahaan, tanggal transaksi, biaya Tol, dan sisa saldo yang ada pada kartu E-Money.

Oke mari kita lanjut ke pembahasan program.

Untuk rancangan class pada program ini sendiri terdapat dua class, yaitu :

1. Class Main

Yang merupakan class yang berisi source code inti dari program ini.

2. Class etoll

Yang merupakan class yang isinya berupa fungsi fungsi yang akan digunakan untuk class main.

Rancangan Output nya, antara lain :

Terminal menampilkan 5 Menu, antara lain :

Lihat Saldo Kartu E-Toll
Lihat Harga Masuk E-Toll
Lakukan Pembayaran
Print Karcis
Exit

Sebelum muncul menu seperti diatas akan muncul perintah untuk memasukkan nominal saldo dan nominal harga karcis e-toll, seperti ini :

Dibawah ini source code dari program yang saya buat :

Class main :

Class etoll :

Ketika program dijalankan :

1. Pertama harus memasukkan saldo dan harga tiket E-Toll, setelah itu akan muncul 5 buah menu.
2. sebagai catatan bahwa ketika ingin print tiket, kita harus melakukan transaksi terlebih dahulu.
3. Jika sudah melakukan pembayaran maka menu ke 4 bisa diakses.

Demikian program yang saya buat, terima kasih.

Kamis, 05 Oktober 2017

PBO | Object Interaction (Clock / Jam)

Dalam kesempatan kali ini, kita akan belajar mengenai Object Orientation. Kita implementasikan dalam bentuk jam.

Langkah-langkahnya antara lain :
1. Membuat Class NumberDisplay

2. Membuat Class ClockDisplay

3. Membuat Class TestClockDisplay

Hasilnya :

Terima Kasih.

PBO | MATERI 4

Kamis, 21 September 2017

PBO | Pertemuan 2 - Mengenal BlueJ

Java Code dengan BlueJ

Membuat Time Class

Membuat Time Test

Hasilnya

Kamis, 07 September 2017

Brilian Widya Mustofa - 5114100047

Nama             : Brilian Widya Mustofa
NRP               : 5114100047
Semester        : 7
Kuliah            : Pemrograman Berorientasi Objek 2
Asal Sekolah : SMAN 02 Lumajang
Target Kuliah : Lulus kuliah / Sukses Bisnis Kaos / Sukses Band-bandan
Foto Profil     :
Menyusul

Jumat, 07 April 2017

Javascript, not Javanese

Assalamualaikum Wr. Wb.
Pada kesempatan kali ini saya akan membagikan ilmu yang saya dapat dari mata kuliah Pemrograman Web.
Tanpa basa basi, monggo check this out!

Code :
<html>
<script src="awesomplete.js"></script>
<link rel="stylesheet" href="awesomplete.css" />
    <head><title>Form Rencana Studi</title></head>
    <body>
    <table border="4" bgcolor="#FFFFFF" align="center" height="500" width="400" cellpadding="20">
    <tr>
    <td>
    <b><font color="black" size="10" style="font-family:Impact"><i> FRS </i></font></b>
    <p style="font-family:Futura Md BT"> Masukkan Nama depan, Nama Belakang, NRP, Mata Kuliah, Nama Dosen! </p>
    <p style="font-family:Futura Md BT"><font size="2">Nama Depan</font></p>
    <input type="text" Name="nama" size="20" placeholder="Nama Depan">
    <p style="font-family:Futura Md BT"><font size="2">NRP</font></p>
    <input type="text" Name="NRP" size="46" placeholder="NRP">
    <p style="font-family:Futura Md BT"><font size="2">Mata Kuliah *PAA 2, PWEB, IMK, KIJ, RK, MBD</font></p>
    <input type="text" Name="Mata Kuliah" size="46" placeholder="Mata Kuliah" autofocus class="awesomplete" data-list="PAA 2, PWEB, IMK, KIJ, RK, MBD">
    <p style="font-family:Futura Md BT"><font size="2">Nama Dosen</font></p>
    <input type="text" Name="Nama Dosen" size="46" placeholder="Nama Dosen" autofocus class="awesomplete" data-list="Wijayanti N Khotimah, Fajar Baskoro, Bagus Jati, Daniel O, Dwi S"><br>
    <br><br>
    <input href="www.google.com" target="_blank" value="Submit" style="background-color: #FF0000; height: 50; width: 150;"type="submit">
    </td>
    </tr>

    </body>
    </html>

CSS(From Awesomeplete :

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: hsla(0,0%,100%,.9);
    background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    text-shadow: none;
}

@supports (transform: scale(0)) {
    .awesomplete > ul {
        transition: .3s cubic-bezier(.4,.2,.5,1.4);
        transform-origin: 1.43em -.43em;
    }

    .awesomplete > ul[hidden],
    .awesomplete > ul:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease;
    }
}

    /* Pointer */
    .awesomplete > ul:before {
        content: "";
        position: absolute;
        top: -.43em;
        left: 1em;
        width: 0; height: 0;
        padding: .4em;
        background: white;
        border: inherit;
        border-right: 0;
        border-bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .awesomplete > ul > li {
        position: relative;
        padding: .2em .5em;
        cursor: pointer;
    }

    .awesomplete > ul > li:hover {
        background: hsl(200, 40%, 80%);
        color: black;
    }

    .awesomplete > ul > li[aria-selected="true"] {
        background: hsl(205, 40%, 40%);
        color: white;
    }

        .awesomplete mark {
            background: hsl(65, 100%, 50%);
        }

        .awesomplete li:hover mark {
            background: hsl(68, 100%, 41%);
        }

        .awesomplete li[aria-selected="true"] mark {
            background: hsl(86, 100%, 21%);
            color: inherit;
        }
/*# sourceMappingURL=awesomplete.css.map */

Hasil Screencapture :
Suggestion pada Mata Kuliah :

Suggestion pada Nama Dosen :

Thanks guys!

Bootstrap...Bootstrap...Bootstrap!!!

Assalamualaikum Wr. Wb.
Pada kesempatan kali ini saya Brilian Widya Mustofa akan sedikit berbagi ilmu mengenai penerapan bootstrap.
Langsung saja tanpa panjang lebar guys!
Ini code-nya :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
}
</style>
</head>
<body>

   <header>
    <h1 align="center"; style="font-family:Impact;"><i>COOLLIKE CLOTHING CO. - TRY BOOTSTRAP</i></h1>
    <h3 align="center"; style="font-family:Futura Md BT;">Brilian Widya Mustofa</h3>
    <p align="center">5114100047</p>
</header>

<div class="container">
<br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>

    
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="images/DSC_0726.jpg" alt="Chania" width="460" height="345">
      </div>

      <div class="item">
        <img src="images/DSC_0729.jpg" alt="Chania" width="460" height="345">
      </div>

      <div class="item">
        <img src="images/DSC_0754.jpg" alt="Flower" width="460" height="345">
      </div>

      <div class="item">
        <img src="images/DSC_0765.jpg" alt="Flower" width="460" height="345">
      </div>
    </div>

    
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
</div>
</div>
    <div class="copy">
          <p align="center">© Coollike Clothing co. 2017 by Brilian Widya Mustofa 5114100047</p>
    </div>

</body>
</html>

Ini screenshot dari hasil code diatas, monggo :)

Terima Kasih...

Jumat, 31 Maret 2017

Design Web

Jumat, 10 Maret 2017

Simple form HTML ft. CSS

HTML :
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>KERETA API INDONESIA - Pemrograman WEB</title>
<body class="bodystyles">
<div class="header">
<a href="https://kai.id/"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwIkpXg9A_26WQOZzSZtf7BQt5PN10k2iP7hmm3T6VxB0668UKRdZPSVX3PBSbQU8agaywk_Lgr9STYh9w5YOT1Zbic3TDil0v16lCA5_wLwqkhyIJxB2xvZni0UJ8yHqV6uT7pB540qs/s1600/Logo+Kereta+Api+baru+cdr.png"></a>
<h1>Selamat Datang !!!</h1>
</div>
<div >
<table class="tablestyles" >
<form name ="input" action="html_form_action.asp" method="get">
      <tr><td> Nama Kereta:</td><td><input type="text" name="name" align="center" id="name" required></td></tr>
      <tr><td> Tanggal Berangkat:</td><td><input type="date" name="departdate" align="center" required></td></tr>
      <tr><td> Tanggal Tiba:</td><td><input type="date" name="arrivedate" align="center" required></td></tr>
      <tr><td> Jam Berangkat:</td><td><input type="time" name="departtime" align="center" required></td></tr>
      <tr><td> Jam Tiba:</td><td><input type="time" name="arrivetime" align="center" required></td></tr>
      <tr><td> Dari:</td> <td><input type="text" name="from" align="center" required></td></tr>
      <tr><td> Ke:</td><td><input type="text" name="to" align="center" required></td></tr>
      <tr><td> Kelas: </td><td><select name="kelas" align="center" required>
                      <option value="ekonomi">Ekonomi</option>
                      <option value="eksekutif">Eksekutif</option>
                      <option value="vip">VIP</option>
                      </select></td></tr>
<tr>
<td><input type="submit" value="Pesan"> </td>
<td><input type="reset" value="Batal"> </td><br>
</tr>
</table>
</div>
</body>
</head>
</html>

CSS :
.header img {
position: absolute; left:50px; top:50px;
width: 250px;
height: 150px;
}

.header h1 {
position: relative;
font-family: Impact;
top: 50px;
left: 600px;
margin: center;
background-color: #ece8e5;
}

.bodystyles {
background-color: #ece8e5;
}

.tablestyles input[type=text],input[type=date],input[type=time] {
    padding: 10px;
    width: 100%;
    height: 10px;
    border-radius: 5px;
}
.tablestyles select[name=kelas]{
    padding: 10px;
    width: 115%;
    height: 20px;
    border-radius: 5px;
}

.tablestyles {
margin-top: 80px;
margin-left:auto;
    margin-right:auto;
}

.tablestyles input[type=submit]{
background-color: red;
text-align:center;
position: center;
padding: 5px 30px;
}

.tablestyles input[type=reset]{
background-color: blue;
text-align:center;
padding: 5px 30px;
}

.tablestyles1 table,.tablestyles1 tr,.tablestyles1 th,.tablestyles1 td[align="center"]{
margin-top: 30px;
border-collapse: collapse;
padding-left: 5px;
padding-right: 30px;
border:1px solid black;
}

.tablestyles1 input[type=submit]{
background-color: red;
padding: auto;
text-align:center;
}

.tablestyles1 input[type=reset]{
background-color: blue;
padding: auto;
text-align:center;
}

SEKIAN dan TERIMA KASIH

Kamis, 23 Februari 2017

BRILIAN WIDYA MUSTOFA
5114100047

<!DOCTYPE html>
<html>
<head>
   <link rel="icon" href="images/icon.png"/>
<title>Nyobain PWEB</title>
</head>
<body>

<body style="background-color:black;">

<h1 style="font-family:Futura MD BT; color:white; text-align:center;">BRILIAN WIDYA MUSTOFA</h1>
<p style="font-family:Futura MD BT; color:white;">Nama : Brilian Widya Mustofa </p>
<p style="font-family:Futura MD BT; color:white;">NRP : 5114100047</p>
<p style="font-family:Futura MD BT; color:white;">Asal : Lumajang - Jawa Timur</p>
<p id="navigation">
   <a style="font-family:Futura MD BT; color:white; text-decoration:none;" href="http://coollikeid.kuliahweb.com/"target="_blank">Owner and Founder COOLLIKE Clothing co.</a>
</p>
<p style="font-family:Futura MD BT; color:white;">Link Social Media :</p>
       <a href="https://www.facebook.com/profile.php?id=1100547804"target="_blank" class="logo">
           <img src="images/icon-facebook-hover.jpg" alt="">
       </a>
       <a href="https://instagram.com/brilianwm"target="_blank" class="logo">
           <img src="images/icon-instagram-hover.jpg" alt="">
       </a>
       <a href="https://twitter.com/lian_mustofuck"target="_blank" class="logo">
           <img src="images/icon-twitter-hover.jpg" alt="">
       </a>
</body>
</html>

Jika kita klik tulisan "Owner and Founder COOLLIKE Clothing co." maka akan terhubung ke halaman Cool Like Clothing co.
Jika diklik icon social media akan langsung menuju halaman social media saya.
Terima Kasih!

Sabtu, 07 November 2015

PROCESS - THREAD

Assalamualaikum Wr. Wb.Ketemu lagi dengan saya bro sist, setelah post sebelumnya membahas tentang Download, Rename, Move yang saya dapet dari modul 1 mata kuliah sistem operasi, dan di Modul 2 saya absen post karena saya mutung :D
kali ini saya akan membahas tentang Thread dan IPC, check this out!!!

Process
Adalah sebuah peristiwa ketika sebuah program dapat dieksekusi. Sebagai sebuah eksekusi proses, berarti hal tersebut membutuhkan sebuah perubahan keadaan. Keadaan dari sebuah proses dapat didefinisikan oleh aktivitas proses tersebut. Suatu proses adalah lebih dari kode program, dimana terkadang dikenal juga sebagai bagian dari tulisan. Proses juga termasuk aktivitas yang sedang terjadi, sebagaimana digambarkan dengan nilai pada program counter dan isi dari daftar prosesor/ processor’s register. Suatu proses pada umumnya juga termasuk process stack, yang berisikan data temporer (seperti parameter metoda, address yang kembali, dan variabel lokal) dan sebuah data section, yang berisikan variabel global. Setiap proses mungkin menjadi satu dari beberapa state berikut, antara lain: new, ready, running, waiting, atau terminated. Setiap proses direpresentasikan ada sistem operasi berdasarkan proses-control-block (PCB)-nya.

Thread
Thread merupakan unit dasar dari penggunaan CPU, di dalam thread terdapat Thread ID, program counter, register set, dan stack. Sebuah Thread berbagi code section, data section, dan sumber daya sistem operasi dengan Thread lain yang dimiliki oleh proses yang sama. Thread juga biasa disebut lightweight process. Sebuah proses tradisional atau heavyweight process mempunyai thread tunggal yang berfungsi sebagai pengendali. Perbedaan antara proses dengan thread tunggal dengan proses dengan thread yang banyak adalah proses dengan thread yang banyak dapat mengerjakan lebih dari satu tugas pada satu satuan waktu.
Perbedaan Process dan Thread

Pembentukan Thread membutuhkan waktu yang lebih sedikit daripada pembentukan process.
Membutuhkan waktu yang lebih sedikit untuk mengakhiti Thread daripada process.
Lebih mudah dan cepat untuk melakukan switch antar Thread daripada switch antar process.
Thread menggunakan secara bersama ruang alamat dari proses yang menciptakannya. Proses memiliki ruang alamat sendiri-sendiri.
Terhadap thread lain dalam satu proses. Proses hanya dapat mengendalikan proses anakannya. Perubahan pada thread utama seperti pembatalan atau perubahan prioritas dapat mempengaruhi tingkah laku thread lain dalam satu proses. Perubahan pada parent proses tidak mempengaruhi proses anakan.

Sekian dulu postnya ya, semoga bermanfaat, sorry kalo gak jelas , sama kayak saya yang gak jelas :D
THANKS!!!
Wassalamualaikum Wr. Wb.

Minggu, 27 September 2015

Download, Rename, Move!!!

Assalamualaikum Wr. Wb. gaes!!!!
yoo jumpa lagi dengan saya, walaupun ini post saya yang pertama :D
sebelumnya perkenalkan saya Brilian Widya Mustofa, saya semester 3 Teknik Informatika ITS Surabaya. Langsung saja ya, jadi gini di semester 3 ini saya mengambil beberapa Mata Kuliah diantara Sisop (Sistem Operasi) nah di mata kuliah ini saya dapet berbagai macam ilmu baru, namun yang saya pahami(Walaupun tidak begitu paham) hanya satu yaitu bagaimana cara mendownload file kemudian me-rename dengan waktu tepat dimana file tersebut didownload dan kemudian dipindahkan ke folder dengan nama Tanggal_Bulan_Tahun saat ini juga. Seperti soal no. 2 di bawah ini :

oke bro sist, saya jelaskan bagaimana langkah-langkahnya, jadi yang pertama pastikan kita buka terminal dulu, ingat ya terminal yang di linux, bukan terminal bus :D kemudian ketikkan : ubuntu@ubuntu:~$ nano, kemudian akan muncul sebuah halaman kosong baru, setelah itu kita save menjadi file yang ber-ekstensi .sh dengan cara dioverwrite menggunakan ctrl+O. Setelah itu kita mulai dengan mengetikkan #!/bin/bash dan dilanjutkan mengetikkan wget http://10.151.36.201/sisop/jadwal.txt. *perintah wget adalah untuk mendownload file dari URL yang kita tuliskan setelah wget tadi, jadi jika fungsi diatas dieksekusi akan mendownload file bernama Jadwal.txt dari url http://10.151.36.201/sisop/jadwal.txt. Lalu setelah itu kita ketikkan dibawahnya :
tanggal $(date +"%d_%m_%Y")
waktu $(date +"%H_%M_%S)
diatas merupakan variabel yang nantinya akan dipakai sebagai nama folder baru dan me-rename nama file yang tadi. Lalu lanjutkan dengan :
mkdir ubuntu/home/$tanggal
Perintah di atas akan membuat sebuah direktori/folder baru yang bernama sesuai tanggal hari ini. Kemudian ketikkan :
mv ubuntu/home/jadwal.txt ubuntu/home/$waktu
Fungsinya untuk merubah nama file yang awalnya Jadwal.txt menjadi namanya sesuai Jam Menit dan Detik saat file didownload.
Yang terakhir :
mv ubuntu/home/ubuntu/$waktu ubuntu/home/$tanggal
Fungsinya untuk meletakkan file yang sudah kita download tadi dan sudah direname ke dalam folder baru dengan nama Tanggal hari ini.
Demikian pengalaman dan hikmah yang bisa saya petik dari Linux. maaf sebelumnya jika kurang jelas dan sedikit ngeblur :D
soalnya ketika saya mau membuka linux, laptop saya bootloop, alhasil saya tidak bisa screenshot yang ada di linux dan saya akhirnya mengetik kembali di post ini dengan apa yang saya ingat, mohon maaf :(
akhir kata Wassalamualaikum Wr. Wb. :D