Saturday, January 28, 2012

Grid Form ;)

Hallo, selamat tahun baru dan tahun baru china juga. =D

Dan semoga di tahun 2012 semua resolusi kalian yang "baik" tercapai amin ;) .
Kalau resolusi saya sih masih seputar IT =D, yaitu jadi software engineer and crafter, bukan cuman jadi web developer.
Tapi sekarang masih ketemunya itu, well keep doing the best anyway. =D

Kesempatan ini saya mau share membuat sebuah grid form di html dengan menggunakan javascript murni tanpa bantuan jquery, extJs. Alhasil ya masih banyak koreksi juga.
Fungsi nya banyak sekali untuk grid form, selain user friendly, menurut para Web site performance tuner, penggunaan javascript yang baik dapat membantu interaksi antara client dengan meminmalir penggunaan resouce koneksi jaringan dan server.

Mungkin content yang satu ini akan saya jadi acuan saya untuk isi blog berikutnya. Saat ini saya buat dulu interface user nya, next saya akan coba untuk koneksikan dengan mySQL dan Ajax, dan mungkin juga sampai report generating nya dalam bentuk PDF dan Spreadsheet. So keep up to date di blog saya ya. ;)

Okay, now lets check this out..

Ini Bentuk Outputnya...




Ketika di klik dua kali di baris yang kosong maka dia akan otomatis menambahkan baris baru =D




Jika pada baris yang sama kita mengklik kolom yang berbeda maka kolom yang sebelumnya berupa input akan berubah otomatis




Dan ini snapshop ketika kita ingin meng edit salah satu baris yang sudah ada nilainya..




Dan ini adalah posisi ketika kita mungkin sudah selesai mengedit grid form ini..









































Kita buat file index.php dengan berisikan baris kode ini.

<html id="HTMLZ">
<head>
  <title>Ajax Dua</title>
  <link rel="StyleSheet" href="styles/styles.css" type="text/css"/>
  <link rel="Shortcut Icon" href="images/titleLogo.jpg" type="image/x-icon" style="min-width:80px;height:50px"/>


  <script type="text/javascript" lang="JavaScript">

  <script type="text/javascript" lang="JavaScript">
      var myInit = "";
      var gRHead = new Array();
      var newRowNumb = 0;
      var exceptionPart = new Array();
      var applyRow = new Object();
      var clLength = 0;
      var rCounter = 0;

         subChildDblClick(e){
            if(!e) var e = window.target;
            var targ = e.srcElement || e.target;
            var supChild = targ.parentNode;

            var supOrder = supChild.dOrder;
            var contRows = document.getElementsByName("ContentRow");
            var cRLength = contRows.length;

            if(targ.id == "cellContentNo") return false;

            var dVal = targ.innerHTML;

                earlyDisplayGrid();

            if(supChild.id == "ContentRow"){
                supChild.style.marginTop = "6px";
                supChild.style.marginBottom = "6px";
            }

                var dWidth = parseInt(document.defaultView.getComputedStyle(targ,null).getPropertyValue("width"));

            targ.style.backgroundColor = "white";

            var inpElem = document.createElement("input");

            targ.removeChild(targ.childNodes[0]);

            dVal = dVal.replace(/  /g, " ");
            inpElem.value = dVal;
            inpElem.style.width = dWidth + "px";
            inpElem.style.height = "17px";
            inpElem.style.top = "0px";
            inpElem.style.border = "1px solid #000000";
            inpElem.style.font = "10px normal Verdana,Arial,Helvetica,sans-serif";
            inpElem.name = "GridInput";
            targ.appendChild(inpElem);

            if(supChild.dOrder == cRLength - 1 + newRowNumb){
                var matchEnd = "yes";
                var dNew = createNewContentRow(cRLength);
                document.getElementById("Container").appendChild(dNew);

                if(applyRow[supOrder].childNodes[0].innerHTML == undefined){
                applyRow[supOrder].childNodes[1].innerHTML = (rCounter - 1) + ".";
                }
                else{
                applyRow[supOrder].childNodes[0].innerHTML = (rCounter - 1) + ".";
                }

                applyRow[cRLength - 1 + newRowNumb] = dNew;
                }

        }

         subChildOver(e){
                if(!e) var e = window.target;
                var targ = e.srcElement || e.target;

                var inputAlready = (!targ.childNodes[0]) ? "yes" : "no";

                if(inputAlready == "yes"){
                // parNode.style.marginTop = "1px";
                }else{
                targ.style.backgroundColor = "red";
                }
        }

         subChildOut(e){
                if(!e) var e = window.target;
                var targ = e.srcElement || e.target;
                var inputAlready = (!targ.childNodes[0]) ? "yes" : "no";
                if(inputAlready == "yes"){
                // parNode.style.marginTop = "1px";
                }else{
                targ.style.backgroundColor = "#008866";
                }
        }

         init(){

                var cRow = document.getElementsByName("ContentRow");
                var cRowLength = cRow.length;
                for(var i = 0; i < cRowLength; i++){
                 cRow[i].dOrder = i;

                var subChild = cRow[i].childNodes;
                var subChildLength = subChild.length;

                        for(var j = 0; j < subChildLength; j++)
                                {
                                if(subChild[j].className != undefined){
                                 subChild[j].onmouseover = subChildOver;
                                subChild[j].onmouseout = subChildOut;
                                subChild[j].ondblclick = subChildDblClick;
                                clLength++;
                                }
                        }

                        applyRow[i] = cRow[i];
                        rCounter++;
                }

                var hRow = document.getElementById("ContentRow");
                var cHead = hRow.childNodes;
                var counter = 0;

                this.ondblclick = bodyOnDblClick;

                myInit = "Initialized";
        }

         bodyOnDblClick(e){
                if(!e) var e = window.target;
                var targ = e.srcElement || e.target;

                var dId = targ.id;

                 if(dId == "TestBody" || dId == "HTMLZ")
                {
                earlyDisplayGrid();
                }
        }

         earlyDisplayGrid(){

                var contRows = document.getElementsByName("ContentRow");
                 var cRLength = contRows.length;
                var dContainer = document.getElementById("Container");

                for(var i = 0; i < rCounter; i++){
                        applyRow[i].style.marginTop = "0px";
                        applyRow[i].style.marginBottom = "0px";

                        var aRCLength = applyRow[i].childNodes.length;

                        for(var j = 0; j < aRCLength; j++){
                                var aRC = applyRow[i].childNodes[j];

                                if(aRC.className != undefined ){
                                        var aRCComp = applyRow[i].childNodes[j].childNodes[0];
                                        var aRCName = aRCComp.nodeName;
                                        var aRCVal = "";

                                        if(aRCName == "INPUT"){
                                        aRCVal = aRCComp.value;
                                        applyRow[i].childNodes[j].removeChild(aRCComp);
                                        }else{
                                        aRCVal = applyRow[i].childNodes[j].innerHTML;
                                        }

                                        if(aRCVal.replace(/\s+/g, "") == ""){
                                        aRCVal = "  ";
                                        }

                                        applyRow[i].childNodes[j].innerHTML = aRCVal;
                                }

                                }

                        }

                }

         createNewContentRow(lastInd){
                lastInd = lastInd + newRowNumb;
                var newDiv = document.createElement("div");
                newDiv.id = "ContentRow";
                 newDiv.className = "ContentRow";
                newDiv.name = "ContentRow";
                 newDiv.dOrder = lastInd;

                var dId = new Array("cellContentNo", "cellContentNamaNegara", "cellContentIbuKota",
"cellContentNamaPresiden", "cellContentBentuk", "cellContentJenis");

                        for(var i = 0; i < dId.length; i++){
                                var newSubDiv = document.createElement("div");
                                newSubDiv.className = "cellContent";
                                 newSubDiv.name = "cellContent";
                                 newSubDiv.id = dId[i];
                                 newSubDiv.onmouseover = subChildOver;
                                newSubDiv.onmouseout = subChildOut;
                                newSubDiv.ondblclick = subChildDblClick;
                                newSubDiv.innerHTML = "  ";

                                clLength = (i != 0) ? clLength + 1 : clLength;

                                newDiv.appendChild(newSubDiv);
                        }
                 newRowNumb++;
                 rCounter++;
                return newDiv;
        }

</script>


</head>
<body onLoad="init(this)" id="TestBody" style="border:1px solid #000000;height:590px">
        < id="Title" class="Title" name="Title" id="Title">Test Grid Form Nama Beberapa Negara ASEAN</div>
                < id="Container" class="Container" name="Container" id="Container">
                < id="HeadRow" class="HeadRow" name="HeadRow">
                < id="cellHeadNo" class="cellHead" name="cellHead">No.</div>
                < id="cellHeadNamaNegara" class="cellHead" name="cellHead">Nama  Negara</div>
                < id="cellHeadIbuKota" class="cellHead" name="cellHead">Ibu  Kota</div>
                < id="cellHeadNamaPresiden" class="cellHead" name="cellHead">Presiden/Perdana  Menteri</div>
                < id="cellHeadBentuk" class="cellHead" name="cellHead">Bentuk  Pemerintahan</div>
                < id="cellHeadJenis" class="cellHead" name="cellHead">Mata  Uang</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">1.</div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">Indonesia</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">DKI  Jakarta</div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Susilo  Bambang  Yudoyono</div>
                < id="cellContentBentuk" class="cellContent" name="cellContent">Republik</div>
                < id="cellContentJenis" class="cellContent" name="cellContent">Rupiah</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">2.</div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">Malaysia</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">Kuala  Lumpur</div>
                 < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Najib  Razak</div>
                < id="cellContentBentuk" class="cellContent" name="cellContent">Kerajaan</div>
                < id="cellContentJenis" class="cellContent" name="cellContent">Ringgit</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">3.</div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">Thailand</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">Bangkok</div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Yingluck  Shinawatra</div>
                < id="cellContentBentuk" class="cellContent" name="cellContent">Kerajaan</div>
                < id="cellContentJenis" class="cellContent" name="cellContent">Bath</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">4.</div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">Filipina</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">Manila</div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Benigno  S.  Aquino  III</div>
                < id="cellContentBentuk" class="cellContent" name="cellContent">Republik</div>
                < id="cellContentJenis" class="cellContent" name="cellContent">Peso</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">5.</div>
                 < id="cellContentNamaNegara" class="cellContent" name="cellContent">Brunai  Darusalam</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">Bandar  Sri  Begawan</div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Hassanal  Bolkiah</div>
                < id="cellContentBentuk" class="cellContent" name="cellContent">Kesultanan</div>
                < id="cellContentJenis" class="cellContent" name="cellContent">Brunei  Dollar</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                 < id="cellContentNo" class="cellContent" name="cellContentNo">6.</div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">Vietnam</div>
                 < id="cellContentIbuKota" class="cellContent" name="cellContent">Hanoi</div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Truong  Tan  Sang</div>
                 < id="cellContentBentuk" class="cellContent" name="cellContent">Republik  Sosialis</div>
                 < id="cellContentJenis" class="cellContent" name="cellContent">Dong</div>
         </div>
         < id="ContentRow" class="ContentRow" name="ContentRow">
                 < id="cellContentNo" class="cellContent" name="cellContentNo">7.</div>
                 < id="cellContentNamaNegara" class="cellContent" name="cellContent">Singapura</div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">Singapura</div>
                 < id="cellContentNamaPresiden" class="cellContent" name="cellContent">Tony  Tan  Yeng  Kam</div>
                 < id="cellContentBentuk" class="cellContent" name="cellContent">Republik</div>
                 < id="cellContentJenis" class="cellContent" name="cellContent">Dolar  Singapura</div>
        </div>
        < id="ContentRow" class="ContentRow" name="ContentRow">
                < id="cellContentNo" class="cellContent" name="cellContentNo">  </div>
                < id="cellContentNamaNegara" class="cellContent" name="cellContent">  </div>
                < id="cellContentIbuKota" class="cellContent" name="cellContent">  </div>
                < id="cellContentNamaPresiden" class="cellContent" name="cellContent">  </div>
                 < id="cellContentBentuk" class="cellContent" name="cellContent">  </div>
                < id="cellContentJenis" class="cellContent" name="cellContent">  </div>
        </div>
</div>
</body>
</html>



"style.css" ini adalah file css nya. Untuk file ini di save pada sebuah folder yang kita buat dengan nama folder "styles"..

.ContentRow, .Title, .HeadRow, .cellContent, .cellHead, .Container{
border:1px solid #000000;
}
.Title, .Container{
margin:auto;
margin-bottom:2px;
margin-top:2px;
padding-bottom:5px;
}
.Container{
width:800px;
min-height:160px;
background:#424243;
}
.Title{
font:bold 14px Verdana,Arial,Helvetica,sans-serif;
width:600px;
height:20px;
text-align:center;
padding-top:5px;
}
.HeadRow{
float:left;
margin:1px 0px 0px 1px;
}

.cellHead{
border:1px solid #FFFFFF;
float:left;
margin:1px 0px 0px 1px;
}

.HeadRow{
width:795px;
height:17px;
}

.ContentRow{
width:795px;
height:14px;
float:left;
}

.HeadRow, .ContentRow{
background:#000033;
margin-left:1px;
}

.cellContent{
width:100px;
font:10px normal Verdana,Arial,Helvetica,sans-serif;
float:left;
margin-left:1px;
height:14px;
}

.cellHead{
font:11px bold Verdana,Arial,Helvetica,sans-serif;
height:15px;
}

.cellHead, .cellContent{
background:#008866;
color:#fdfdf9;
width:100px;
padding-left:3px;
}

.ContentRow{
margin-top:0px;
}

div#cellHeadNo , div#cellContentNo{
width:21px;
}

div#cellHeadNamaNegara, div#cellContentNamaNegara, div#cellHeadNamaPresiden,
div#cellContentNamaPresiden, div#cellContentIbuKota, div#cellHeadIbuKota{
width:141px;
}

div#cellHeadBentuk, div#cellContentBentuk{
width:151px;
}

div#cellHeadJenis, div#cellContentJenis{
width:161px;
}

div#cellContentNo{
text-align:center;
}
Posted by at No comments:

Saturday, October 8, 2011

Asynchronous Javascript

Buat temen seperjuangan ane di bidang Teknologi Informasi spesifik lagi di koridor Website tentunya enggak asing lagi dengan buzzword ini.

Yaps, banyak banget kegunaan ajax dalam pengembangan web bagi developer. Salah satu yang paling excited baru-baru ini yaitu kontribusi nya bagi para developer of Cloud Computing. Okay, that's a glance the concept for ajax.

Tadi sekilas tentang teori ajax. Saya akan sharing dengan temen-temen sekilas teknik-teknik dasar menggunakan ajax.

Saya mencoba memberikan pengertian yang paling simpel, yaitu secara teknis yang dilakukan script ajax adalah melakukan otomatisasi request dan menerima response dari client kepada server. Dengan demikian mengurangi aktivitas user seperti menekan tombol dengan tujuan seperti check, view, atau enter dan lain-lain yang umumnya ada di website.

Now, let's go to the practice. Kita akan membuat sebuah program sederhana yang melakukan periksa kategori hewan.

Di, lokasi web root anda buatlah sebuah folder yg bernama ajaxpractice. Sebagai contoh, karena saya menggunakan windows dan AppServer maka lokasi file saya ada di C:\AppServ\www\ajaxpractice\

Next, pada folder tersebut, buat sebuah file yang berjudul requestperiksa.html dan tulis program kecil seperti dibawah ini.

---------------------------------------------------------------------------------------------------------

<html>
<head>
<title>Check Kategori Hewan</title>
<style type="text/css">
.kesimpulan{
float:left;
width:400px;
font:bold 100% Verdana,Arial,Helvetica,sans-serif;
height:20px;
border-bottom:2px solid #000000;
}
</style>
<script type="text/javascript" language="JavaScript">

function createXHR(){

try{return new XMLHttpRequest();}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP.6.0");}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP.3.0");}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP");}catch(e){}
try{return new ActiveXObject("Microsoft.XMLHTTP");}catch(e){}

alert("Browser anda tidak mendukung melakukan request dan response ajax");
return null;
}

function periksaKategori(namaHewan){

// user meminta client membuat ajax nya dulu sebelum di gunakan
var xhr = createXHR();

// Jika ajax dapat dibuat maka kita arahkan request nya ke sever.
if(xhr){
xhr.open("POST","responseperiksa.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){prosesPeriksa(xhr);};
var ambilNama = document.getElementById("namaHewan").value;
ambilNama = "namaHewan=" + ambilNama;
xhr.send(ambilNama);
}
}

function prosesPeriksa(xhr){
var tempatKesimpulan = document.getElementById("kesimpulan");
// setelah response diterima maka response tersebut di tampilkan ke dalam box kesimpulan yang telah kita sediakan di file requestperiksa.html

if(xhr.status == 200 && xhr.readyState == 4){
var teksKesimpulan = xhr.responseText;
tempatKesimpulan.innerHTML = teksKesimpulan;
}
}
</script>
</head>
<body>
<input type="text" class="namaHewan" id="namahewan" onChange="periksaKategori(this.value)"/>
<div id="kesimpulan" class="kesimpulan"></div>
</body>
</html>

---------------------------------------------------------------------------------------------------------

Setelah file yang melakukan request dan menerima response telah kita buat, maka kita buat file responseperiksa.php yang akan menerima request dan memberikan response dari file requestperiksa.html.

---------------------------------------------------------------------------------------------------------
<?php

$namayangdikirim = $_POST["namaHewan"];

$kategori = array();
$namanamahewan = array();

$kategori["unggas"] = {"ayam","bebek","burung"};
$kategori["melata"] = {"buaya","komodo","ular"};
$kategori["merayap"] = {"cicak","kutu","bintang laut"};

$kesimpulan = "";

foreach{$kategori as $kelompok => $namanama){

foreach($namanama as $nomor => $detailnama){
if($detailnama == $namayangdikirim){
$kesimpulan = $kategori;
}
}
}

$kesimpulan = ($kesimpulan != "") ? $kesimpulan : "nama belum ada di data kami";

echo $kesimpulan;

?>
---------------------------------------------------------------------------------------------------------



---------------------------------------------------------------------------------------------------------
Jadi saat user memasukan kata di kotak teks yang tersedia maka kesimpulan akan muncul di sampingnya...

Untuk detail dari kodenya bisa kalian cari di embah google, atau kalian comment aja. Saya akan berikan penjelasan yang mencangkup pengetahuan saya (mengingat ajax melibatkan ulasan tentang komunikasi pada HTTP, bisa sangat luas.. =D).. Tapi kalau temen-temen sudah familiar dengan javascript dan php, ini tentunya akan menjadi suatu keuntungan yang besar buat kalian menguasai ajax. That's all about ajax we shared at this moment...

Semoga bisa bermanfaat buat kita semua. .

My dream, IT engineer in Indonesia will be abundant, because they can contribute much with the ability.... =D
Posted by at No comments:

Tuesday, January 11, 2011

Creating a pop up of Editing content using Javascript and PHP










Whoaaaa.. Sudah lama banget blog ane gak ada kareba-kareba terbarunya. Hehehe..
Saya mau share buat temen-temen yang masih tergolong newbie terhadap Javascript cara membuat pop up editing menu pada web menggunakan JavaScript dan sedikit menggunakan Ajax. Nggak cakep sih design nya, tapi gambaran source code nya bisa di gunakan temen-temen kembali untuk membuat sendiri design pop up yang kalian mau.
Mungkin buat yang sudah expert dengan JavaScript akan berpendapat bahwa code yang saya buat masih kotor/tak terstruktur dengan baik (Kan saya masih newbie.. ehehehe), tapi saya terima dengan senang hati kok kritik dan sarannya.
Tapi untuk saat ini saya masih kasih screen shot nya dulu yakss. Source codenya bakalan segera menyusul, soalnya code yang saya gunakan saat ini belum independent(kata lainnya.. masih ribedd untuk dijelaskan.). Akan segera saya susun source codenya yang konvesional dan bisa as stand alone as possible..
Liad-liad dulu aja tampilannya sebentar yaks.. I'll be right back soon... ...
Posted by at No comments:

Thursday, March 18, 2010

Drifting by Andy McKee



Bener-bener ngebingungin bagaimana si om Andy belajar teknik seperti ini..

Check it out aja lah ya..
it will make you really drift.. enjoy.. ^_^
Posted by at No comments:

Tuesday, March 9, 2010

Introductory

Yeah.. Finally, eh sebenarnya baru mulai sih.. ^_^..

Ini post pertama di blog, honestly i've created this account long time earlier.. hehehe.
By the way.. What thing should be cited here ya???.. hmmm..
Alright.. I think of introduction is a nice topic.. ^_^

Erik Novri Yohanes Nainggolan.. that's the name my parents presented to me dan ga tau bener apa ga, kata do i, nama ituh udah lama banget disiapin sebelum do i merried.. ahaha.. anyway, the name is very cool isn't it ? and of course i really love that.. ^_~..

hmm.. What another stuff i should put here??.. okay.. let now telling more about me..
W lahir dJakarta.. n panjang cerita akhirnya ketika w buat post ini umur w sudah 21 tahun,
Banyak hal yang yang w alami dmasa dulu, ada kenangan - kenangan indah yang pengen banget w ulang karena saking indahnya kenangan itu, dan sisanya adalah kenangan buruk yang juga pengen banget w ulang untuk diperbaiki coz that very hurt me even until now altough that's just a little..

Kuliah dan kuliah.. Yah itulah kegiatan w saat ini.. kesibukan yang banyak banget nguras tenaga, waktu, dan biaya.. Kebanyakan kegiatan di kampus yang gw kerjain ya di kelas dan kadang2 ngobrol ama temen2 yang laen. Kalo buat hang out ya kadang2 aja kalo bisa. Kalo dipikir-pikir mungkin bwt kegiatan yang satu ini, temen2 w pasti udah pada jenuh buat ngajak w gabung coz kalo mereka ngajak hang out w kebanyankan bilang ngga bisa daripada bisa, dan kalo pas w bilang bisa eh tiba2 waktu hari "h-nya" w ga muncul2, so mereka hang out tanpa w dah..
hikz.. hikz.. Sorry ya my braders n sisters.. T____T
Kalo pengen jujur, sebenarnya w pengen banget jadi someone yang outgoing n kumpul ama kalian semua, sama Okta, Vrida, Sari, Marni, Sulis yaa sama luh semuanya, tapi harus w bilang kalo untuk w hang out ituh ga gampang, banyak urusan2 yang menurut kalian sepele tapi hal itu berbeda buat w, karena bagi w itu hal yang harus bener2 dipikirkan lebih dari satu kali..

Nah loh, ko jadi cerita melankolis gini sih??.. ahahaha.. yah yang tadi ituh cukup banyak menceritakan tentang w.. tapi ga juga sih, ada banyak juga loh yang menyenangkannya.. hehehe.. .. anyway, I believe that Tuhan akan selalu membuat sesuatu indah pada waktu-Nya.. AMIN.. yupz..

Mungkin kalian yang baca blog ini berpikir kalo blog ini norak soalnya si bloger ini terlalu ketuhanan, atau mungkin malah ngejek kalo si bloger terlalu sok religi ato apalah namanya ituh, Tapi ya inilah diri w, yang ga bakalan merasa yakin buat ngejalanin sesuatu kalo tanpa Tuhan yang mendukung w..

Dan w pikir hal ini emang harus dtanamkan bukan didalam diri w doang tapi juga hal itu harus ditanamkan dalam diri kita semua siapapun kita, apapun agama, gender, ataupun seberapa banyak harta kita atau seberapa besar status atau jabatan yang ada pada kita..

Dan juga mengenai hal ini w percaya n yakin seyakinnya kalo kita semua umat beragama itu mengarahkan diri kita kepada satu Tujuan, yaitu Tuhan yang empunya kebenaran..
Jadi w pikir kita semua sebenarnya ngga usah capek2 dan pusing2 buat mencari perbedaan antar agama apalagi mencari keburukan satu sama lain, karena itu semua bakalan menimbulkan hal yang nggak baik dan perpecahan diantara kita semua. Akan lebih baik kalo kita menjalankan semua perintah-Nya dan menjahui larangan-Nya, dan apabila ada pada diri kita yang ga sesuai dengan itu maka sebaiknya kita membenahi hal tersebut dengan penuh kebijakan n mohon tuntunan Tuhan.

"Growth means change n change involves risk, stepping from known to unknown.."

Kata2 itu yang cukup jauh mempengaruhi pandangan w untuk mengetahui kapabilitas yang ada pada di dalam diri w..
Yaaaa.. Suatu saat nanti cepat tapi ga pake lambat w harus tau, seberapa jauh sih yang bisa w lakukan n berikan buat orang yang w sayangi n terhadap hal2 yang menurut w baik dan tentunya besar harapan w kalo w bisa lakukan sesuatu yang dapat melebihi ekspektasi mereka..
bilang sekali lagi yukk.. AMIN...

Alright.. as my last words.. sama kaya kebanyakan anak muda yang lain..
Gw juga punya hoby yang buanyak.. kaya playing football, basketball, listening music, using some instruments n making some chrips.. Ada banyak musik yang sering w dengerin tiap hari. Tapi w punya beberapa list lagu yang bener2 keren dan w pikir luh semua yang merasa anak muda ada baiknya buat dengerin nih lagu.. serius loh.. soalnya asik loh lagunya.. ^___^..

Fave Female music yg umum2 aja kaya..
- Kalau ku hidup by Sari Simorangkir,
- Can't take that away by Mariah Carey,
- I Turn to you by Christina Aguilera..

Fave Male music,
- A song for mama by Boys two men (this song is ajibbbbbb)..
- Home by Michael Buble, You can by David Archuleta (one word for this song "prikitew...." )
- And many more.. itu doang yang lagi keinget.. ueguhueuheuh..

Fave Band, uah yang ini mah banyak beudh..
- I don't wanna miss a thing by Aerosmith,
- From yesterday n Beautiful lie by 30 Second To Mars.. (the songs n videonya is awesome)..
- Stay away by Laruku, the best one of indie pioneer in Asia..
- all NIN's video.. keren beudh dah arrangement band satu ini..
- N the band that inspired me much is GMB or True Worshipers, You are cool bro..

kalo kaga tau salah satu lagunya coba search aja di mbah Google.. okayy.
God always Bless and Love You All...
Posted by at No comments:
Subscribe to: Posts (Atom)