Hai, mau share salah satu cara untuk men-checklist semua checkbox yang ada

File javascript-nya
<script type="text/javascript">
function checkAll(bx) {
  var cbs = document.getElementsByTagName('input');
  for(var i=0; i < cbs.length; i++) {
    if(cbs[i].type == 'checkbox') {
      cbs[i].checked = bx.checked;
    }
  }
}
</script>

Untuk checkbox parent
<input type="checkbox" onclick="checkAll(this)">

Untuk checkbox yang anaknya
<?php for($i=1; $i<10; $i++) { ?>
  <input type="checkbox" id="checkboxes" name="check[]" value="<?=$i;?>">
<?php } ?>

Hai semua, mau post ulang nih cara buat Ribbon pake CSS dari blog sebelah dan kebetulan ada problem yang sama. Thanks untuk perampokeren.capungbalap.net

CSS Code

  
    .ribbontd {
      font-size: 20px !important;
      width: 50%;
      position: relative;
      background: #EB1C46;
      color: #fff;
      text-align: center !important;
      padding: 1em 1em !important;
      margin: 1em auto 3em;
    }
    .ribbontd:before, .ribbontd:after {
      content: "";
      position: absolute;
      display: block;
      bottom: -1em;
      border: 1.5em solid #C8145F;
      z-index: -1;
    }
    .ribbontd:before {
      left: -2em;
      border-right-width: 1.5em;
      border-left-color: transparent;
    }
    .ribbontd:after {
      right: -2em;
      border-left-width: 1.5em;
      border-right-color: transparent;
    }
    .ribbontd-content {
      color: #fff;
    }
    .ribbontd .ribbontd-content:before, .ribbontd .ribbontd-content:after {
      content: "";
      position: absolute;
      display: block;
      border-style: solid;
      border-color: #A6114D transparent transparent transparent;
      bottom: -1em;
    }
    .ribbontd .ribbontd-content:before {
      left: 0;
      border-width: 1em 0 0 1em;
    }
    .ribbontd .ribbontd-content:after {
      right: 0;
      border-width: 1em 1em 0 0;
    }
    .block-content { position: relative; z-index: 1; }
  

HTML Code

   <div class="block-content">
      <h1 class="ribbontd"><strong class="ribbontd-content">RIBBON</strong></h1>
   </div>

Hasilnya

Sumber : http://perampokeren.capungbalap.net/2013/12/cara-membuat-efek-ribbon-atau-pita.html

Hallo semua, kali ini mpu-nya mau share lagi nih
kali ini tentang CSS dan JQuery untuk meng-handle screen orientasi untuk tampilan web menggunakan JQuery.

$(document).ready(function(){
   $('body').append('<div id="screencss"></div>');
   adjustCSS();
   $(window).resize(function(){ adjustCSS() });
})
function adjustCSS(){
   var pageWidth = $(window).width();
   var sizeSelected = "css/blue-800.css";
   if (pageWidth > 900) { sizeSelected = "css/blue-1024.css"; }
   if (pageWidth > 1010) { sizeSelected = "css/blue-1280.css"; }
   if (pageWidth > 1420) { sizeSelected = "css/blue-1600.css"; }
   $("#screencss").html('');
}

Referensinya dari sini
Silahkan dicoba ^_^

Hallo semua, mpu-nya mau share file .htaccess yang biasa mpu-nya pake untuk Framework Codeigniter

DirectoryIndex index.php
RewriteEngine on
RewriteCond $1 !^(index\.php|images|css|js|robots\.txt|favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./index.php/$1 [L,QSA]

Silahkan dicoba ^_^

Hallo semua, mpu-nya mau me-review android lokal lagi nih keluaran Evercoss seri A7E
berikut adalah review-nya

Spesifikasi

Prosesor	:	MTK MT8382 32bit Quad Core 1.3 GHz
Display	:	GPU Mali-400 MP, OpenGL ES 2.0, 240 dpi, 4.0", 480 x 800, TFT Capacitive Touchscreen, 16M Colors
Dimension	:	126mm x 62.7mm x 9.1mm
Android	:	Android 4.4.2 Kitkat
RAM	:	457MB aka 512Mb
Kamera	:	Rear 8.3 Mega Pixel (3840x2160), Front 2.0 Mega Pixel (1840x1104)
Video	:	Resolution max (1920x1088)
Storage	:	Internal ROM 4GB shared System Storage 1.52GB, Slot SD Card
Network	:	Dual Sim GSM-GSM, Slot 1(HSPA with Micro SimCard) and Slot 2(GPRS/Edge with Nano SimCard)
Featured	:	Bluetooth, GPS (Direction Sensor, Acceleration Sensor, Light Sensor, E-Compass, Proximity Sensor)
Battery	:	1650 mAh

Hasil tes menggunakan Antutu Benchmark v5.1


Kelebihan

• Dari segi kecepatan gadget ini bisa di bilang mantab lah, karena dukungan processor quad core untuk kelas Entry Level sih ^_^
• Kualitas kamera dan video menurut mpu-nya ajib banget dah untuk gadget di bawah 1jt, kualitas kamera bening dan pencahayaan dari flashnya gak kalah kayak gadget merek ternama, untuk kualitas video recorder-nya ajib banget dan mulus gak rugi beli gadget ini ^_^
  
  Hasil Jepretan Kamera Belakang
  
  
  Hasil Jepretan Kamera Depan

Kekurangan

• Untuk gadget spesifikasi quad core dibekali RAM 512Mb sangatlah kurang, karena gak bisa jalanin game-game HD dan untuk multitaskingnya juga kurang mantab
• Dari segi daya, ini yang sangat tidak puas karena untuk sekelas prosessor quad core daya segitu membutuhkan power bank bila pergi jauh, untuk sosial media saja bisa 4x isi dan untuk maen game-game standar bisa berulang kali O_o

Sekian hasil review dari mpu-nya, jika review yang mpu-nya sajikan kurang akurat atau detail mpu-nya mohon maaf ^_^

Assalamu'alaikum Wr Wb dan salam sejahtera

Long time mpu-nya blog gak nulis dan sekarang hati terketuk kembali ingin membuat coretan yang mungkin bisa bermanfaat bagi mpu-nya blog khususnya dan untuk anak-anak bangsa umumnya ^_^

kali ini mpu-nya blog mau corat coret query SQL dan yang mpu-nya blog lagi pegang sekarang adalah SQL Server 2012, ini query untuk catatan aja sih biar gak lupa sebab manusia sarangnya lupa ^_^

Langsung aja Query nya

Menampilkan Minggu dalam angka dari tanggal H-1
Select Datepart(Week, DATEADD(Month, -1, getdate()))

Menampilkan bulan dalam angka dari tanggal H-1
Select Datepart(Month, DATEADD(Month, -1, getdate()))

Menampilkan tanggal awal minggu di current date (di mulai hari senin)
Select CONVERT(varchar,dateadd(week,datediff(week,0,getdate()),0),112)

Menampilkan tanggal akhir minggu di current date (di mulai hari senin)
Select CONVERT(varchar,dateadd(week,datediff(week,0,getdate()),6),112)

Menampilkan tanggal awal bulan di current bulan (hanya tanggal)
Select CONVERT(varchar,dateadd(d,-(day(getdate()-1)),getdate()),112)

Menampilkan tanggal awal bulan di current bulan (tanggal dan waktu)
Select Dateadd(mm, Datediff(mm, 0, getdate()), 0)

Menampilkan tanggal akhir bulan di current bulan (hanya tanggal)
Select CONVERT(varchar,dateadd(d,-(day(dateadd(m,1,getdate()))),dateadd(m,1,getdate())),112)

Menampilkan tanggal akhir bulan di current bulan (tanggal dan waktu)
Select Dateadd(mm, Datediff(mm, -1, getdate()), -1)

Menampilkan tanggal awal bulan di current quarter
Select Dateadd(qq, Datediff(qq,0, getdate())-1, 0)

Menampilkan tanggal doang
Select Cast(convert(varchar(10),GETDATE(),112) as date)

Konfersi dari week ke date
Declare @wk int  set @wk = 2
Declare @yr int  set @yr = 2014
Select dateadd(week,@wk,dateadd(year, @yr-1900,0))-4 - Datepart(dw,dateadd(week,@wk,dateadd(year,@yr-1900,0))-4) + 1

Konfersi dari month ke string date
Declare @mt int set @mt = 6
Select DateName(month, DateAdd(month, @mt, 0)-1) as [Month String]

Cek jumlah data di tanggal itu berdasarkan jam
Select count(convert(date, [nama_kolom_tanggal])) as jum_date
from [nama_db].[schema].[nama_tabel]
where [nama_kolom_tanggal] >= @tanggal_awal and [nama_kolom_tanggal] <= @tanggal_akhir
group by convert(date, [nama_kolom_tanggal])
order by convert(date, [nama_kolom_tanggal])

Set Limit Data

Select * 

from [nama_db].[schema].[nama_tabel]

offset 0 rows fetch next 6 rows only

Update Query Berlanjut... ^_^

Hallo, kali mpu-nya mau me-review seakurat mungkin tentang android keluaran lokal, yaitu brand MITO, MITO Fantasy A77 Selfie dengan fitur kamera putar untuk penggila photo selfie ^_^



Specification :

Processor	:	Mediatek MT6572 Dual-Core 1.3 Ghz Cortex A7
Display	:	Mali-400 MP Res.(480x854) OpenGL ES 2.0, 4.5 inchi, 240dpi, IPS (in plane switching), Multitouch
Dimension	:	141 x 67.5 x 9.5 mm
Android	:	Jelly Bean (4.2.2)
RAM	:	972 MB aka 1GB
Camera	:	Rear Camera 8 Mega Pixel (3264x2448), Autofocus, Led Flash
Video	:	Recorder Res. max (1280x720) 3gp Format Support MP4, WMV, 3gp
Storage	:	Internal ROM 3.69GB shared System 1.27GB, External microSD upto 32Gb
Network	:	2G Network Dual GSM 900/1800 MHz, 3G Network WCDMA 2100 MHz (Slot 1 - HSPA with Micro SimCard and Slot 2 - GPRS/Edge with Nano SimCard)
Featured	:	Bluetooth, USB Port, Wifi 802.11 b/g/n, GPS
Battery	:	1500 mAh

Hasil tes menggunakan Antutu Benchmark v5.1


Kelebihan
Dengan kemampuan processor yang sudah Dual Core dan Ram yang berkapasitas 1GB, maka Mito A77 sudah mampu menjalankan multitasking dengan baik hanya sekala selain menjalankan game

Kekurangan

• Kualitas photo yang kurang jernih untuk ukuran Kamera 8 Mega pixel dibanding Brand ternama lainnya. (Ya iyalah harga kisaran 1juta mau kualitas bagus ^_^)
• Menjalankan game2 berat masih kurang smooth. (Plisss deh masih dual core itu ^_^)
• Lifetime-nya kurang memuaskan, sehari bisa 2x sampe 3x isi ulang battery padahal cuma buat sosial media sama browsing

Sekian Review-nya semoga bermanfaat dan kalo ada salah penulisan Mohon Maaf yah! ^_^v

Pemanggilan Stored Procedure di MySQL menggunakan PHP


Hallo... lama gak nulis jadi kangen nih... mumpung ada materi buat di tulis dan semangat akhir bulan, jadi mpu-nya blog nulis lagi ah... hehehe

Ok! sekarang yang akan di bahas dalam tulisan kali ini mengenai Stored Procedure(SP) dalam MySQL dan Pemanggilan dengan PHP. Berhubung dari beberapa sumber-sumber yang mpu-nya blog sudah cari, tapi masih sedikit ada beberapa yang error pas mpu-nya blog coba jalankan, jadi ini oprekan sendiri dari mpu-nya blog, jikalau sudah ada atau sama konsepnya tolong jangan di TuskBol yah??? (Tusuk Pake Bola) hehehe

Stored Procedure merupakan merupakan kumpulan perintah dari suatu database program(Seperti MySQL, Oracle, SQL Server dll) atau Transact-SQL yang di tujukan untuk memudahkan programmer database dalam melakukan suatu aksi tanpa harus melihat kembali susunan data yang ada atau bisa juga membantu programmer aplikasi untuk memanggil isi data yang di butuhkan tanpa harus di ketahui programmer aplikasi jika data tersebut bersifat penting. Dan mpu-nya blog kali ini akan membahas Stored Procedure mengunakan MySQL. Berikut penulisan Stored Procedure :

--------------------------------------------------------------------------------------
DELIMITER //
 
DROP PROCEDURE IF EXISTS nama_prosedure//

CREATE PROCEDURE nama_prosedure(OUT var_sp varchar(100), IN id int)
BEGIN
      SELECT nama_kolom INTO var_sp FROM nama_tabel WHERE id_tabel= id;
END//

DELIMITER ;
--------------------------------------------------------------------------------------

dan untuk pemanggilan fungsinya :
CALL nama_prosedure(@new_var,111);

lalu untuk menampilkan data dari prosedure yang di panggil menggunakan :
SELECT @desy;

Dari contoh diatas mpu-nya blog akan jelaskan beberapa diantaranya, pada sp DELIMITER merupakan pembatas sebelum programmer membuat procedure, tandanya bisa berupa // atau $$.

Kemudian mpu-nya nulis DROP sp itu gunanya untuk menghapus terlebih dahulu jika ada nama prosedure yang akan di buat, kalo gak mau di hapus ilangin aja satu baris kodenya.
Kemudian ada OUT dan IN, itu gunanya untuk nentuin mana nilai yang di keluarkan dan mana nilai yang akan di inputkan ke dalam baris program MySQL. var_sp itu nama variabel keluaran dan id itu nama variabel input, disini kasusnya mpu-nya blog ingin mencari data berdasarkan id yang ada.
Pada baris penulisan nama_kolom INTO var_sp itu fungsinya dari kolom yang akan di tampilkan akan di masukkan ke dalam variabel keluaran pada OUT var_sp. Setelah itu, panggil prosedur yang sudah di buat, kemudian ada penulisan @new_var yang mana bisa di namain terserah programmer asal nanti pas perintah select sama dengan variabel @new_var, oya penulisannya harus diawali tanda @ karena sudah aturan MySQL.

Note : untuk menjalankan script diatas itu terserah programmer ingin menggunakan tools MySQL atau langsung dari Command Prompt, secara garis besar seperti itu penulisannya hehehe

Barusan adalah cara pembuatan Stored Procedure didalam MySQL, sekarang kita panggil Stored Procedure menggunakan PHP.

-----------------------------------------------------------------------------------
$con = mysql_connect("host","user","pass",false,65536);
if (!$con){
die('Could not connect: ' . mysql_error());
}
$db = mysql_select_db("database", $con);
            
$res = mysql_query('call GetNews(@new_var,111)');
$res = mysql_query('select @new_var');
while($row = mysql_fetch_row($res)){     
     echo "Isi Kolom : ".$row[0];
}
-----------------------------------------------------------------------------------

tambahkan false,65536 pada koneksi mysql, dan pada baris echo ada $row[0] array itu bisa di lihat dengan perintah print_r($row).

Simpelkan! kalo kodingan mpu-nya blog terkesan meniru atau jeplak tolong di maafkan, tapi itu 100% usaha mpu-nya blogger yah meski ada acuan situsnya sih...

http://blogs.yarsi.ac.id/2012/08/25/store-procedure-pada-mysql-1/
http://www.joeyrivera.com/2009/using-mysql-stored-procedures-with-php-mysqlmysqlipdo/

Good Work

 

CSS Membuat Tampilan Menjadi Sejajar atau Sebaris

Sore hari enakan minum kupi cappucino sembari bagi-bagi ilmu ah...
kali ini mpu-nya blog mau berbagi sedikit ilmu tentang CSS hehehe...

simple sih cuma bagi yang belum tau, pasti nyarinya kemana-mana, ini berdasarkan oprekan mpu-nya blog lho... bukan kodingan hasil jiplak dan terbukti fix 100% di css 3 keatas tapi menggunakan <DIV> hehehe...

Langsung ke Kodingannya...

1. buat file css atau css dalam html
-----------------------------------------------------
<style>
.kolom-sejajar{
     float: right;  //sesuaikan kondisi urutan kiri atau kanan terlebih dahulu
}

#kolom-kiri{
     float: left;
}
#kolom-kanan{
     float: right;
}
</style>

2. buat file html
-----------------------------------------------------
<html>
<head></head>
<body>
<div class="kolom-sejajar">
      <div id="kolom-kiri">
           TES <br> TES <br> Kiri
      </div>
      <div id="kolom-kanan">
           TES <br> TES <br> Kanan
      </div>
</div>
</body>
</html>

3. Testing

Silahkan di coba... hehehe...

Assalamu'alaikum wr wb dan salam sejahtera bagi kita semua ^_^
kali ini mpu-nya blog akan berbagi lagi masih dengan pemrograman Java tapi kini mulai berbelok ke arah pemutaran video (video player)

mungkin kalian sering berkunjung ke situs pemutar video ternama yaitu youtube, di youtube ada banyak playlist video yang tertera di sebelah kanan ampe ke bawah-bawah dan juga playlist yang di taruh di player video-nya, nah kali ini mpu-nya blog mau berbagi ilmu bagaimana cara membuat playlist video di dalam player-nya.

mungkin berbeda dengan yang ada di youtube tapi semoga bisa bermanfaat :D

ok langsung saja...

1. buat file menggunakan html atau pemrograman berbasis server, terserah codinger :D
    mpu-nya blog membuatnya menggunakan PHP, cuma extensinya aja >.<

2. buat file index.php
    -----------------------------------------------------------------------
    <html>
    <head>
    <title>:: Video Test ::</title>
    <script type="text/javascript" src="mediaplayer/jwplayer.js"></script>
    </head>
    <body>
    ......
    </body>
    </html>
    ------------------------------------------------------------------------

3. download file jwplayer.js di www.longtailvideo.com 

4. kemudian inputkan file antara <body>...</body>
    ------------------------------------------------------------------------

   <html>
   <head>
   <title>:: Video Test ::</title>
   <script type="text/javascript" src="mediaplayer/jwplayer.js"></script>
   </head>
   <body bgcolor="green">
   <div id="container">Loading the player...</div>
   <script type="text/javascript">
      jwplayer("container").setup({
modes: [
 { type: "html5" },
 { type: "flash", src: "mediaplayer/player.swf" }
],
playlist: [
{
levels: [{file: "File/miss.mp4"}],
image: "Pic/miss.jpg",
title: "Miss Hit"
},
{
levels: [{file: "File/rejoice.mp4"}],
image: "Pic/rejoice.jpg",
title: "Rejoice Shampoo"
},
{
levels: [{file: "File/incident_in_the_plane.mp4"}],
image: "Pic/tragedy.jpg",
title: "Narsis Di Pesawat"
}
],
        'flashplayer': 'mediaplayer/player.swf',
'id': 'playerID',
controlbar: 'bottom',
stretching: 'fill',
        volume: 60,
        width: 480,
height: 310,
plugins: {
'flow': { coverwidth:180, onpaused:'show' }
},
      });
  </script> 
  </body>
  </html>
-----------------------------------------------------------------------

5. Testing... Simple untuk buatnya tapi karena mpu-nya masih kekurangan beberapa faktor dalam menulis dan memberikan demo-nya di blog jadi terlihat agak membingunkan, Muuv nyak ^_^

untuk memudahkan para codinger, mpu-nya blog nempelin contoh yang udah jadi dan untuk filenya berukuran 7Mb dikarenakan ada file video-nya :D

download file

Sekian dan Terima Kasih
Wassalamu'alaikum Wr Wb