Hello,This is me!

Surahman Budi

Professional Web Designer Professional Web Developer Network Technician Blogger Musician - Guitarist

Tentang Saya

Hello

I'mSurahman Budi

Developer and Startup entrepreneur

My name is Surahman Budi, I am twenty four years old. I have graduated from informatics Engineering, Bale Bandung University on August 2014. I consider myself that I have qualifications as you want. I have good motivation for progress and growing, eager to learn, and can work with a team (team work) or by myself.

Riwayat Hidup

Pendidikan Formal

1998-2017

SDN BOJONGKONENG TIMUR 1, SMPN 1 PAMEUNGPEUK, SMAN 1 BANJARAN, S1 UNIVERSITAS BALE BANDUNG, S2 UNIVERSITAS INDONESIA. | Baca Selengkapnya

Pengalaman Kerja

2012-2017

Programer Web: Sistem Informasi - Kabupaten Ende NTT, Teknisi Jaringan: Instalasi Jaringan - Banjaran, Teknisi Jaringan: Instalasi Jaringan - family computer. | Baca Selengkapnya

Project Yang dikerjakan

2012-2016

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the. | Baca Selengkapnya

Pengalaman Organisasi

2012-2017

Ketua Badan Eksekutif Mahasiswa - FTI UNIBBA, Ketua Dewan Perwakilan Mahasiswa - FTI UNIBBA, Wakil Ketua Karang Taruna. | Baca Selengkapnya

Keahlian

Pemograman Web

Rancang bangun dan maintenance aplikasi berbasis web

Jaringan Komputer

Instalasi jaringan komputer dan maintenance. Technical support networking.

User Friendly

Dapat berkomunikasi dengan baik, mampu bekerja secara individu maupun kelompok.

Desain dan Multimedia

Adobe Photoshop, Corel Draw, Ulead Visual Studio, video editing, Audio Editing

Konfigurasi Jaringan Komputer

Mikrotik, server, management bandwith, dan lainya.

Other Experience

Instrument: arduino, interl galileo, dsp. | Sensor: Kinect | Troubleshooting Hardware dan Software

Blog Saya

Keterbatasan Bukanlah Hambatan Tapi Pecutan

Laptop spesifikasi tinggi, koneksi internet kencang, listrik sudah bukan masalah pembayaran, ruangan khusus dengan layar monitor HD bahkan 4K, dual monitor bahkan tiga atau empat layar hehe. Dibalut dengan fasilitas kurso embuk, sound menggelegar, dan item2 seperti keyboard mouse yg beragam seperti khusus gamming yg berwarna itu, hmm ga usah disebutin deh merek merek nya, pasti sudah pada tau.

Alangkah indah dan bahagianya bukan? Ketika menjadi seorang IT partisipan (begitu saya menyebutnya) apalagi untuk orang-orang yangg bekerja dan bersentuhan dengan komputer. Memang tidak bisa disangkal bahwa sarana serba mumpuni itu sangat lah membantu kepada kualitas kerja kita. Memang jika tepat peruntukan nya, itu membantu sekali.

Berbeda hal ketika semua itu malah menjadi membuat "dilema" ketika fasilitas memadai bahkan bisa dikatakan melebihi, itu merupakan sebuah hambatan. Sebagai contoh ; ketika saya menggunakan laptop toshiba dengan processor intel celeron dan ram 512 MB, saat perkuliaha saya tahun 2011 ketika itu berada tingkat 2 dan teman-teman yang lain sudah menggunakan laptop dengan Processor Intel CORE I3. Kreatifitas dan fungsi laptop tersebut terasa bermanfaat sekali. Dan barang itu sangat lah produktif. Bayangkan bisa dipakai pemrograman, editing gambar, recording audio, bahkan editing video (walaupun dengan kecepatan merayap setelah upgrade RAM jadi 1 GB + 512 MB). Nikmat sekali ketika yang lain bermain PES 2011 pada saat itu, sedangkan saya dengan si kesayangan yangg spek nya sangat bagus (menurut saya yang satu-satu nya dimiliki) bisa menggunakannya untuk menghasilkan pundi-pundi rupiah.
Mengenai koneksi internet? Wahh ini yg luar biasa menurut saya pribadi he he.
Saat itu koneksi internet satu-satu nya adalah wifi kampus. Tahun 2012 saya memiliki handphone android samsung galaxy young, hasil jerih payah kreatifitas berbisnis saya (hehe lebay). Paket data ketika itu sangat lah tinggi harga nya, dan masih jarang yang menggunakan paket internet dengan kuota. Kembali mengenai keterbatasan, dibanding yg lain memakai modem usb yang 3,5G (HSDPA),  saya pakai galaxy young dengan fasilitas tethering (Di buat sebagai hotspot portable). Dan gak nanggung lagi, kreatifitas saya dimunculkan yaitu tanpa membeli kuota alias dengan injector + ssh (full gratisan) pokonya serba tidak dibeli berkat beberapa tutorial di google. Maklum ketika membutuhkan, hal apapun yg bisa diusahakan pasti dikerjakan.

Singkat cerita, begitu banyak yang dilakuka. Dengan segala keterbatasan, dan itu semua memacu untuk membuat diri ini lebih berkembang. Fungsi dari sesuatu yang terbatas tidak ada yang tidak mungkin menghasilkan sesuatu yg luar biasa diluar ekpetasi kita. Bahkan barang tersebut menjadi produktif dan membuahkan hasi, alhamdulillah...

Bagi saya, keterbatasan bukan lah akhir dari segalanya, melainkan memacu pribadi kita untuk berkembang dan bisa memanfaatkan Bakat dengan segala keterbatasan diri ini. Dan karena terbatas kita juga tidak akan terhambat dengn dilema nya kemewahan serta fasilitas serba ada yang dapat menghambat produktifias kinerja kita.

Saran saya bagi yg sering mengeluh karena keterbatasan, mari kita perbaiki dan rubah pqradigma nya yaitu bahwa keterbatasan dapat memacu kita menjadi lebih kreatif dan produktif, selebih kita dapat menikmati hasil nya.

Semangat berkreasi, dan kreatifitas tanpa batas. Kebebasan berkreasi itu harus di tegakan, ketika semuanya segala dibatasi atau ruang kita terlalu sempit menurut batas pandangan seseorang atau kebanyakan orang. Jangan selalu takut berbeda.

Salam, semangat'45!!
Selamat hari Sumpah Pemuda.
Pemuda adalah asset masa depan.
Jadilah seseorang yg menjadi asset masa depan.

Cara Membuat Kotak/Box Script pada Postingan


Kembali lagi saya membuat catatan pengingat dan semoga bisa menjadi bermanfaat buat teman teman. sekarang saya akan membuat posting mengenai Cara Membuat Kotak/Box Script pada Postingan blog atau website anda,

disini saya menjelaskan langkah yang saya gunakan di blogspot. sebagai berikut:

  • pada saat entri Posting pada blogger. klik HTML  seperti gambar dibawah.





  • klik HTML dan masukan kode berikut seperti gambar dibawah


  • codenya dibawah ini
<div style="border: 3px #000000 Double; padding: 10px;background-color:crimson;
text-align: left;">
.Klik Disini.</div>
  • Kemudian klik Compose, maka akan ada kotak script, seperti gambar di bawah


  • hasilnya 
    .Klik Disini.

  • Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.
  • Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak tersebut
  • Penjelasan:
  • border: 3px = ketebalan kotak script.
  • Double; = bentuk kotak, bisa diganti dengan, 
  • dashed dotted Double Groove inset outset ridge
  • #000000 Untuk pemberian warna pada border kotak
  • crimson (#FF7F50) untuk pemberian warna pada background kotak
  • Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  • text-align:left; = posisi tulisan didalam kotak di kiri

sumber : https://crazzyart01.blogspot.co.id

Bootstrap - Membuat Tabel dengan Field Berwarna Warna-warni



Kembali saya membuat tulisan ini untuk mengingatkan saya nanti ketika membutuhkan sintak atau script. Maklum sering lupa karena saya tidak menghafalkan script. Selain itu juga berbagi juga buat rekan rekan yang sama dengan saya "sedang belajar" pemrograman web.
Berikut sintak untuk membuat tabel berwarna selang seling  

<!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.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h3>Agenda Kegiatan</h3>
  <table class="table">
    <thead>
      <tr>
        <th>Kegiatan</th>
        <th>Tanggal</th>
      </tr>
    </thead>
    <tbody>
      <tr class="active">
        <td>Kegiatan 1</td>
        <td>1 Januari 2017</td>
      </tr>    
      <tr class="success">
        <td>Kegiatan 2</td>
        <td>2 Januari 2017</td>
      </tr>
      <tr class="danger">
        <td>Kegiatan 3</td>
        <td>3 Januari 2017</td>
      </tr>
      <tr class="info">
        <td>Kegiatan 4</td>
        <td>4 Januari 2017</td>
      </tr>
      <tr class="warning">
        <td>Kegiatan 5</td>
        <td>5 Januari 2017</td>
      </tr>
      <tr class="active">
        <td>Kegiatan 6</td>
        <td>6 Januari 2017</td>
      </tr>
    </tbody>
  </table>
</div>

</body>
</html>

Sekian saya membuat pengingat nya, jangan kapok ya, jika ada yang tidak jelas silahkan ditanyakan dikolom komentar dan terimakasih.

mohon maaf atas segala keterbatasan nya. 

Bootstrap - menu dropdown



Tutorial ini hanya membahas bagaimana membuat dropdown menu sederhana dengan bootstrap.

Download Script.

<!DOCTYPE html>
<html>
<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.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <style>
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }

    .responsive img {
        max-width:100%;
        /*width:100%;*/
        height: auto;
    }

    .carousel-inner img {
      width: 100%; /* Set width to 100% */
      min-height: 200px;
    }

    /* Hide the carousel text when the screen is less than 600 pixels wide */
    @media (max-width: 600px) {
      .carousel-caption {
        display: none;
      }
    }
  </style>

</head>
<body>

<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">SURAHMAN BUDI</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 4
      <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#">Dropdown 1</a></li>
        <li><a href="#">Dropdown 2</a></li>
        <li><a href="#">Dropdown 3</a></li>
      </ul>
    </li>
  </ul>
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
  </ul>
</div>
</div>
</nav>

</body>
</html>

Bootstrap - Pengertian Bootstrap, fungsi dan juga kelebihannya



Bootstrap adalah sebuah library framework CSS yang dibuat khusus untuk bagian pengembangan front-end website. Bootstrap juga merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer yang digunakan untuk mengembangkan sebuah website yang responsive. Sehingga halaman website nantinya dapat menyesuaikan sesuai dengan ukuran monitor device (desktop, tablet, ponsel ) yang digunakan pengguna disaat mengakses website website dari browser. Pada mulanya bootstrap bernama "Twitter Blueprint" yang dikembankan oleh Mark Otto dan Jacob Thornton di Twitter sebagai kerangka kerja.



Bootstrap sendiri sudah kompatibel dengan versi terbaru dari beberapa browser seperti google chrome, firefox, internet explorer, dan safari browser. Meskipun beberapa browser ini tidak didukung pada semua platform.

Beberapa alasan mengapa saat ini cukup banyak pengembang yang menggunakan Bootstrap dalam membuat front-end website, yaitu karena beberapa kelebihan yang dimiliki oleh Bootstrap itu sendiri yang antara lain:
  1. Dapat mempercepat waktu proses pembuatan front-end website
  2. Tampilan bootstrap yang sudah cukup terlihat modern. 
  3. Tampilan Bootsrap sudah responsive,sehingga mendukung segala jenis resolusi, baik itu PC, tablet, dan juga smartphone. 
  4. Website menjadi Sangat ringan ketika diakses, karena bootsrap dibuat dengan sangat terstruktur.

Yuk!! Mengenal HTML Lebih Jauh dan mengetahui daftar Tag pada HTML



Pada kali ini saya akan mencoba mengenal HTML lebih jauh dan untuk para pembaca diharapkan dapat mengerti mengenai tentang :

Posting sebelumnya : Jenis Bahasa Pemrograman dan Penjelasan
  1. Pengertian HTML
  2. Menggunakan Tag HTML
  3. Mengetahui daftar Tag pada HTML

1. PENGERTIAN HTML

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri
dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.

Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.


2. MENGGUNAKAN TAG HTML


Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan
sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face.
Untuk lebih memahami atribut lihatlah contoh berikut ini.

<font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran 12
pt</font>

hasil >  Ini Font Arial berwarna merah dan berukuran 12 pt

Keterangan :
  1. Atribut color digunakan untuk menentukan warna tulisan.
  2. Atribut face digunakan untuk menentukan jenis huruf.
  3. Atribut size digunakan untuk menentukan ukuran huruf.
Jika anda lihat bahwa atribut color berada pada awal, lalu yang kedua adalah face dan yang
terakhir adalah size. Anda tidak perlu memperdulikan urutan atribut tersebut karena browser
hanya membaca isi dari properi bukan urutan atributnya.


3. MENGETAHUI DAFTAR TAG PADA HTML

Berikut ini adalah tabel tag-tag HTML dan fungsinya:

  • Tag Utama



  • Modifikasi Teks



  • Font, Link, Gambar



  • Formating



  • Tabel



  • Form


Anda tidak perlu menghafal semua tag tersebut, nanti malah kepala anda malah pecah!. Cukup
hafalkan yang penting-penting saja seperti <table><form><input><ul>. Tidak hafal pun tidak
apa-apa kan kita bisa melihat daftar kalau lupa, yang penting kita paham,


Baca juga :