Senin, 02 Mei 2011

Tabel Input Dinamis dan Pemrosesannya di Server

Adakalanya kita ingin input data, misalnya data karyawan dalam jumlah yang banyak sekaligus. Di mana jumlah data yang diinput ini tidak menentu. Untuk itu kita perlu membuat inputan yang dinamis sesuai dengan selera anda. Pada contoh berikut akan kita lihat bagaimana membuat inputan dinamis dengan menggunakan javascript kemudian bagaimana memproses hasil inputan tersebut di sisi server sehingga bisa kita masukkan ke dalam database.
Mungkin untuk lebih jelasnya anda coba demo berikut. Klik tombol tambah untuk menambah baris, tombol delete untuk mendelete baris, submit query untuk memprosesnya di server menggunakan PHP









Sekarang mari kita lihat kode-kodenya :
inputdinamis.html


<html> 

<head> 

<script> 

var idrow = 2; 


function tambah(){ 

    var x=document.getElementById('datatable').insertRow(idrow); 

    var td1=x.insertCell(0); 

    var td2=x.insertCell(1); 

    var td3=x.insertCell(2); 

    var td4=x.insertCell(3); 

    td1.innerHTML="<input type='tex't name='idkaryawan[]'>"; 

    td2.innerHTML="<input type ='text' name='nama[]'>"; 

    td3.innerHTML="<select name='sex[]'><option>Laki-laki</option><option>Perempuan</option></select>"; 

    td4.innerHTML="<input type ='text' name='email[]'>"; 

    idrow++; 

} 


function hapus(){ 

    if(idrow>2){ 

        var x=document.getElementById('datatable').deleteRow(idrow-1); 

        idrow--; 

    } 

} 

</script></head> 

<body> 

<form action=prosesdatakaryawan.php method=post> 

<table id=datatable border=0> 

<tr bgcolor=#ababab> 

<td>ID Karyawan</td> 

<td>Nama</td> 

<td>Jenis Kelamin</td> 

<td>Email</td> 

</tr> 

<tr> 

<td><input type='tex't name='idkaryawan[]'></td> 

<td><input type ='text' name='nama[]'></td> 

<td><select name='sex[]'><option>Laki-laki</option><option>Perempuan</option></select></td> 

<td><input type ='text' name='email[]'></td> 

</tr> 

</table> 

<input type=button value=tambah onclick=tambah()> 

<input type=button value=delete onclick=hapus()> 

<br> 

<input type=submit> 

</form> 

</body> 

</html> 


Berikut kode PHP untuk memprosesnya, prosesdatakaryawan.php



<?php 

echo "Membuat Query :<p>"; 

foreach($_POST['idkaryawan'] as $key => $value){ 

    if($value){ 

        $query="INSERT INTO namatabel VALUES('".$value."','".$_POST['nama'][$key]."', 

            '".$_POST['sex'][$key]."','".$_POST['email'][$key]."')<br>"; 

        //$lakukanquery = mysql_query($query); 

        echo $query; 

    } 

} 

?>
baca artikel asli





Membuat Script Notifikasi Seperti Facebook dengan jQuery dan PHP

Di facebook jika kita ada pesan baru, walaupun halaman gak direfresh maka akan muncul angka jumlah pesan dengan latar belakang merah. Ketika diklik akan mucul list pesan terbaru dari siapa dan kapan. Nah mari kita coba membuat notifikasi seperti facebok tersebut dengan menggunakan jQuery.
Struktur tabel_pesan di database MySQL adalah sebagai berikut :


-- 

-- Table structure for table `tabel_pesan` 

-- 

 

CREATE TABLE `tabel_pesan` ( 

  `nomor` int(10) NOT NULL auto_increment, 

  `waktu` varchar(20) NOT NULL, 

  `dari` varchar(50) NOT NULL, 

  `kepada` varchar(50) NOT NULL, 

  `pesan` text NOT NULL, 

  `sudahbaca` varchar(1) NOT NULL, 

  PRIMARY KEY  (`nomor`) 

) ; 


Pada struktur tabel di atas, untuk mendeteksi sudah terbaca atau belum adalah pada field sudahbaca, bernilai 'N' jika belum dan 'Y' jika sudah dibaca.
Sekarang kita lihat kode jQuery untuk mengecek jika ada pesan terbaru.



function cek(){ 

    $.ajax({ 

        url: "cekpesan.php", 

        cache: false, 

        success: function(msg){ 

            $("#notifikasi").html(msg); 

        } 

    }); 

    var waktu = setTimeout("cek()",3000); 

} 


Pada kode di atas kita melakukan proses request dengan ajax ke file cekpesan.php. fungsi setTimeout() berfungsi untuk menjalankan fungsi cek() terus berulang setiap 3000 milidetik atau 3 detik. Untuk Belajar jQuery silahkan baca di pengenalan jQuery dan Tutorial jQuery Ajax.
Berikut kode cekpesan.php



<?php 

session_start(); 

include "config.php"; 

$userid = $_SESSION['userid']; 

$pesan = mysql_query("SELECT nomor FROM tabel_pesan  

    WHERE kepada='$userid' and sudahbaca='N'"); 

$j = mysql_num_rows($pesan); 

if($j>0){ 

    echo $j; 

} 

?> 


Pada kode diatas kita melakukan query, cek jika ada pesan untuk $userid dan belum dibaca (sudahbaca='N'). $userid kita dapat dari variabel $_SESSION yang sudah kita set di halaman utama.

baca artikel asli

10 Profesi dengan Tingkat Stres Paling Tinggi

Inilah 10 pekerjaan dengan tingkat stres paling tinggi:

10. Agen propertiTingkat stress: 38,57Jam kerja per hari : 9,5 jamPendapatan per tahun: US$40,357 (Rp363,213 juta)Agen jual beli properti memiliki jam kerja yang tidak menentu, terkadang kerja di  malam hari dan akhir pekan. Lingkungan kerja di bidang real estate juga memiliki tingkat kompetisi yang tinggi, dan di kala kondisi perumahaan sedang tidak bagus, menjual rumah bukanlah hal yang mudah dilakukan.

9. Teknisi Kesehatan daruratTingkat stres: 39,68jam kerja per hari : bervariasipendapatan per tahun: US$30,168 (Rp271,512 juta)Teknisi kesehatan darurat atau mungkin sama dengan petugas Ambulance adalah orang pertama di setiap kejadian yang memerlukan penanganan medis darurat. Selain itu mereka berperan sebagai penentu kehidupan bagi pasien dari lokasi kejadian hingga ke rumah sakit.
Petugas ambulance seringkali bekerja dalam rentang waktu kerja yng lama dan seringkali terkena jatah kerja malam hari.

8. Pialang SahamTingkat stres : 39,70jam kerja per hari : 8 jamPendapatan per tahun: US$67.470 (Rp607,23 juta)Pialang saham bertanggungjawab terhadap dana investor yang disimpan dalam produk investasi saham maupun obligasi. Dengan kondisi pasar saham yang selalu berubah, tanggung jawab pialang untuk menjaga agara investasi pemodal tetap bertahan merupakan hal yang bisa membuat stres.

7.  ArsitekTingkat stres : 39,93Jam kerja per har: lebih dari 8 jamPendapatann per tahun : US$73.193 (Rp658,73 juta)Arsitek bekerja dengan tekanan deadline yang ketat baik dari segi perencanaan, desain, konstruksi ruang komersial dan perumahan. Keselamatan dari sebuah gedung di masa depan juga menjadi bagian pekerjaan dari para arsitek yang dituntut membuat perencanaan lebih hati-hati 

6. Account Executive Perusahaan IklanTingkat stres: 41,05Jam kerja per hari: 9,5 jamPendapatan per tahun: US$62.105 (Rp558,945 juta)Seorang account executive dituntut untuk bekerja lebih kreatif, memperhatikan detil, mampu memotivasi diri sendiri. Semua tuntutan ini harus dijalankan ditengah pekerjaan untuk mengelola klien besar perusahaan serta bekerja diawah tekanan deadline. Lapangan tempat bekerja para account executive juga termasuk memiliki tingkat kompetisi yang sangat tinggi. Apalagi jika iklam merupakan pendapatan utama bagi perusahaan.
 
5. Penyiar BeritaTingkat stres: 43,56Jam kerja per hari: 8 jamPendapatan per tahun: US$50.456 (Rp454,104 juta)Penyiar berita bersaing dengan kompetitor stasiun televisi lain untuk menjadi yang pertama memberitakan sebuah informasi kepada publik. Seringkali, reporter bekerja dari dalam studio namun lebih banyak reporter yang terjun ke lapangan dimana kejadian tersebut terjadi. Kondisi pelaporan berita langsung dari lapangan seringkali menyebabkan posisi penyiar berita berpotensi berada dalam situasi bahaya 

4. Jurnalis FotoTingkat stress: 47,09Jam kerja per hari: bervariasiPendapatan : US$40.209 (Rp361,88 juta).Jurnalis foto senantiasa harus berada di lokasi ketika sebuah kejadian besar terjadi. Apakah itu perang, penembakan, bencana alam, seorang jurnalis foto senantiasa hadir di lokasi-lokasi tersebut. Dalam kondisi berbahaya, mereka hadir untuk menangkap moment dan memberitakannya ke seluruh dunia.
 
3. Eksekutif Senior PerusahaanTingkat stres: 47,41Jam kerja per hari: 11 jampendapatan per tahun : US$161.141 (Rp1,450 miliar)Corporate Executive memiliki banyak pekerjaan berbeda. Mereka diharapkan memiliki pengetahuan hampir di seluruh departemen dari sebuah perusahaan. sehingga para pegawai di level ini diharapkan bisa membuat keputusan yang berdampak pada seluruh pegawai. Petinggi perusahaan ini juga memiliki jam kerja yang sangat panjang.

2. Public Relation OfficerTingkat stres: 47,6Jam kerja: 9 jamPendapatan per tahun: US$90.160 (Rp811,44 juta)Seorang pejabat Public Relation (PR), seringkali harus memberikan presentasi dan penjelasan di depan publik. Bidang pekerjaan ini memiliki tingkat kompetisi yang sangat ketat dan pimpinan perusahaan sering kali meminta PR untuk menciptakan dan memperhatahankan citra perusahaan yang baik.
 
1. Pilot Pesawat KomersialTingkat stres: 59,53Jam kerja per hari: 9 jamPendapatan per tahun: US$106.153 (Rp955,37 juta)Pilot pesawat terbang komersial bertanggungjawab pada keselamatan ratusan penumpang ketika menerbangkan pesawat diatas ketinggian ribuan mil dengan kecepatan yang tinggi.Pilot terkadang harus menerbangkan pesawat di tengah kondisi cuaca yang buruk dan bekerja berjam-jam.

Gol Tunggal Ramsey Bawa Arsenal Benamkan MU

The Gunners menjamu rival terberatnya Manchester United di Stadion Emirates, Minggu (1/5/2011) malam WIB, dalam lanjutan pertandingan Liga Premier Inggris.

Pertarungan di babak pertama berlangsung menarik sejak awal. Kedua tim sama-sama bermain terbuka dan mengusung pola permainan menyerang. Tempo pertandingan juga berlangsung cepat.

Peluang pertama di pertandingan ini lahir dari kubu Setan Merah. Tendangan keras Nani dri luar kotak penalti masih terlalu tinggi di atas mistar gawang The Gunners.

Tim tamu mendominasi permainan di limabelas menit pertandingan. Namun, setelah itu ganti The Gunners yang memegang penuh jalannya pertandingan.

Peluang terbaik di babak pertama hadir di kubu The Gunners. Tendangan keras jarak dekat Robin Van Persie gagal ditepis kiper Edwin Van Der Saar, tapi bek Nemanja Vidic dengan sigap menahannya.

Dalam tayangan ulang, Vidic terlihat menahan bola dengan tangannya. Tetapi, insiden tersebut luput dari pengamatan wasit. Babak pertama berakhir imbang tanpa gol.

Pertandingan di babak kedua berlangsung lebih menarik lagi. Kedua tim terus-menerus bertukar serangan dan menciptakan peluang.

Baru tiga menit babak kedua bergulir, Wayne Rooney nyaris membawa Setan Merah memimpin. Namun, tendangan bebasnya masih mampu ditepis dengan baik kiper Wojciech Szczsny.

Akhirnya, tim tuan rumah memecah kebuntuan di menit ke-55. Adalah pemain muda The Gunners Aaron Ramsey yang sukses menggetarkan jala MU.

Robin Van Persie menusuk dari sisi kiri pertahanan MU dengan mengecoh tiga pemain bertahan Setan Merah.

Kemudian, pemain berkebangsaan Belanda itu melepas umpan silang datar yang langsung disambut sepakan first time Ramsey. Tuan rumah untuk sementara unggul 1-0.

Gol itu menyulut semangat pasukan Setan Merah untuk terus menekan pertahanan The Gunners. Tercatat, MU memiliki dua peluang emas dalam interval lima menit selepas terciptanya gol. namun, keduanya sukses dimentahkan Szczsny.

Untuk menambah daya gedor penyerangan timnya, pelatih MU Sir Alex Ferguson memasukkan ndua pemain berkarakter menyerang, Michael Owen dan Dimitar Berbatov, menggantikan Javier Hernandez dan Michael Carrick.

Namun, masuknya kedua pemain itu tidak mampu memberi banyak kontribusi bagi Setan Merah. The Gunners tetap mampu mempertahankan keunggulannya hingga laga berakhir.

Tambahan tiga poin ini menjaga asa The Gunners untuk merengkuh gelar juara Liga Primer musim ini. Pasukan besutan pelatih Arsene Wenger itu kini hanya berjarak enam poin atas MU.

Susunan Pemain

Arsenal: Szczesny; Koscielny, Djourou (Squillaci 68), Clichy, Sagna, Wilshere, Song, Nasri (Arshavin 46), Ramsey, Walcott (Eboue 77), Van Persie

Manchester United: Van der Sar; Vidic, Ferdinand, Evra, Fabio, Anderson (Valencia 55), Carrick (Owen 84), Park, Nani, Rooney, Hernandez (Berbatov 73)

Tantangan masa depan

Key Messages :
1.      Semua aspek kehidupan berubah secara dinamis.
2.      Tidak perlu takut dengan perubahan.
3.      Mengantisipasi dan beradaptasi dengan perubahan.
4.      Perubahan akan memberi banyak peluang.
5.      Harus selalu siap untuk belajar.

Daya Saing SDM
Kemampuan SDM dibandingkan dengan tempat lain dibidang :
a.       Kemampuan informasi dan teknologi.
b.      Mental pesaing (perilaku-kecekatan-ilmu pengetahuan).
c.       Nilai jual (kompetensi).

Globalisasi
1.      Pergerakan produk, jasa, orang, modal, informasi ke segala penjuru dunia.
2.      Biasanya diatur dalam kesepakatan antar negara.
3.      Batas-batas negara menjadi tipis.

A.     Globalisasi Ekonomi
1.      Masalah kemiskinan adalah masalah dunia karena tidak ada suatu bangsapun yang mampu menghapusnya.
2.      Maraknya kerjasama ekonomi.
3.      Kategori negara berdasarkan ekonomi :
(i)     Negara-negara industri maju.
(ii)   Negara-negara industri baru.
(iii) Negara berkembang.