Posted in Gadget

Gadget

Assalamu’alaikum Wr. Wb

Postingan ini adalah postingan kedua setelah vakum nge-blog yang lumayan lama. Kali ini saya buat kategori baru tentang Gadget. Di kategori ini, saya berbagi ilmu saya yang sedikit tentang gadget, perkembangan gadget dan lain-lain.

reasons_to_hire_an_expert_for_your_gadget_problem_5758658023

Pengertian

Ada yang tau tentang gadget?
Pasti udah sering banget kan denger kata’gadget’? Apa aja sih yang bisa disebut ‘gadget’?

Menurut Wikipedia, Gadget (bahasa indonesia : gawai) adalah suatu peranti atau instrumen yang memiliki tujuan dan fungsi praktis yang secara spesifik dirancang lebih canggih dibandingkan dengan teknologi yang diciptakan sebelumnya. Jadi, gadget merupakan teknologi yang terus menerus memiliki pembaharuan untuk membuat hidup penggunanya menjadi lebih praktis dan mudah. Misalkan, zaman dulu kita mengenal komputer untuk menghitung, mencatat, bahkan mengolah data. Komputer diciptakan dengan ukuran yang besar dan sulit untuk dibawa kemana mana. Sekarang, kita sudah mengenal Laptop. Dengan memiliki fungsi yang sama dengan komputer, laptop hadir dengan berbagai keunggulan untuk menjadikan hidup lebih mudah dan praktis. Ukuran yang lebih kecil, sistem kerja komputer yang lebih cepat, dan berbagai fungsi tambahan menjadikan Laptop sebagai ‘pembaruan’ dari komputer yang bisa kita sebut sebagai gadget.

Apa saja yang bisa disebut gadget? Gadget tidak hanya bisa disebutkan untuk Smartphone, Tablet PC, atau Phablet saja. Namun gadget pernah digunakan dalam dunia kelautan dan bahkan dunia kemiliteran. Cek link ini.

 

Manfaat Gadget

Manfaat dari gadget :

  1. Komunikasi. Dengan adanya gadget, setiap pengguna bisa saling berkomunikasi bahkan bertukar data tanpa memikirkan jarak dan waktu. Atau bisa kita sebut, mendekatkan yang jauh sekalipun.
  2. Efisiensi kerja. Gadget memudahkan pengguna untuk mengerjakan hal apapun, kapanpun dan dimanapun.
  3. Hiburan. Manfaat ini yang paling terasa dari penggunaan gadget. Kita tidak hanya berkutat dengan data data pekerjaan, namun kita bisa mencari hiburan dengan menggunakan gadget. Menonton film, video, membaca artikel, atau bahkan bermain games.
  4. Kemudahan mengakses informasi. Dengan gadget, kita bisa mendapatkan informasi yang kita inginkan dengan mudah.
  5. Gaya Hidup. Gadget banyak digunakan untuk membuat hidup menjadi lebih berkelas. Bahkan memberikan kesan gengsi tersendiri jika memiliki gadget yang canggih.

Efek buruk dari gadget :

  1. Mengganggu kesehatan. Karena terlalu sering dan asyik menggunakan gadget, biasanya banyak pengguna yang lupa makan bahkan tidak mau tidur. Akibatnya, kesehatan menurun dan mengganggu aktivitas sehari-hari.
  2. Radiasi. Perkembangan gadget yang semakin canggih bukan berarti tidak memberikan efek buruk bagi manusia.Efek buruk paparan radiasi dari gadget yang digunakan oleh anak dapat mengganggu kesehatan dan perkembangan si anak.
  3. Kecanduan. Karena terlalu asyik bermain menggunakan gadget, bisa mengakibatkan kecanduan dan ketergantungan. Tentunya ini sangat menggangu perkembangan fisik dan motorik anak.
  4. Pengaruh Tayangan. Terkadang tanpa Anda sadari anak-anak membuka situs online yang mempertontonkan tayangan yang tidak seharusnya untuk mereka lihat. Oleh karena itu, Anda sebagai orangtua harus bersikap bijak dan sebaiknya tidak memberikan koneksi internet pada waktu si kecil menggunakan gadget.
  5. Penyakit mental. Penggunaan gadget yang tidak terkontrol dan terus menerus bisa menjadi salah satu pemicu penyakit mental seperti depresi, gangguan bipolar dan autis.

Untuk menghindari efek buruk dari gadget, kita bisa memulai dari diri sendiri untuk membatasi diri terhadap penggunaan gadget. Gunakan gadget jika perlu, dan pilihlah kegiatan lain yang lebih bermanfaat untuk menghindari kecanduan dan ketergantungan gadget. Dan jika anda orang tua, batasi penggunaan gadget pada anak demi mengindari efek buruknya.

 

Sekian pembahasan tentang Gadget.
Terima Kasih
Semoga bermanfaat 🙂
Wassalamu’alaikum Wr. Wb

Sumber :
Sumber 1
Sumber 2
Sumber 3
Sumber 4

Posted in Tak Berkategori

Selamat Hari Raya Idul Adha 1437 H !

Assalamu’alaikum Wr. Wb

Selamat Hari Raya Idul Adha !!
Barakallah..

Selamat Malaaaaaam 😀
Hai semuanyaaaah, apa kabar?
Blognya udah banyak sarang laba-labanya nih. Maaf ya sudah vakum terlalu lama dari blog gegara fokus kuliah dan kerja. Setelah postingan ini, insha allah akan mulai nge-blog lagi nih. Materinya masih seputar apa yang sudah saya pelajari jaman kuliah dan kerja nih hehe. Ada Kategori baru loh ! Lihat di menu bagian atas yaaaa 🙂

Terima Kasih untuk semuanya yang sudah rajin buka blog ini. Trafficnya lumayan tinggi loh ! Makasih banyak yaaa ! Maafin belum sempet bales komentarnya satu-satu, insha allah saya cicil balas yaa 😀

Mari saling berbagi ilmu. Biar sedikit, insha allah ada manfaatnya. Oh ya, kalau ada yang tanya saya pake sumber dari mana untuk setiap postingan saya, bisa dilihat link/url dibagian bawah tiap postingan.

Yuk, mulai ngeblog, mulai berbagi lagi 😀

Wassalamu’alaikum Wr. Wb

Posted in C# Language

Menghubungkan 2 Form dan Menampilkan form Lain dengan Button

Bismillahirrahmanirrahim.

Assalamu’alaikum Wr. Wb.

 

Lanjut dari postingan sebelumnya. Kali ini saya akan berbagi tentang cara menghubungkan dua form dan menampilkan form lain dengan button.

Ikuti langkah-langkah dibawah ini.

  1. Bukalah project di Visual Studio 2013.
  2. Pada Form1, ubahlah tampilannya hingga menjadi seperti dibawah ini.
    10
    Beri nama ‘btnPindah’ pada button1.
  3. Tambahkan sebuah window form baru dengan cara : Pada bagian solution, klik kanan pada Project klik Add, pilih Windows form. Maka akan muncul tampilan seperti dibawah ini. Beri nama form yang akan ditambahkan.
    9
  4. Selanjutnya, ubahlah tampilan Form2 hingga menjadi seperti dibawah ini.
    11
    Beri nama ‘btnKembali’ pada button1.
  5. Pada form 1, klik dua kali pada button. Maka akan muncul editor seperti dibawah ini.
    Tambahkan program dibawah ini.using System;

     using System.Collections.Generic;
     using System.ComponentModel;
     using System.Data;
     using System.Drawing;
     using System.Linq;
     using System.Text;
     using System.Threading.Tasks;
     using System.Windows.Forms;
    
     namespace Aplikasi
     {
        public partial class Form1 : Form
        {
           public Form1()
           {
              InitializeComponent();
           }
    
          private void btnPindah_Click(object sender, EventArgs e)
          {
             Form2 f2 = new Form2();
             f2.Show();
             this.Hide();
          }
        }
     }
  6. Pada form 2, klik dua kali pada button. Maka akan muncul editor seperti dibawah ini.
    Tambahkan program dibawah ini.

    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using System.Windows.Forms;
    
    namespace Aplikasi
    {
     public partial class Form2 : Form
     {
        public Form2()
        {
           InitializeComponent();
        }
    
        private void btnKembali_Click(object sender, EventArgs e)
        {
           Form1 f1 = new Form1();
           f1.Show();
           this.Hide();
        }
      }
    }
  7. Selanjutnya, pada bagian Solution, klik dua kali pada Program.cs.
    Maka akan muncul program..
    12.JPG
    Pada potongan program yang diberi garis ungu, merupakan potongan program untuk menentukan form mana yang akan muncul pertama kali saat project dijalankan. Jika anda ingin mengubah Form2 yang akan tampil pertama kali, ubahlah nama Form dibaris tersebut.
  8. Jalankan aplikasi dengan klik Start.
  9. Selesai..

 

Mudah kan??
Selamat mencoba, semoga bermanfaat..

 

Wassalamu’alaikum Wr. Wb.

Posted in C# Language

Memulai Aplikasi Desktop Dengan Bahasa Pemrogramman C#

Bismillahirrahmanirrahim.

Assalamu’alaikum Wr. Wb.

 

Selamat Malaaaaaam 😀 Hai hai haaaai !!
Maafkanlah diriku ini yang sudah lama tidak nge-blog :’)  Lagi sibuk TA nih hahaha ini juga nyuri waktu iseng ngeblog..

Berhubung tugas akhir saya ada bagian bikin aplikasi desktop dengan menggunakan bahasa pemrogramman bahasa C#, saya akan berbagi sedikit ilmu saya yang sudah saya dapatkan dari iseng belajar sendiri, sampe nanya ke temen-temen lainnya.

Untuk membuat aplikasi desktop ini, saya menggunakan IDE Microsoft Visual Studio 2013.

Ikuti langkah-langkah dibawah ini.

  1. Bukalah Microsoft Visual Studio 2013 anda.
  2. Setelah terbuka, maka akan muncul tampilan seperti dibawah ini.
    1

    Pada bagian ‘Start’ terdapat tiga pilihan, yaitu new project, open project, dan open from source control. Berikut penjelasannya.
    a. new project : pilihan ini digunakan untuk membuat project baru.
    b. open project : pilihan ini digunakan untuk membuka project yang sudah ada.
    c. open from source control : pilihan ini digunakan untuk membuka project yang ada secara online.

  3. Pilih new untuk membuat project baru. Kemudian akan muncul tampilan seperti dibawah ini.
    2
  4. Klik simbol segitiga disamping Visual C#, kemudian klik windows. Selanjutnya pilih Windows Form Application sebagai jenis file yang ingin kita buat. Beri nama project pada textboxt Name, dan tentukan lokasi penyimpanan project tersebut dengan menekan tombol browse. Jika sudah selesai klik OK.
    3
  5. Setelah proses pembuatan project selesai, maka akan muncul tampilan seperti dibawah ini.
    4
  6. Berikut penjelasannya.
    5

    a. 1 : Menu Bar
    b. 2 : Icon bar
    c. 3 : Toolbox
    d. 4 : Solution
    e. 5 : Ruang untuk mendesai tampilan form
    f. 6 : Properties.

  7. Untuk memulai, klik pada form. Pada bagian properties, kita bisa mengatur berbagai hal mengenai form yang kita klik sebelumnya.
    Berikut pengaturan utama yang mungkin berguna:
    a. Design → Name : Untuk mengubah ‘nama’ form.
    b. Appearance → BackColor : Untuk mengubah warna background
    c. Appearance → BackgroundImage : Untuk mengubah gambar yang akan digunakan sebagai background.
    d. Appearance → Font : Untuk mengubah setelan huruf
    e. Appearance →  ForeColor : Untuk menentukan warna tulisan
    f. Appearance → Text : Untuk mengubah tulisan pada bagian atas form.
    g. Layout → AutoScroll : Setelan untuk menentukan apakah form tersebut menggunakan scroll otomatis jika konten pada form melebihi ukuran form. Set True jika iya mengaktifkan aturan ini.
    h. Layout → Size : Untuk mengatur ukuran form.
    i. Layout → StartPosition : Menentukan posisi untuk form saat ditampilkan.
    j. Icon : Untuk menentukan icon apa yang akan digunakan sebagai icon form. Format gambar yang bisa dijadikan icon haruslah berformat .ico.
  8. Selanjutnya, untuk menggunakan komponen form. Pada bagian toolbox, pilihlah label kemudian drag ke form. Dan atur tampilan form dan label sehingga menjadi seperti dibawah ini.
    6
  9. Untuk menjalankan, klik Start pada icon bar.
    Tampilan aplikasi akan menjadi seperti ini.
    8
  10. Selesai 😀

 

Mudah kan?
Ayo dicoba…
Semoga Bermanfaat..

Wassalamu’alaikum Wr. Wb

Posted in PHP Language

Menampilkan Gambar Dari Folder

Bismillahirrahmanirrahim.

Assalamu’alaikum Wr. Wb

Selamat Pagi 😀

Pagi ini saya akan berbagi tentang cara menampilkan gambar yang terdapat dalam suatu folder. Ikuti langkah-langkah dibawah ini.

  1. Siapkan gambar-gambar yang ingin anda tampilkan. Masukkan dalam suatu folder.
  2. Bukalah aplikasi notepad atau notepad++(recommended), buatlah sebuah file PHP. Berikut programnya.
    <?php
       $folder = "image"; // Ubah nama foldernya
       $handle = opendir($folder);
       echo '<table cellspacing="2" cellpadding="5">';
       echo '<tr>';
       $i = 1;
       $fileGambar = array('png', 'jpg', 'jpeg', 'gif');
    
       while(false !== ($file = readdir($handle))){
          $fileAndExt = explode('.', $file);
          if(in_array(end($fileAndExt), $fileGambar)){
             echo '<td style="border:1px solid #000000;" align="center">
                <img src="image/'.$file.'" width="100" /><br />
                '.$file.'
             </td>';
          if(($i % 4) == 0){
             echo '</tr><tr>';
          }
          $i++;
       }
    }
       echo '</tr>';
       echo '</table>';
    ?>
    
  3. Jangan lupa untuk mengubah nama folder pada program sesuai dengan nama folder tempat anda menyimpan foto yang ingin ditampilkan.
  4. Jalankan program diatas pada browser anda. Berikut tampilannya.
    27
  5. Selesai 😀

Selamat mencoba, semoga bermanfaat 😀

Wassalamu’alaikum Wr. Wb.

Source : http://www.myphptutorials.com/tutorials/29/menampilkan-gambar-dari-sebuah-folder

Posted in PHP Language

Membuat Searching Form

Bismillahirrahmanirrahim

Assalamu’alaikum Wr. Wb

Hai hai 🙂

Lanjut dari postingan sebelumnya tentang Membuat Slider pada Halaman Web Menggunakan Nivoslider, sekarang saya akan membuat Searching Form.

Searching atau pencarian data merupakan hal penting dalam sebuah aplikasi, apalagi aplikasi yang menangani data yang banyak. Ada dua tipe searching yaitu: Quick Search dan Advanced Search. Quick search adalah pencarian sederhana seperti google search, pengguna hanya memasukkan sebuah kata kunci dari apa yang dicarinya. Sedangkan Advanced search adalah pencarian lanjut yang lebih kompleks dengan beberapa kriteria pencarian, yang memungkinkan hasil pencarian yang lebih akurat.

Sebelumnya, buatlah sebuah database dengan nama ‘member’, dengan satu tabel baru dengan nama ‘tbl_member’. Berikut struktur dari tbl_member.

24

Selanjutnya, masukkan beberapa data pada tabel.

  • Untuk membuat Quick Search Form. Berikut scriptnya.
    <!-- form quick search -->
    <form name="form1" method="get" action="">
       Search : <input type="text" name="q" id="q"/> <input type="submit" value="Search"/>
    </form>
    <!-- menampilkan hasil pencarian -->
    <?php
       if(isset($_GET['q']) && $_GET['q']){
          $conn = mysql_connect("localhost", "root", "");
          mysql_select_db("member");
          $q = $_GET['q'];
          $sql = "select * from tbl_member where nama like '%$q%' or nama_ayah like '%$q%' or nama_ibu like '%$q%' or alamat like '%$q%' or umur like '%$q'";
          $result = mysql_query($sql);
          if(mysql_num_rows($result) > 0){
    ?>
    <table border=1>
       <tr>
          <th>Nama</th>
          <th>Ayah</th>
          <th>Ibu</th>
          <th>Alamat</th>
          <th>Umur</th>
       </tr>
       <?php
          while($siswa = mysql_fetch_array($result)){
       ?>
       <tr>
          <td><?php echo $siswa['nama'];?></td>
          <td><?php echo $siswa['nama_ayah'];?></td>
          <td><?php echo $siswa['nama_ibu'];?></td>
          <td><?php echo $siswa['alamat'];?></td>
          <td><?php echo $siswa['umur'];?></td>
       </tr>
       <?php 
          }
       ?>
    </table>
    <?php
       }else{
       echo 'Data not found!';
       }
       }
    ?>
  • Untuk membuat Advanced Search. Berikut scriptnya.
    <!-- form advanced search -->
    <form name="form1" method="get" action="">
       Nama : <input type="text" name="nama" id="nama"/> <br/>
       Ayah : <input type="text" name="ayah" id="ayah"/> <br/>
       Ibu : <input type="text" name="ibu" id="ibu"/> <br/>
       Alamat : <input type="text" name="alamat" id="alamat" /><br/>
       Umur : <input type="text" name="umur" id="umur" />
       <br/><input type="submit" value="Search" name="search"/>
    </form>
    
    <!-- menampilkan hasil pencarian -->
    <?php
       if(isset($_GET['search'])){
          $conn = mysql_connect("localhost", "root", "");
          mysql_select_db("member");
          $nama = $_GET['nama'];
          $ayah = $_GET['ayah'];
          $ibu = $_GET['ibu'];
          $alamat = $_GET['alamat'];
          $umur = $_GET['umur'];
          $sql = "select * from tbl_member where nama like '%$nama%' and nama_ayah like '%$ayah%' and nama_ibu like '%$ibu%' and alamat like '%$alamat%' and umur like '%$umur'";
          $result = mysql_query($sql);
          if(mysql_num_rows($result) > 0){
    ?>
    
    <table border=1>
       <tr>
          <th>Nama</th>
          <th>Ayah</th>
          <th>Ibu</th>
          <th>Alamat</th>
          <th>Umur</th>
       </tr>
       <?php
          while($siswa = mysql_fetch_array($result)){
       ?>
       <tr>
          <td><?php echo $siswa['nama'];?></td>
          <td><?php echo $siswa['nama_ayah'];?></td>
          <td><?php echo $siswa['nama_ibu'];?></td>
          <td><?php echo $siswa['alamat'];?></td>
          <td><?php echo $siswa['umur'];?></td>
       </tr>
       <?php 
          }
       ?>
    </table>
       <?php
       }else{
       echo 'Data not found!';
       }
       }
    ?>

Berikut tampilannya.

  • Quick Search
    25
  • Advanced Search
    26

Kesimpulan : Ada dua tipe searching/pencarian data: Quick search dan Advanced Search. Quick search adalah pencarian sederhana hanya menggunakan satu kriteria pencaria. Advanced Search, pencarian lanjut yang lebih kompleks dengan beberapa kriteria pencarian. Advanced search memberikan hasil yang lebih akurat dibanding quick search.

Selamat mencoba, semoga bemanfaat 🙂

Wassalamu’alaikum Wr. Wb.

Source : http://www.myphptutorials.com/tutorials/40/membuat-searching-skrip-pencarian-data

Posted in PHP Language

Membuat Slider pada Halaman Web dengan Nivoslider

Bismillahirrahmanirrahim.

Assalamu’alaikum Wr. Wb

Selamat Pagi 😀

Pagi ini saya akan berbagi tentang cara membuat slider pada halaman web dengan Nivoslider menggunakan PHP. Ikuti langkah-langkah dibawah ini.

  1. Download file tentang nivoslider di halaman berikut.
  2. Siapkan 3 buah file gambar untuk ditampilkan pada slider.
  3. Bukalah aplikasi notepad atau notepad++(recommended), kemudian buatlah dua buah file PHP baru dengan nama ‘slider.php’ dan ‘nivoslider.php’. Berikut masing-masing isi file nya.
    slider.php

    <?php
       include("nivoslider.php");
       $nivo=new NivoSlider('nivoslider',615,100); // base path is same directory
       echo "<br>";
       //$nivo->add_slide(ImagePath,URL,Caption);
       $nivo->add_slide('tes1.jpg','',''); // ubah sesuai dengan nama image anda
       $nivo->add_slide('tes2.jpg','',''); // ubah sesuai dengan nama image anda
       $nivo->add_slide('tes3.jpg','',''); // ubah sesuai dengan nama image anda
    ?>
    
    <?php 
       $nivo->render_includes(); 
    ?>
    
    <?php 
       $nivo->render_slides() 
    ?>
    

    nivoslider.php

    <?php
       class NivoSlider{
       private $slides;
       private $base_path;
       private $files_included;
    
       private $width;
       private $height;
    
       private $options;
    
       function __construct($base_path,$width,$height){
          $this->base_path=$base_path;
          $this->files_included=false;
          $this->width=$width;
          $this->height=$height;
    
          $this->options['effect']='random';
          $this->options['slices']='100';
          $this->options['animSpeed']='random';
          $this->options['pauseTime']='random';
          $this->options['startSlide']='random';
          $this->options['directionNav']='random';
          $this->options['directionNavHide']='random';
          $this->options['controlNav']='random';
          $this->options['controlNavThumbs']='random';
          $this->options['controlNavThumbsFromRel']='random';
          $this->options['controlNavThumbsSearch']='random';
       }
    
       function add_slide($img_path,$link,$caption){
          $this->slides[]=array('path'=>$img_path, 'link'=> $link, 'caption'=> $caption);
       }
    
       function set_option($name,$value){
       }
       
       function render_includes(){
          $this->files_included=true;
    ?>
    
       <link rel="stylesheet" href="<?php echo $this->base_path?>/nivo-slider.css" type="text/css" media="screen" />
       <script type="text/javascript" src="<?php echo $this->base_path?>/scripts/jquery-1.4.3.min.js"></script>
       <script type="text/javascript" src="<?php echo $this->base_path?>/scripts/jquery.nivo.slider.pack.js"></script>
       <script type="text/javascript">
          $(window).load(function() {
             $('#slider').nivoSlider({pauseTime:3500,effect:"sliceDown"});
          });
       </script>
       <style>
          #slider {
             position:relative;
             width:<?php echo $this->width ?>px;
             height:<?php echo $this->height ?>px;
             margin-left:0px;
             background:url(images/loading.gif) no-repeat 50% 50%;
          }
       </style>
       <?php
          }
          function render_slides(){
             if(!$this->files_included){
                echo '<span style="color:#f00">Nivo Slider include files are missing, please call render_includes() in the <head> </head> section</span>';
                return;
             }
       ?>
       <div id="wrapper">
          <div id="slider-wrapper">
             <div id="slider" class="nivoSlider">
                <?php
                   foreach($this->slides as $index=>$slide){
                      if($slide['link']=='')
                         echo '<img src="'.$slide['path'].'" alt="" title="#slide'.$index.'" />';
                      else
                         echo '<a href="'.$slide['link'].'"><img src="'.$slide['path'].'" alt="" title="#slide'.$index.'" /></a>';
                      }
                 ?>
              </div>
              <?php
                 echo "\r\n\r\n";
                 reset($this->slides);
                 foreach($this->slides as $index=>$slide){
                    echo '<div id="slide'.$index.'" class="nivo-html-caption">'.$slide['caption'].'</div>';
                 }
             ?>
          </div>
       </div>
       <?php
       }
    }
    ?>
    
  4. Simpanlah kedua file diatas dan gambar dalam satu folder. Dan juga simpan file tentang nivoslider pada folder yang sama, dan jangan lupa untuk mengekstraknya terlebih dahulu.
  5. Bukalah browser anda, kemudiannya buka file ‘slider.php’. Berikut tampilannya.
    23
  6. Selesai 😀

Selamat mencoba, semoga bermanfaat 🙂

Wassalamu’alaikum Wr. Wb.