tag:blogger.com,1999:blog-6574108449509924552024-02-20T00:22:21.341+07:00nGOpre-X CommunityBlognya pencinta Linux, bahasa pemrograman VB, Android dan Jaringan komputer, PHP, MySQLekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.comBlogger90125tag:blogger.com,1999:blog-657410844950992455.post-85359796004687045782021-02-16T00:53:00.008+07:002021-02-16T00:55:07.796+07:00Cara Membuat QR Code Pendaftaran Online<div class="o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q" style="-webkit-text-stroke-width: 0px; background-color: white; color: #050505; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0.5em 0px 0px; overflow-wrap: break-word; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: pre-wrap; word-spacing: 0px;"><div><span style="font-family: arial;">Manusia sekarang terus dimanjakan oleh Teknologi Informasi yang terus ber-evolusi, mau makan tinggal order, cukup beberapa menit, proses tanpa antrian yang panjang, yang diorder beberapa menit kemudian sudah sampai ke si yang order, Mudah dan simple untuk saat ini.</span></div><div><span style="font-family: arial;"> </span></div><div style="text-align: justify;"><span style="font-family: arial;">Tapi tidak dengan proses pendidikan, meskipun teknologi sangat memudahkan mencari sumber literatur tetap saja hampir sebagian manusia malas untuk mencari dan mempelajarinya. Cenderung asyik berselencar yang tidak karu-karuan, Mungkin ya ... mungkin juga tidak ...</span></div></div><div class="o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q" style="-webkit-text-stroke-width: 0px; background-color: white; color: #050505; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0.5em 0px 0px; overflow-wrap: break-word; text-align: justify; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: pre-wrap; word-spacing: 0px;"><div><span style="font-family: arial;"> <span><a name='more'></a></span></span></div><div><span style="font-family: arial;">Hanya sebagai selingan saja, dikarenakan akhir-akhir ini banyak bertebaran di sosial media postingan mengenai pendaftaran online baik pendaftaran online siswa/i, mahasiswa, pembayaran, dan lain sebagainya, untuk lebih jelasnya cara membuat QR-Code dengan cara online bisa ditonton videonya di bawah ini.</span></div><div><span style="font-family: arial;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="337" src="https://www.youtube.com/embed/z3-Njm5Vrs0" width="627" youtube-src-id="z3-Njm5Vrs0"></iframe></div><br /><span style="font-family: arial;"><br /></span></div></div><span class="fullpost">
</span>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-56709611214029924882021-02-13T16:28:00.029+07:002021-02-16T01:27:39.743+07:00Aplikasi Kehadiran Scan QRCode Android #6 - Layout Dashboard<p><span style="font-family: arial;">Melanjutkan postingan sebelumnya tentang Pembuatan Layout Login, dalam postingan ini kita akan melanjutkan membuat layout Dashboard dari Aplikasi Presensi atau Kehadiran dengan menggunakan Scan QRCode, berikut tahapannya</span></p><p><span style="font-family: arial;"><span class="fullpost"> 1. Membuat file xml baru dan dengan nama dashboard.xml (<b>Klik kanan pada folder Layout > New >XML > Layout XML)</b><br /></span></span></p><p><span style="font-family: arial;"><span class="fullpost"><br /></span></span></p><div class="separator" style="clear: both; text-align: center;"><span class="fullpost"><a href="https://1.bp.blogspot.com/-vvukbIK-WaQ/YCeaSrWnGdI/AAAAAAAABsU/dodwDlFdbyoW4T3hNKWKORnqAYRTnDMsgCLcBGAsYHQ/s855/presensi_dashboard.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="767" data-original-width="855" height="359" src="https://1.bp.blogspot.com/-vvukbIK-WaQ/YCeaSrWnGdI/AAAAAAAABsU/dodwDlFdbyoW4T3hNKWKORnqAYRTnDMsgCLcBGAsYHQ/w400-h359/presensi_dashboard.png" width="400" /></a></span></div><span class="fullpost"><br /> Tulis nama filenya dan klik Finish.</span><p></p><p><span style="font-family: arial;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjucqnlMye3iVo8j9eUQJ6xNC5fih3uJaK9TtbURC8kTK1v9whm2vC8ERevWpd5j-ZjFb0iuCUEJlrsZ6vkF__Ez9siGW-g41J34kOL0gG8hmIpcTdqYwiixEBOHgq4FwC2hMirCGN30G4/s901/create_dashboard.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="649" data-original-width="901" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjucqnlMye3iVo8j9eUQJ6xNC5fih3uJaK9TtbURC8kTK1v9whm2vC8ERevWpd5j-ZjFb0iuCUEJlrsZ6vkF__Ez9siGW-g41J34kOL0gG8hmIpcTdqYwiixEBOHgq4FwC2hMirCGN30G4/w400-h288/create_dashboard.png" width="400" /></a></div><span><a name='more'></a></span><span class="fullpost"><br /></span><p></p><p><span style="font-family: arial;"><span class="fullpost">2. Edit file build.grandle dan tambahkan library CardView dan CircleImage dan klik Sync Now<br /></span></span></p><p><span style="font-family: courier;">implementation 'androidx.cardview:cardview:1.0.0'</span></p><p><span style="font-family: courier;">implementation 'de.hdodenhof:circleimageview:3.0.1' <br /></span></p><p><span style="font-family: courier;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mzAIzViWaxF7Vft9C-_Tf4ysIq8cBOnyh2NBns2BJQqOXZoJzooS_928t5chl-c7hF2c5x9qtMp5kj_eSxTLl9GOa-qZkLCqZ-nhecwsh6yL0bNBFrdN_MdnNQu8csor3PmyOp_h5ww/s1017/dependencies_cardview.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="572" data-original-width="1017" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mzAIzViWaxF7Vft9C-_Tf4ysIq8cBOnyh2NBns2BJQqOXZoJzooS_928t5chl-c7hF2c5x9qtMp5kj_eSxTLl9GOa-qZkLCqZ-nhecwsh6yL0bNBFrdN_MdnNQu8csor3PmyOp_h5ww/w400-h225/dependencies_cardview.png" width="400" /></a></div><p><span style="font-family: arial;">3. Download image file untuk avatar.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PEzShtWC5Ljei9R-U0GXmM6D-sUZgITsRCX-nTBEymGKFtRFRQfAjWNPuVHNKO1yZK6dFQ7wRAC0NqzXGG8RFPpSINEOG6-raMvsH4PLWKXAvi8fdf81cJAKpQY27uQFbaxXi_qtP5s/s512/photo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PEzShtWC5Ljei9R-U0GXmM6D-sUZgITsRCX-nTBEymGKFtRFRQfAjWNPuVHNKO1yZK6dFQ7wRAC0NqzXGG8RFPpSINEOG6-raMvsH4PLWKXAvi8fdf81cJAKpQY27uQFbaxXi_qtP5s/s320/photo.png" /></a></div><br /><span style="font-family: arial;"><br /></span><p></p><p><span style="font-family: arial;">4. Membuat Vector Asset untuk beberapa icon yang digunakan dilayout dashboard.xml, tahapannya yaitu :</span></p><p><span style="font-family: arial;">- Klik kanan pada folder drawable</span></p><p><span style="font-family: arial;">- Pilih New</span></p><p><span style="font-family: arial;">- Pilih Vector Asset</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUOwqeOGAgMB8jRpTbBMbvN5feFrGHic5QRvYSutqangZFuZlZC9q2JG4g30bNDsap4w3gckN6DsiVO6G-SKc-T3SCC09Jdfm8U2k2pGVwlmNYQ8GPWl4RqXTI8ZDqf2YC6msU-4AV4U/s897/vector_asset.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="767" data-original-width="897" height="343" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUOwqeOGAgMB8jRpTbBMbvN5feFrGHic5QRvYSutqangZFuZlZC9q2JG4g30bNDsap4w3gckN6DsiVO6G-SKc-T3SCC09Jdfm8U2k2pGVwlmNYQ8GPWl4RqXTI8ZDqf2YC6msU-4AV4U/w400-h343/vector_asset.png" width="400" /></a></div><span style="font-family: arial;">- Isi nama vectornya dengan nama ic_guru</span><p></p><p><span style="font-family: arial;">- Pilih icon ventornya, disesuaikan dengan keperluan dan kebutuhannya</span></p><p><span style="font-family: arial;">- Klik tombol next</span></p><p><span style="font-family: arial;"><br /></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfyrVI7ZDtLv4tO4_PFJzQmVhzxhpvPJ5HZn0QvJ7KrNadB017CdG0logbRgywR7n7o2wNsvwUvqE6DrKbMB0KrkY0ZOL_8Jrri8V-H6O3Y-9OHt9Mb6nCQPWIy1uSz68x5q02TVSp_BM/s901/select_icon_vector.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="666" data-original-width="901" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfyrVI7ZDtLv4tO4_PFJzQmVhzxhpvPJ5HZn0QvJ7KrNadB017CdG0logbRgywR7n7o2wNsvwUvqE6DrKbMB0KrkY0ZOL_8Jrri8V-H6O3Y-9OHt9Mb6nCQPWIy1uSz68x5q02TVSp_BM/w400-h296/select_icon_vector.png" width="400" /></a></div><p></p><p><span style="font-family: arial;">- Klik Finish</span></p><p><span style="font-family: arial;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD5zyLY1IUMCsnJyNCA-2i9Tb3OurDAQyfIEIEvMwdTEjDMtzBC5R4cbMLd64jhplhRkFT6vLnRi3uQg03mELaOUMlobQTxwJMV8Gp_Pf8EbJZIqmRnWflymT1-Pez1VTliV1StehMIvc/s704/vector_asset_finish.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="562" data-original-width="704" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD5zyLY1IUMCsnJyNCA-2i9Tb3OurDAQyfIEIEvMwdTEjDMtzBC5R4cbMLd64jhplhRkFT6vLnRi3uQg03mELaOUMlobQTxwJMV8Gp_Pf8EbJZIqmRnWflymT1-Pez1VTliV1StehMIvc/w400-h319/vector_asset_finish.png" width="400" /></a></div>-<br /><p></p><p><span style="font-family: arial;">5. Buka file dashboard.xml dan sesuaikan isinya dengan script xml di bawah ini.</span></p><p></p><p><span style="font-family: courier;"> </span><script src="https://pastebin.com/embed_js/FSGj0xdt"></script> </p><p><span style="font-family: arial;">6. Buat file drawable dengan nama <b>gradient_bg_hover.xml</b></span></p><p><script src="https://pastebin.com/embed_js/8u6XUzGB"></script><br /></p><p><span style="font-family: arial;">7. Tes di emulator kesayangan atau langsung lewat real device </span><br /></p>
<p></p><br />ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-75655454207311079682021-02-02T00:58:00.077+07:002021-02-07T18:08:01.378+07:00Aplikasi Kehadiran Scan QRCode Android #6 - Layout Login<p style="text-align: justify;"><span style="font-family: arial;">Melanjutkan postingan Aplikasi Kehadiran Scan QRCode Android #5
, pada postingan kali ini kita akan fokuskan kepada layouting untuk login, diharapkan sudah terinstall Android Studionya di komputer atau laptopnya masing-masing.</span></p><p style="text-align: justify;"><span style="font-family: arial;"><b>1. Membuat Proyek Baru</b></span></p><p style="text-align: justify;"><span style="font-family: arial;">Buatlah proyek baru dengan nama <b>com.ekaperintis.presensi</b> atau disesuaikan dengan keinginan masing-masing.</span></p><p style="text-align: justify;"><span style="font-family: arial;"><span></span></span></p><a name='more'></a><b style="font-family: arial; text-align: justify;">2. Membuat Layout Login</b><p style="text-align: justify;"><span style="font-family: arial;">Buatlah file xml baru untuk tampilan login seperti di bawah ini, dan beri nama login.xml, silahkan ikut tulis ulang kode xml untuk membuat tampilan login.<br /></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: arial;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQTxJ59PvTc7XLMD1nYgTo6fCUnrcjs9CiFPatH9S6ViDExWwrn27qfxcoLv5QrSnr75ZsDU7YtkUfP0qvGVTLeZvoq_LpILv3XmeyNMN8Tgzic57BOy5LSOqtUmb0auQHoSbfxhymMw/s404/login.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="230" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQTxJ59PvTc7XLMD1nYgTo6fCUnrcjs9CiFPatH9S6ViDExWwrn27qfxcoLv5QrSnr75ZsDU7YtkUfP0qvGVTLeZvoq_LpILv3XmeyNMN8Tgzic57BOy5LSOqtUmb0auQHoSbfxhymMw/w228-h400/login.png" width="228" /></a></span></div><p style="text-align: justify;"><iframe src="https://pastebin.com/embed_iframe/6aHmgEpM" style="border: none; height: 500px; width: 100%;"></iframe><span style="font-family: arial; text-align: left;"> </span></p><p><b><span style="font-family: arial;">3. Download Image Logo</span></b></p><p style="text-align: justify;"><span style="font-family: arial;">Silahkan download image logo.png di bawah ini dan save ke folder drawable di dalam folder scr proyek masing-masing.<br /></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: arial;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_fMSa23AidbHP9yAbsf9_FtGp1kHFuWU0wZoj1V16gJL2dcsReco8lCGoDY-GQ5eYsHgM1P7OmIq8BvoEYQhI8puMUiucCIlZ25eoCyLKWbCyk2-PNQembCajU1WSWgDinVuE00IGUo/s400/logo.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_fMSa23AidbHP9yAbsf9_FtGp1kHFuWU0wZoj1V16gJL2dcsReco8lCGoDY-GQ5eYsHgM1P7OmIq8BvoEYQhI8puMUiucCIlZ25eoCyLKWbCyk2-PNQembCajU1WSWgDinVuE00IGUo/s320/logo.png" width="320" /></a></span></div><p></p><p><b><span style="font-family: arial;">4. Membuat background login dengan nama file bg_login.xml dan disimpan di folder drawable</span></b></p><p><span style="font-family: arial;"> </span><iframe src="https://pastebin.com/embed_iframe/1e9897hB" style="border: none; height: 300px; width: 100%;"></iframe></p>
<p><b><span style="font-family: arial;">5. Edit file MainActivity.java</span></b></p><p style="text-align: justify;"><span style="font-family: arial;">Untuk keperluan testing kita perlu melakukan penyesuaian code program di file main_activity.java agar layout bisa terlihat saat kita tes di emulator ataupun di real devicenya, perhatikan baris kode program yang harus kita sesuaikan.</span></p><script src="https://pastebin.com/embed_js/1Jn1MFQq"></script><p><span style="font-family: arial;"><br /></span><b><span style="font-family: arial;"></span></b></p><p><b><span style="font-family: arial;">6. Tes Layout Login</span></b></p><p style="text-align: justify;"><span style="font-family: arial;">Jalankan Emulator Androidnya untuk tes layout yang sudah kita buat, bisa dengan emulator bawaan android studionya atau dengan memakai genymotion dan atau bisa langsung kita tes ke real devicenya dengan catatan HP Android sudah terhubung dengan menggunakan kabel data.</span></p><p></p><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_OeRCctI3YSC4xdcHw5oucXCCx4YkUiRJd6N84Yr4V8SPUTYu7JxzyVFDNaUwermURpD6VqhQZ6YV8RgqnFRw6_GPQxrIOlB7W_2TKlt0j_0dmNGlngY8ExRBzSx22vuU-eIehH-pGI/s1364/login_presensi.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="727" data-original-width="1364" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_OeRCctI3YSC4xdcHw5oucXCCx4YkUiRJd6N84Yr4V8SPUTYu7JxzyVFDNaUwermURpD6VqhQZ6YV8RgqnFRw6_GPQxrIOlB7W_2TKlt0j_0dmNGlngY8ExRBzSx22vuU-eIehH-pGI/w640-h342/login_presensi.png" width="640" /></a></div><p></p><p><b><span style="font-family: arial;">Praktikum Tutorial</span></b><br /></p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="292" src="https://www.youtube.com/embed/22-xygDHsLQ" width="624" youtube-src-id="22-xygDHsLQ"></iframe></div><br /><span style="font-family: arial;"><br /></span><p></p>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-31132981485086316792021-02-01T02:08:00.002+07:002021-02-01T02:08:49.664+07:00Mudahnya menulis huruf arab di Microsoft Word<div style="text-align: justify;"><br /></div><div class="" style="text-align: justify;"><div class="ecm0bbzt hv4rvrfc ihqw7lf3 dati1w0a" data-ad-comet-preview="message" data-ad-preview="message" id="jsc_c_c0"><div class="j83agx80 cbu4d94t ew0dbk1b irj2b8pg"><div class="qzhwtbm6 knvmm38d"><span style="font-family: helvetica;"><span class="d2edcug0 hpfvmrgz qv66sw1b c1et5uql rrkovp55 a8c37x1j keod5gw0 nxhoafnm aigsh9s9 d3f4x2em fe6kdd0r mau55g9w c8b282yb iv3no6db gfeo3gy3 a3bd9o3v knj5qynh oo9gr5id hzawbc8m" dir="auto"><div class="kvgmc6g5 cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q"><div style="text-align: justify;">Bisa itu karena terbiasa, dan terbiasa itu karena pas dibidang pekerjaannya yang setiap hari dikerjakan, dan untuk menguasai salah satu bidang tentunya dengan proses belajar, Bulsit tanpa proses ini akan bisa dikuasai, tapi katanya ada seliwiran soal ILMU LADUNI tanpa belajar akan bisa mahir, yaa engga tau juga sih teori jelasnya seperti apa itu ILMU LADUNI.</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> <span><a name='more'></a></span></div></div></span></span><div style="text-align: justify;"><span style="font-family: helvetica;"><span class="d2edcug0 hpfvmrgz qv66sw1b c1et5uql rrkovp55 a8c37x1j keod5gw0 nxhoafnm aigsh9s9 d3f4x2em fe6kdd0r mau55g9w c8b282yb iv3no6db gfeo3gy3 a3bd9o3v knj5qynh oo9gr5id hzawbc8m" dir="auto"><div class="o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q"><div style="text-align: left;">Ibarat bayi yang baru lahir dan mulai perlahan-lahan besar mengeluarkan kata-kata dari mulutnya ema ... Ibu .. mamah ... bunda ... ini karena belajar lewat telinga yang terdengar oleh kedua orang tuanya kata-kata ibu ... mamah... bunda dilontarkan, kata-kata ibu, mamah, bunda tergantung si pengajarnya, Jadi sekali lagi bulsit sangat manusia akan mahir tanpa belajar kecuali mungkin manusia yang diistimewakan oleh Tuhan yang Maha Kuasa.</div><div style="text-align: left;"> </div><div style="text-align: left;"> <div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/Ks9dyD_7GTw" width="320" youtube-src-id="Ks9dyD_7GTw"></iframe></div><br /></div></div></span></span></div></div></div></div></div><span style="font-family: helvetica;"><span class="fullpost">
</span></span>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-35165742106311762512021-01-31T15:05:00.004+07:002021-01-31T15:07:11.203+07:00Mudahnya membuat Daftar IsiSambil menunggu konsep Pembelajaran <a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-5.html">Aplikasi Kehadiran Scan QRCode Android #5</a> direlease, kita coba-coba dulu berselancar dengan Aplikasi OBS yang menurut beberapa informasi yang didapatkan bahwa aplikasi ini sangat bisa diandalkan untuk melakukan screen capture video.<span class="fullpost"></span><div><br /></div><div>Dan setelah dicoba-coba hasilnya memang sangat bisa diandalkan terutama gratisnya, meskipun gratis featurenya sudah sangat cukup untuk membuat video pembelajaran, salah satu hasil screen video di bawah ini dibuat dengan aplikasi OBS.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/rq_htkqaIdk" width="320" youtube-src-id="rq_htkqaIdk"></iframe></div><br /><div><br /></div><div><br /></div><div><br /></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-44037247579141747682021-01-31T15:00:00.000+07:002021-01-31T15:00:17.719+07:00Mudahnya membuat Kop Surat<span class="fullpost">
</span><div class="separator" style="clear: both; text-align: center;"><div class="" dir="auto"><div class="ecm0bbzt hv4rvrfc ihqw7lf3 dati1w0a" data-ad-comet-preview="message" data-ad-preview="message" id="jsc_c_44q"><div class="j83agx80 cbu4d94t ew0dbk1b irj2b8pg"><div class="qzhwtbm6 knvmm38d"><span class="d2edcug0 hpfvmrgz qv66sw1b c1et5uql rrkovp55 a8c37x1j keod5gw0 nxhoafnm aigsh9s9 d3f4x2em fe6kdd0r mau55g9w c8b282yb iv3no6db gfeo3gy3 a3bd9o3v knj5qynh oo9gr5id hzawbc8m" dir="auto"><div class="kvgmc6g5 cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q"><div dir="auto" style="text-align: start;"><div style="text-align: justify;">Ada yang merasa kesulitan, ada yang merasa tidak sangat kesulitan sekali di masa pandemi saat sekarang ini dan ada juga yang merasa biasa-biasa saja, hidup nomal seolah-olah tidak terjadi apa-apa dipermukaan bumi ini, mungkin boleh dibilang Enjoy Ajaaa ... !</div><div style="text-align: justify;"><br /></div></div></div><div class="o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q"><div dir="auto" style="text-align: start;"><div style="text-align: justify;">Refreshing ilmu yang sudah jarang dipakai, dan coba-coba belajar main didunia baru yaitu ORM bahasa asing ditelinganya <b>Online Reputation Management</b>.</div><div style="text-align: justify;"><br /></div></div></div><div class="o9v6fnle cxmmr5t8 oygrvhab hcukyx3x c1et5uql ii04i59q"><div dir="auto" style="text-align: start;"><div style="text-align: justify;">Jangan ambil pusing karena konsekwensi hidup sudah pasti pusing, kalau paskibra sering bilang <b><i>Tidak takut mati… Takut mati jangan hidup…Takut hidup mati sekalian…</i></b></div><br /></div></div></span></div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/Mtkg78QdMn0" width="320" youtube-src-id="Mtkg78QdMn0"></iframe></div><br />ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-34069797659116241342021-01-06T22:51:00.013+07:002021-02-07T18:10:01.767+07:00Aplikasi Kehadiran Scan QRCode Android #5 - Screen Layout<div style="text-align: justify;">Materi ke-5 ini kita akan membahas mengenai layouting dari Aplikasi Presensi Guru dengan menggunakan Scan QRCode, sesuai yang sudah disampaikan <a href="https://ngopre-x.blogspot.com/2020/10/aplikasi-scan-barcode-android-1.html">diawal</a> materi bahwasanya kita akan membuat aplikasi Android Presensi Guru, maka IDE yang kita akan gunakan yaitu Android Studio, untuk proses instalasi Android Studio tidak dijelaskan di materi, dipersilahkan mencari bahan materinya yang sangat banyak sekali bisa kita dapatkan, cukup dipelajari dengan cara dibaca dan langsung dipraktekkan, simple dan tidak terlalu sulit.</div><span class="fullpost"></span><div><br /></div><span><a name='more'></a></span><div><br /></div><div>Agar tahapannya bisa diselesaikan dengan baik, maka bagi yang memang belum membaca materi sebelumnya bisa dibaca terlebih dahulu sistematik-nya di bawah ini :<br /><br />1. <a href="https://ngopre-x.blogspot.com/2020/10/aplikasi-scan-barcode-android-1.html">Materi 1</a><br />2. <a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-2.html">Materi 2</a></div><div>3. <a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-3.html">Materi 3</a></div><div>4. <a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-4.html">Materi 4</a></div><div><br /></div><div>Berikut di bawah ini layout yang akan kita buat di Android Studio, dari layout login, main menu, dan layout daftar kehadiran serta isi kehadiran dengan cara scan qrcode.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqf0Um2jL2QJRmfNJO8QXURYlak3jxPsq9V8WPczAXtSU3YZ1q7SaIXnPz97RT33_Z-qKCS8Rr6JazKBa85wp8p9g-KtSy7M4Hwi1Gqv7uJjr3yv2gJfZxKmoTD9TgQUmkpUyhaaFoRAY/s404/login.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="230" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqf0Um2jL2QJRmfNJO8QXURYlak3jxPsq9V8WPczAXtSU3YZ1q7SaIXnPz97RT33_Z-qKCS8Rr6JazKBa85wp8p9g-KtSy7M4Hwi1Gqv7uJjr3yv2gJfZxKmoTD9TgQUmkpUyhaaFoRAY/w228-h400/login.png" width="228" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpikeEDUgqmucrRC8wcuKYG4lL5sxVGyDMrGX05VWnYFx8e1fPaFM8eTNdxNIEupVc3JmUnNntNdnqm3cp30PK2dCqyOqS5LCg_7bjxW_WpDQbiL5Fd0yDAutPAkpkcfyOhtFigezgZo/s404/scan_qrcode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="230" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpikeEDUgqmucrRC8wcuKYG4lL5sxVGyDMrGX05VWnYFx8e1fPaFM8eTNdxNIEupVc3JmUnNntNdnqm3cp30PK2dCqyOqS5LCg_7bjxW_WpDQbiL5Fd0yDAutPAkpkcfyOhtFigezgZo/w228-h400/scan_qrcode.png" width="228" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8XHF7l9it2K0BVerHHit6tbXjvfHFc7NG0Tzqx4Etw4wb-PXqdSCaYIAMxMEey4MPE3d0-_qAxrAWJm7TT5IrwLWsnALIidAkWj_Dt2jUKH0KJM9oQA5mn8oFMnwr85N1Sn3T-EjqR6w/s404/dashboard.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="230" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8XHF7l9it2K0BVerHHit6tbXjvfHFc7NG0Tzqx4Etw4wb-PXqdSCaYIAMxMEey4MPE3d0-_qAxrAWJm7TT5IrwLWsnALIidAkWj_Dt2jUKH0KJM9oQA5mn8oFMnwr85N1Sn3T-EjqR6w/w228-h400/dashboard.png" width="228" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jvLezhCGEMnfZUmZdAfuCK8a6omwtDHV1s5JEwe0fXulGLA2yBnNcIQzcxGdWXvLj6ztQUTjGRODCqKntTV1hm0_LExV8oFns9wXCqDDREFz3OZZsQLJlby-epCV9UNxiiRpnh8aJWk/s404/profile.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="234" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jvLezhCGEMnfZUmZdAfuCK8a6omwtDHV1s5JEwe0fXulGLA2yBnNcIQzcxGdWXvLj6ztQUTjGRODCqKntTV1hm0_LExV8oFns9wXCqDDREFz3OZZsQLJlby-epCV9UNxiiRpnh8aJWk/w231-h400/profile.png" width="231" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-35054035064552838372021-01-05T10:30:00.007+07:002021-01-31T15:07:53.758+07:00Aplikasi Kehadiran Scan QRCode Android #4<a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-3.html">RestAPI </a>dengan framework CI sudah dibuat, sangat masih sederhana sekali, secara fungsi sudah bisa digunakan antara lain untuk :<br /><br /><div>1. Akses Masuk<br />2. Presensi Jam Mulai dan Jam Selesai<br />3. <span class="fullpost"></span>Melihat Data Presensi</div><div><br /><span><a name='more'></a></span><div><br /></div></div><div>Kita akan melakukan uji RestApi tersebut dengan menggunakan <a href="https://g.co/kgs/SpwiK2" target="_blank">POSTMAN</a>, Postman salah satu tools yang digunakan untuk menguji RestAPi yang sudah kita buat sebelumnya, sebelumnya silahkan cari materi dibeberapa web yang membahas tentang secara rinci Install postman, dan sebenarnya tidak terlalu sulit untuk install postman tersebut, tahapannya sangat sederhana sekali :<br />1. Download aplikasinya di <a href="https://www.postman.com/downloads/" target="_blank">sini</a> dan pilih mesinnya 32 bit atau 64bit.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx98eo75FZvWKau8mjDkTMKPM9KXhT8pE2TdL2oSgDDjgAD6_T9Aw1ZQ9Mer5_ENdt3UNVopo02KAoXQ1mJ67xZSNyHTla5afGBajxuiLH1NKPURcwzKirhOOgiQS905jwzlPQBMp7f4/s510/postman.png" style="background-color: black; margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="446" data-original-width="510" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx98eo75FZvWKau8mjDkTMKPM9KXhT8pE2TdL2oSgDDjgAD6_T9Aw1ZQ9Mer5_ENdt3UNVopo02KAoXQ1mJ67xZSNyHTla5afGBajxuiLH1NKPURcwzKirhOOgiQS905jwzlPQBMp7f4/s320/postman.png" width="320" /></a></div><br /><div><br /></div><div>2. Setelah download selesai lanjutkan dengan cara klik 2 kali untuk memulai install softwarenya</div><div>3. Ikutin petunjuk yang sudah disediakan oleh installer</div><div>4. Selesai.</div><div><br /></div><div><br /></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-6994165517465670102021-01-03T14:42:00.019+07:002021-01-05T10:27:17.608+07:00Aplikasi Kehadiran Scan QRCode Android #3<div style="text-align: justify;">Sesi ini kita akan membuat RestAPI, sedangkan API dari beberapa sumber bacaan yang bertebaran adalah singkatan dari Application Programming Interface yaitu sebuah software yang memungkinkan para developer untuk mengintegrasikan dan mengizinkan dua aplikasi yang berbeda secara bersamaan untuk saling terhubung satu sama lain.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Untuk membuat API dipembahasan ini kita menggunakan salah satu framework PHP yang masih cukup familiar sampai sekarang, CI atau Code Igniter yang sekarang sudah mencapai versi 4.x.x, karena belum sempat ada waktu luang, maka pembuatan API ini terbatas di CI versi 3.</div><div style="text-align: justify;"><br /></div><span><a name='more'></a></span><div style="text-align: justify;"><div><br /></div></div><span class="fullpost"></span>
<pre style="line-height: 125%; margin: 0px;"> public function login(){
$email = $this->input->post('email', TRUE);
$pass = $this->input->post('password', TRUE);
$query = $this->db->query("SELECT * FROM m_guru WHERE email ='$email' AND password =MD5('$pass')");
if ($query->num_rows() > 0){
$data = $query->row();
if ($data){
$response["user"]["nama"] = $data->nama_lengkap;
$response["user"]["id"] = $data->id;
$response["user"]["photo"] = $data->photo;
$response["error"] = FALSE;
$response["message"] = "success";
echo json_encode($response);
}else{
$response["error"] = TRUE;
$response["message"] = "Username dan password tidak cocok";
echo json_encode($response);
}
}else{
$response["error"] = TRUE;
$response["message"] = "Username dan password tidak cocok";
echo json_encode($response);
}
}
function getPresensi(){
$guru_id = $this->input->post('guru_id', TRUE);
$tgl_hadir = $this->input->post('tanggal', TRUE);
if (empty($tgl_hadir)){
$tgl_hadir = date('Y-m-d');
}
$sql ="SELECT p.id, g.nama_lengkap, DATE_FORMAT(p.tanggal,'%d-%m-%Y') as tgl_hadir, DATE_FORMAT(p.tanggal, '%T') AS jam_hadir, k.kelas, p.is_mode ";
$sql .=" FROM tr_presensi p INNER JOIN m_guru g ON p.guru_id = g.id ";
$sql .=" INNER JOIN m_kelas k ON p.kelas_id = k.id ";
$sql .=" WHERE DATE_FORMAT(p.tanggal,'%Y-%m-%d')='".$tgl_hadir."' AND p.guru_id='".$guru_id."' ORDER BY p.id ASC";
$result = $this->db->query($sql)->result();
if ($result) {
$response['error'] = FALSE;
$response['data'] = $result;
}else{
$response['error'] = TRUE;
$response['error_msg'] = 'Tidak ada data presensi';
}
header('Content-Type: application/json');
echo json_encode($response);
}
function save_kehadiran(){
$guru_id = $this->input->post('guru_id', TRUE);
$qrcode = $this->input->post('qrcode', TRUE);
$kelas_id = $this->input->post('kelas_id', TRUE);
$tanggal = date('Y-m-d');
$sql ="SELECT id, kelas_id FROM m_qrcode WHERE qrcode='".$qrcode."' AND is_status='1'";
$jumlah = $this->db->query($sql)->num_rows();
if ($jumlah >0){
$sql_guru = "SELECT * FROM m_guru WHERE id='".$guru_id."'";
$data = $this->db->query($sql_guru)->row();
$q="SELECT * FROM tr_presensi WHERE guru_id ='".$data->id."' AND DATE_FORMAT(tanggal,'%Y-%m-%d')='".$tanggal."' AND kelas_id ='".$kelas_id."' ORDER BY id DESC";
$num_rows = $this->db->query($q)->num_rows();
if ($num_rows > 0) {
$mode = $this->db->query($q)->row()->is_mode;
$id = $this->db->query($q)->row()->id;
if ($mode=="1"){
$is_mode ="2";
$object = array ('guru_id' => $data->id, 'is_mode' => $is_mode, 'kelas_id' => $kelas_id);
$result = $this->db->insert('tr_presensi', $object);
if ($result) {
$response["error"] = FALSE;
$response["message"] = "Kehadiran Success Terkirim !";
}else{
$response["error"] = TRUE;
$response["message"] = "Kehadiran Gagal Terkirim !";
}
}else{
$object = array ('tanggal' => date("Y-m-d H:i:s"));
$result = $this->guru->updateKehadiran($id, $object);
if ($result) {
$response["error"] = FALSE;
$response["message"] = "Kehadiran Success Terkirim !";
}else{
$response["error"] = TRUE;
$response["message"] = "Kehadiran Gagal Terkirim !";
}
}
}else{
$object = array ('guru_id' => $data->id, 'kelas_id' => $kelas_id);
$result = $this->db->insert('tr_presensi', $object);
if ($result) {
$response["error"] = FALSE;
$response["message"] = "Kehadiran Success Terkirim !";
}else{
$response["error"] = TRUE;
$response["message"] = "Kehadiran Gagal Terkirim !";
}
}
}else{
$response["error"] = FALSE;
$response["message"] = "QR-CODE Tidak terdaftar ...";
}
echo json_encode($response);
}
</pre>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-60983080557687187822021-01-01T16:02:00.019+07:002021-01-06T10:48:26.065+07:00Aplikasi Kehadiran Scan QRCode Android #2<div style="text-align: justify;">Postingan kali ini kita akan melanjutkan materi yang sempat tertunda beberapa pekan, bisa dibaca terlebih dahulu postingan sebelumnya di <a href="https://ngopre-x.blogspot.com/2020/10/aplikasi-scan-barcode-android-1.html">aplikasi-scan-barcode-android-1</a>. Tanpa prolog panjang kali lebar, kita akan bahas mengenai struktur database yang akan kita gunakan untuk penyimpanan datanya, agar data dari setiap presensi tersimpan dengan baik dan bisa dibuatkan laporannya dalam bentuk pdf ataupun dalam bentuk file excel.</div><div style="text-align: justify;"><br /></div><span class="fullpost"></span><span><a name='more'></a></span><div><br /></div><div><b>Tabel m_guru</b></div><div>Tabel ini digunakan untuk menyimpan data guru yang nantinya akan mengisi presensi jam mulai belajar dan jam selesai belajar.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKoJMEC-Cy3B_W4aC2SiKacKDK1fuFPPlMdGlHCoqRCO6gpulrt7kZM8xjIuEFZE24j-sInjJYVQZQXaZMTwZAYRuPL65hncU7C8oWHZKGHLpiJw39MwUMP2HK92iOH60oIwr_ev-MGKc/s1028/m_guru.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="205" data-original-width="1028" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKoJMEC-Cy3B_W4aC2SiKacKDK1fuFPPlMdGlHCoqRCO6gpulrt7kZM8xjIuEFZE24j-sInjJYVQZQXaZMTwZAYRuPL65hncU7C8oWHZKGHLpiJw39MwUMP2HK92iOH60oIwr_ev-MGKc/w640-h128/m_guru.png" width="640" /></a></div><div><b>Tabel tr_presensi</b></div><div style="text-align: justify;">Tabel ini digunakan untuk menyimpan data presensi guru, tabel ini berisi tambahan field untuk pengiriman notifikasi.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_QXCUFcxTvgLi9ofPBypnhIqKWTDF2Wt7DThoV4R32Reo3nu1JbQwpVmwRZmh91UjfpSo8dgvoe0cUv2FemAb-Q8uV67-T9V155Arfax8JJ0UdUQTa7GVNTnsN94q8Tan9lZe2egLTE/s781/tr_presensi.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="175" data-original-width="781" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_QXCUFcxTvgLi9ofPBypnhIqKWTDF2Wt7DThoV4R32Reo3nu1JbQwpVmwRZmh91UjfpSo8dgvoe0cUv2FemAb-Q8uV67-T9V155Arfax8JJ0UdUQTa7GVNTnsN94q8Tan9lZe2egLTE/w640-h144/tr_presensi.png" width="640" /></a></div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: justify;"><b>m_kelas</b></div><div class="separator" style="clear: both; text-align: justify;">Tabel ini digunakan untuk menyimpan data kelas, karena setiap guru mengajar di beberapa kelas dengan jam yang berbeda</div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9Ix_M_A6fzTkfuNSYNs8X-qM2_sqdFONTnTTr5Nrfkt3I-_1B3TwEg90jovb_RLukw_AAJ_Cw15XDuZUzh5IEb135W0EDYopFiaocqzh_6HzatH0NecMgVzBHNoWdvTvWL6ycMDSOwI/s993/m_kelas.png" style="clear: left; display: inline; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" data-original-height="175" data-original-width="993" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9Ix_M_A6fzTkfuNSYNs8X-qM2_sqdFONTnTTr5Nrfkt3I-_1B3TwEg90jovb_RLukw_AAJ_Cw15XDuZUzh5IEb135W0EDYopFiaocqzh_6HzatH0NecMgVzBHNoWdvTvWL6ycMDSOwI/w640-h112/m_kelas.png" width="640" /></a></div><br /><div>Hanya 3 tabel yang kita buat untuk kebutuhan membuat aplikasi Android Presensi dengan menggunakan QR-Code, kedepannya akan kita tambahkan beberapa tabel untuk penambahan feature lainnya, dalam pembahasan ini yang kita butuhkan terbatas hanya 3 tabel, karena 3 tabel ini sudah cukup memenuhi untuk membuat satu Aplikasi Presensi atau Kehadiran Guru dalam mengajar di kelas.</div><div><br /></div><div>Catatan lainnya, untuk nama database disesuaikan saja, dan sesi berikutnya kita akan membahas tentang RestAPI dengan menggunakan Code Igniter yang cukup masih familiar dikalangan para developer Mobile dan atau Web.</div><div><br /></div></div><div style="text-align: justify;"><br /></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-61786486676832536552020-12-31T13:58:00.003+07:002020-12-31T13:58:46.381+07:00Membuat Daftar Isi dengan Microsoft WordIseng-iseng berhadiah, siapa tau bermanfaat untuk yang sedang membuat laporan skripsi, tugas sekolah dan berbagai jenis laporan karya yang dituliskan dalam bentuk file doc atau docx, sebenarnya banyak materi yang sudah dijadikan dalam bentuk video untuk membuat daftar isi.<span class="fullpost"></span><div><br /></div><div>Yaa ... iseng sambil coba-coba software untuk merekam video akhirnya sebagai uji coba dibuatlah tutorial singkat tentang membuat daftar isi di Microsoft Word, banyak video-video yang lebih canggih dari video ini, ada istilah <b>Banyak Jalan Untuk mencapai Tujuan.</b></div><div><b><br /></b></div><div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/rq_htkqaIdk" width="320" youtube-src-id="rq_htkqaIdk"></iframe></div><br /><b><br /></b></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-20759537338032448642020-12-31T13:49:00.003+07:002021-01-04T02:01:13.529+07:00Mudahnya membuat mockup kaosMungkin terlalu bosan dengan baris code program, coba-coba iseng-iseng belajar photoshop langsung ke studi kasus, ternyata asyik juga mainin tools desain yang satu ini yaitu photoshop, tidak terlalu sulit mengikuti tutorial yang bertebaran di youtube. Tonton dan ikutin tahapannya, dan diulang kembali untuk membiasakan diri dengan tools yang ada di photoshop.<div><br /><span class="fullpost"></span><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/__tRDdGwaW8" width="320" youtube-src-id="__tRDdGwaW8"></iframe></div><br /><div><br /></div></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-14205800877296846522020-10-04T22:48:00.008+07:002021-01-01T16:33:01.977+07:00Aplikasi Kehadiran Scan QRCode Android #1<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH72uiixsS1GVdJDxZYpnfJhGdvqLyWxzBk0hEbHCRSz_-yVha_gOzpGcA4j0sYSwqEUfQ-auqIEBir3bNx4K_QmcR0TN1WtA52SwqChzgWe9YECO4wrM-FGUBpUc5lDMUV08Qix_57po/s1676/device-2020-10-07-171528.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1676" data-original-width="856" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH72uiixsS1GVdJDxZYpnfJhGdvqLyWxzBk0hEbHCRSz_-yVha_gOzpGcA4j0sYSwqEUfQ-auqIEBir3bNx4K_QmcR0TN1WtA52SwqChzgWe9YECO4wrM-FGUBpUc5lDMUV08Qix_57po/w163-h320/device-2020-10-07-171528.png" width="163" /></a></div><br />Awal Oktober 2020 situasi masih belum terlihat ada titik terang akibat dari Covid-19 yang melaju begitu sangat kencang proses penyebarannya, tidak jauh beda dengan saat-saat dulu pertama kali belajar komputer dengan mesin sekelas Pentium 1 dan 2 yang dihantam oleh virus sakit hati alias putus cinta, virus tersebutpun diberi nama mylove dan terkadang berubah-ubah variannnya, yaa ini masa lalu dan masa sekarang terjadi dalam kenyataan hidup.</div><span class="fullpost"></span><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Rasanya agak sedikit percuma juga larut dalam kondisi yang terkadang membingungkan tidak ada ujung pangkal dan solusinya, sebaiknya ... kita coba-coba buat beberapa bahan untuk bisa dijadikan belajar, dan sudah lama juga blog ini tak tersentuh karena sok sibuk aja.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a name='more'></a><span class="fullpost">Sesi pertama ini, kita sekedar ngobrol-ngobrol aja sambil diuraikan alur proses dari Aplikasi Scan QRCode Android yang akan kita buat nanti. Aplikasi Scan QRCode ini diperuntukkan untuk aktivitas kehadiran guru dalam mengajar anak-anak di dalam kelasnya atau dimasa pandemi saat sekarang ini digunakan untuk mengajar siswa tanpa masuk ke ruang kelas karena siswa/i masih tetap dirumah belajarnya, agar fokus dalam pembuatan project kita fokuskan ke studi kasus pertama dulu yaitu kebutuhan untuk guru dalam mengisi presensi jam hadir mengajar.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Prosesnya, guru datang ke sekolah, saat mulai mengajar Online guru diwajibkan scan QRCode yang sudah disiapkan sebelumnya di meja gurunya masing-masing, setelah beres mengajar maka guru melakukan scan Qrcode kembali sebagai tanda selesainya mengajar, jadi ada jam Scan mulai mengajar dan ada scan jam mulai selesai mengejar.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Selanjutnya, bagaimana ... kita masuk ke sesi berikutnya pembuatan database di <a href="https://ngopre-x.blogspot.com/2021/01/aplikasi-kehadiran-scan-qrcode-android-2.html">sini</a></div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-91130818931898361142020-10-04T00:52:00.006+07:002020-10-04T01:04:01.890+07:00Cause: jarsigner.exefailed with exit code 1 :<div style="text-align: justify;">Sudah sangat lama sekali jangan membuat postingan, saat buka kembali project android yang dibuat khusus untuk sekolah SMK Bina Putra Mandiri terutama peruntukan guru-guru SMK Bina Putra Mandiri Parungpanjang, karena ada beberapa penambahan feature untuk penyesuaian presensi guru di masa pandemi covid-19 yang seperti air bah yang menggoncangkan se-isi permukaan bumi, dan penambahan feature untuk melihat nilai siswa dengan ujian menggunakan mobile phone Android dan IOS.</div><a name='more'></a><span class="fullpost"></span><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Feature sudah ditambahkan, proses testing juga berjalan normal dan saatnya built generate apk untuk di publish ke playstore tiba-tiba list error muncul <b>Cause: jarsigner.exefailed with exit code 1, dengan penambahan keterangan password keyjs nya tidak sama, </b>rasanya sih sudah benar dan coba croscek ulang ya memang sudah benar untuk passwordnya, coba cari-cari referensi bacaan ternyata hanya cukup 2 tahapan saja permasalahan di atas bisa di atasi.</div><div><br /></div><div>Pertama sih ... <b>klik menu Build, </b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEEYctnipRF9yIfyXetLr9d476vy6HeMnWFIYMv6KkW9lT_zEt9wPFlj6CMdg6O35Y2K3oyGYe3LwhmARU6Xwz8QkoB8tY94EvU9Zu1UzwNZ0lvkW-pOvHB0fm7izele5LbI3mrnN11E/s598/blog_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="166" data-original-width="598" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEEYctnipRF9yIfyXetLr9d476vy6HeMnWFIYMv6KkW9lT_zEt9wPFlj6CMdg6O35Y2K3oyGYe3LwhmARU6Xwz8QkoB8tY94EvU9Zu1UzwNZ0lvkW-pOvHB0fm7izele5LbI3mrnN11E/s320/blog_1.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: justify;"><span style="text-align: left;">yang kedua cukup pilih <b>Clean Prject ...</b> tunggu sampai beres proses cleaningnya ... biasanya cukup lama kalau mesinnya dibawah standard, upgrade lah ke yang lebih mantep mesinnya. hahaha ...</span></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCaSxNn_CA__P5yDe3JybGH98CircJpkuCwvUwBZvEwQCN_u5o2NnjYyFmrfjYqYziKeBvLvTtxb_Ro0QxF1ybSM6pR1ZfStf8amoG0G8ZIJ95P1XJ98VLmkzQnTW1LV5v2j-1D_2SsI/s590/blog_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCaSxNn_CA__P5yDe3JybGH98CircJpkuCwvUwBZvEwQCN_u5o2NnjYyFmrfjYqYziKeBvLvTtxb_Ro0QxF1ybSM6pR1ZfStf8amoG0G8ZIJ95P1XJ98VLmkzQnTW1LV5v2j-1D_2SsI/s320/blog_2.jpg" width="320" /></a></div><br /><div><br /></div>dan hasilnya <b>yey .... clear juga masalahnya.</b><br /><div><br /></div><div>Postingan ini hanya dokumentasi pribadi semata untuk memudahkan saat menemui kendala yang sama, jadi tidak perlu lagi main-main dengan keyword yang dituliskan di mesin pencari.</div>ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-11503404664606391762019-05-05T20:29:00.004+07:002019-05-05T20:29:53.740+07:00Coder'S Ramadhan<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="_5pbx userContent _3576" data-ft="{"tn":"K"}" data-testid="post_message" id="js_1ex">
Coder'S Ramadhan<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LOagsNMkGUq9qIs08RgZDYifuC-6q63Qj9ES5gLBW6bSguHwHdmW9-VLqYVXB7b10ztt5vR31O-XT0uPWmO1ihwDDd-SdkAvn0o-nQDbIKMaA7-5QOJZOwR4-asMFuszXsM6JbCOkM0/s1600/CODER+RAMADHAN+2019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="800" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LOagsNMkGUq9qIs08RgZDYifuC-6q63Qj9ES5gLBW6bSguHwHdmW9-VLqYVXB7b10ztt5vR31O-XT0uPWmO1ihwDDd-SdkAvn0o-nQDbIKMaA7-5QOJZOwR4-asMFuszXsM6JbCOkM0/s320/CODER+RAMADHAN+2019.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ternyata untuk menjadi Programmer Android itu tidak sulit ... dalam
waktu 1 Bulan bisa menjadi Programmer Handal tanpa bertatap muka, cukup
dengan mengikuti seluruh materi yang sudah disediakan oleh Trainer yang
berpengalaman dengan Ratusan Project Aplikasi Android yang sudah dibuat.<br /></div>
<div style="text-align: justify;">
<b>Mau bergabung ?</b> Kontak +62 838-9429-0448 (WA), pendaftaran ditutup Hari Rabu Tanggal 8 Mei 2019.<br /><br />Sampai dengan tanggal 5 Mei 2019 sudah 20 orang yang mendaftar dan bergabung di kelas Coder'S Ramadhan.</div>
</div>
<span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-30754867589271828422018-09-22T09:11:00.000+07:002018-09-22T10:18:33.748+07:00Kisi - kisi LKS Jawa Barat<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggk1k7td5rtn3EQ3Fp_HSUphhU_hh5MRmp79s9i3sXkVebBUkNblRq-8F6zpCyyqfpk9d-pobmShmy93zYGvX2W7FnmH5iOoHd4qaPlgiARtom7dg1fUdKZg_I1Pfao7dATlPQCKBI-UE/s1600/lks_2018.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="324" data-original-width="378" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggk1k7td5rtn3EQ3Fp_HSUphhU_hh5MRmp79s9i3sXkVebBUkNblRq-8F6zpCyyqfpk9d-pobmShmy93zYGvX2W7FnmH5iOoHd4qaPlgiARtom7dg1fUdKZg_I1Pfao7dATlPQCKBI-UE/s320/lks_2018.jpg" width="320" /></a></div>
<div style="text-align: justify;">
LKS, Lomba Kompetensi Siswa tingkat sekolah menengah kejuruan menjadi ajang untuk saling adu kemampuan, pelaksanaan ini berjenjang dari mulai tingkat Kabupaten, Provinsi sampai ke tingkat Nasional.<br />
<br />
<br /></div>
<span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-90170231843001656252018-09-22T09:01:00.002+07:002018-09-22T10:19:51.439+07:00Contoh X Banner<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIvVk2x812EOShhJUKuWcjwSZJJ4HIwR9atnzbh_61lUiD1-hDFtRC3aDMggzl9pZa9pQL3YFdh0RLfRtZc2BlcGNdAFNFR7ZhRFcbnNVSVgtL9yJP2g3yXwN7pNXps5WBRab9kRl3WUY/s1600/SampleXBanner+2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1346" data-original-width="736" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIvVk2x812EOShhJUKuWcjwSZJJ4HIwR9atnzbh_61lUiD1-hDFtRC3aDMggzl9pZa9pQL3YFdh0RLfRtZc2BlcGNdAFNFR7ZhRFcbnNVSVgtL9yJP2g3yXwN7pNXps5WBRab9kRl3WUY/s320/SampleXBanner+2.jpg" width="174" /></a></div>
<div style="text-align: justify;">
<b>X Banner</b> adalah media yang digunakan untuk menyampaikan informasi, berbentuk banner dengan konstruksi penyangga berbentuk "X" sehingga banner bisa berdiri sendiri.</div>
<div style="text-align: justify;">
Konstruksi X Banner memiliki beberapa ukuran standart yaitu: 60x160 cm, 80x180 cm, dan 80x200 cm.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Isi X Banner<br />
X Banner pada umumnya berisi tentang suatu produk, layanan, fasilitas umum, profil perusahaan, sekolah, nama produk, perusahaan atau sekedar gambar saja.<br />
Isi X Banner di-design semenarik dan se-sederhana mungkin dimaksudkan agar audience tertarik tanpa harus mengerti dulu maksud dari isi X Banner tersebut.<br />
<br />
Penggunaan X Banner<br />
X Banner biasanya dipasang di bagian depan toko, perusahaan, event, atau tempat-tempat yang perlu pengenalan agar orang tertarik dan mendatangi tempat tersebut. </div>
<div style="text-align: justify;">
</div>
<a name='more'></a><br />
<br />
<div style="text-align: justify;">
Banyak produk digital selain x banner antara lain banner, spanduk, poster, famplet, hanging banner dan lain sebagainya dengan ukuran yang bervariasi.<br />
<br />
Proses persiapan dan pelaksanaannyapun berbeda-beda antara daerah yang satu dengan yang lainnya tergantung dari kebijakan daerahnya masing-masing tapi tetap masih dalam satu esensi yang sama dengan satu standard Mata Lomba yang sama juga.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqyroG5_B9fpl6z7HcCdlD7ECG_7uC-fPxGs_ERfmd0alcgoCdEthj1Q3V2QYLOd2QCwSwSm3cTdgZUI4HizYxvUzBl0Ak6ixOOhnu1FvetFHnquSlXdaKksmX1jUvqy66KZtNL28qnA/s1600/SampleXBanner.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="1346" data-original-width="736" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqyroG5_B9fpl6z7HcCdlD7ECG_7uC-fPxGs_ERfmd0alcgoCdEthj1Q3V2QYLOd2QCwSwSm3cTdgZUI4HizYxvUzBl0Ak6ixOOhnu1FvetFHnquSlXdaKksmX1jUvqy66KZtNL28qnA/s320/SampleXBanner.jpg" width="174" /></a></div>
<br />
Desain X-banner pada event pameran tentu dikemas dalam tampilan menarik dan penuh warna. Sedangkan konten informasi yang ada pada X-Banner biasanya didesain dan dikemas dalam pesan yang sederhana, agar audience dapat tertarik tanpa harus mengerti dulu maksud dari isi X-Banner tersebut. Sehingga X-banner dapat menjadi alat promosi yang sangat efektif, karena mampu memberi nilai tambah untuk memberikan emotional benefit kepada audience.<br />
<br />
X-Banner biasanya ditempatkan di bagian depan toko, front office perusahaan atau instansi, event pameran, serta berbagai tempat lain yang memerlukan pengenalan dan uraian informasi agar orang tertarik dan mendatangi tempat tersebut. Pada umumnya X-Banner berisi informasi tentang suatu produk atau layanan, profil instansi / perusahaan / sekolah, fasilitas umum atau sekedar gambar penghias saja. </div>
<span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-85404664800179234782018-09-22T02:00:00.001+07:002018-09-22T02:00:34.312+07:00Pantau Pemilu<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTuBuaVPPEr18fa-0vzehhkvUA_cC_uv9udBPhVoovq1hQw1lBPnBZepoo8zI_tPLyfYBy3Yng33tvCpvKQCEzam6HoT4Uq5NKoi072IyVWy8M8ktfFG3Cl-n2wgiiE_gKyPgVIY1QZM/s1600/Pantau+PEMILU.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="800" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTuBuaVPPEr18fa-0vzehhkvUA_cC_uv9udBPhVoovq1hQw1lBPnBZepoo8zI_tPLyfYBy3Yng33tvCpvKQCEzam6HoT4Uq5NKoi072IyVWy8M8ktfFG3Cl-n2wgiiE_gKyPgVIY1QZM/s320/Pantau+PEMILU.jpg" width="320" /></a></div>
Pantau Pemilu, kecurangan atau kejujuran dua-duanya bisa terjadi, tapi cenderung kecurangan lebih sangat mendominasi dalam pesta demokrasi di bumi Indonesia, kenapa demikian ?<br /><span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-45397476733316610722018-09-22T01:36:00.003+07:002018-09-22T01:47:01.162+07:00Aplikasi Mobile Ujian Online<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-XIYS6jPMuEaymf-uNI0StTyh9ASvFoNcC-MalZ-KUiB8CE_rwiJ05aZI8kag8zXZOc85Ir4RafEWI_58hPTpSoY2pBSzpZvyKiNmmHyd9wBM4Bjq7w-q1zhPxfRvi0dnUVORBRoqyM/s1600/APPS-MOBILE-BPM+copy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="510" data-original-width="800" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-XIYS6jPMuEaymf-uNI0StTyh9ASvFoNcC-MalZ-KUiB8CE_rwiJ05aZI8kag8zXZOc85Ir4RafEWI_58hPTpSoY2pBSzpZvyKiNmmHyd9wBM4Bjq7w-q1zhPxfRvi0dnUVORBRoqyM/s320/APPS-MOBILE-BPM+copy.jpg" width="320" /></a></div>
Aplikasi Mobile Ujian Online merupakan aplikasi yang dibuat dengan menggunakan Eclipse yang kemudian di realase ulang dengan menggunakan android studio sebagai IDE nya, aplikasi ini diperuntukkan untuk ujian yang dilakukan oleh pelajar semua tingkat.<br />
<br />
Setiap peserta didik atau siswa yang ingin menggunakannya terlebih dahulu harus diatur dan diregistrasi melalui admin panel web dan harus diaktifkan agar bisa akses semua mata diklat yang diujikan.<br />
<br />
Seluruh mata diklat, guru, soal harus diinput terlebih dahulu lewat webapps dengan berbagai level pengguna sesuai dengan kapasitasnya masing-masing.<br />
<br />
<a name='more'></a><br /><br />
<span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-18563636449113148082018-09-22T01:04:00.002+07:002018-09-22T01:04:45.354+07:00Indonesia yang belum seperjuangan<div dir="ltr" style="text-align: left;" trbidi="on">
Bukan tembok cina yg menyekat-nyekat kami<br />Bukan benteng kerajaan yg memisahkan<br />Berebut kekuasaan antar anak bangsa <br />Membuat kami semakin jauh dari hidup bersama<br /><br />Rakyat baru sekedar senasib<br />Senasib dlm penderitaan<br />Senasib dlm ketidak_adilan<br />Senasib dlm susahnya mencari makan<br /><br />Rakyat blm se_perjuangan... <br />Dalam hal sejahtera merata<br />Hidup saling memberi saling menerima<br />Duduk sama rendah berdiri sama tinggi<br /><br />Pemilu... <br />Hadir mu membuat kami rindu<br />Rindu tentang kedamaian<br />Rindu tentang kebersamaan<br />Rindu berjuang bersama membangun bangsa<br /><br />Debat hanya utk terlihat hebat<br />Beradu program apa cuma sekedar GAGAH-GAGAHan ? <br />Bicaranya setinggi langit ujungnya pandai berkelit!<br /><br />Pemimpin bangsa bukan cuma lincah kata<br />Pandai merayu pidato menggebu<br />Bukti nyata<br />Itu yg kami damba!!<br /><br /><span class="fullpost">
</span></div>
ekaperintishttp://www.blogger.com/profile/13976062074474356124noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-78962371418759140602018-07-10T14:15:00.002+07:002018-07-10T14:15:30.450+07:00TypeSpeed - Tes Kemampuan Mengetika Andahai sobat dan rekan-rekan sekalian, kali ini saya akan coba membagikan sedikit rasa penasaran saya waktu dulu, dalam share kali ini saya akan membagikan sebuah aplikasi untuk mengukur kemampuan anda dalam mengetik sebuah paragraf yang diacar setiap katanya. aplikasi berbasis web ini lumayan klo buat temen-temen adu kecepatan dalam mengetik. nah berikut SCnya :<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFfkmbB9L9nADscEzuSrpjfZg2jBAwYtPvHZ1QQbC0QHeb2bFWOWcJf11MJtTVZkMsHlUGW9fnCbrIQVoGhBSVWESNqLGHlTsX40rmh16tAmtgiAshQ-c2J6Hc8wbTxSrH_EnAdzcrJQ/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="802" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFfkmbB9L9nADscEzuSrpjfZg2jBAwYtPvHZ1QQbC0QHeb2bFWOWcJf11MJtTVZkMsHlUGW9fnCbrIQVoGhBSVWESNqLGHlTsX40rmh16tAmtgiAshQ-c2J6Hc8wbTxSrH_EnAdzcrJQ/s400/1.png" width="400" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT9KybzyYZkNUy2WPy-wC-ltadY3HzWbSycW6dDJe3o7VPd7gXmILMdhKxEF7zMnM3OBYDkB7vkRodcHeREzHyRJg_yyX0renapmTWA_tS43zJxVuJPxh7lSppewgiPp-Nh7-V9hxnNw/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="791" data-original-width="1593" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT9KybzyYZkNUy2WPy-wC-ltadY3HzWbSycW6dDJe3o7VPd7gXmILMdhKxEF7zMnM3OBYDkB7vkRodcHeREzHyRJg_yyX0renapmTWA_tS43zJxVuJPxh7lSppewgiPp-Nh7-V9hxnNw/s400/2.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Nah klo temen-temen mau coba berikut linknya : <a href="https://drive.google.com/open?id=1J0nRrHgPtJJD87W8LJdwm7iAbOkwYl13" target="_blank">Download</a></div>
<span class="fullpost">
</span></div>
Yoga Lesmanahttp://www.blogger.com/profile/17465165911172209486noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-41451159424269608512018-06-12T11:23:00.001+07:002018-06-12T11:23:40.763+07:00Document Server Sederhana<div style="text-align: justify;">
Iseng H-4 Lebaran tahun 2018 ngisi waktu luang dikantor, melihat beberapa file web yang belum pernah terselesaikan, akhirnya berniat untuk mencoba satu persatu untuk menyelesaikannya, dan ini merupakan file web yang saya rasa cukup unik dan bisa dinikmati semua orang. untuk itu saya mencoba share dokumen server berbasis web sederhana. </div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tRnhYDs0Xy0y8Yz3ITD2gy6giX0PfH4cx6660jZG8RTOGRhiJ7ebFqVZ-sxaBAZ7flIEpM9mvBWFSe1pe7_gcMpiked637-9ugmRLLe79VIEw-OSiTzNj_iVF5d_fjhdht44JBQaDQ/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="843" data-original-width="1597" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tRnhYDs0Xy0y8Yz3ITD2gy6giX0PfH4cx6660jZG8RTOGRhiJ7ebFqVZ-sxaBAZ7flIEpM9mvBWFSe1pe7_gcMpiked637-9ugmRLLe79VIEw-OSiTzNj_iVF5d_fjhdht44JBQaDQ/s320/Untitled.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Tampilanya sederhan, memiliki beberapa fitur dasa seperti Upload, Copy, Delete, Rename, dan Informasi file. mungkin kawan-kawan bisa mengembangkannya lebih dari saya.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
nah kalo temen-temen ada yang mau unduh silahkan aja klik link ini <b><a href="https://app.box.com/s/6ar1d12bc6mvup5qox1kvi2e18y4o0s9" target="_blank">Download</a>. </b>dan ini beberapa SCnya</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2uvMlXYiBi0Li_TTs35il93Wfe6yYB2UTigao51YTIy93HtNMGIc2gId3vC0QZfAFBh0vVujKg1ddRS82vjJJgYsgslPlBQ-TJmLfE_YwReJX-C_P4bBlJIr2yECb5QboBp6XALGBA/s1600/Untitled1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="835" data-original-width="1591" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2uvMlXYiBi0Li_TTs35il93Wfe6yYB2UTigao51YTIy93HtNMGIc2gId3vC0QZfAFBh0vVujKg1ddRS82vjJJgYsgslPlBQ-TJmLfE_YwReJX-C_P4bBlJIr2yECb5QboBp6XALGBA/s320/Untitled1.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkIESamM2odYrt3cH24AGbQi1QjjZGKsbqHfEiHi31UBchAfC14gpH0fuG-95GhfiGJyfcdOFGN0Jmv218pigBsCxcIp6WoG37vmJ2zjFG6LNIZxHU1n6Um_kSBluNUFkaa00p3HJcQ/s1600/Untitled2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="831" data-original-width="1593" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkIESamM2odYrt3cH24AGbQi1QjjZGKsbqHfEiHi31UBchAfC14gpH0fuG-95GhfiGJyfcdOFGN0Jmv218pigBsCxcIp6WoG37vmJ2zjFG6LNIZxHU1n6Um_kSBluNUFkaa00p3HJcQ/s320/Untitled2.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKF_We-MYcFNSQ1zS9AGP_3_XlN85ydkuvRiJJzLDtZZXdyIPQdQYJsCGorrOI1UX3gWltb0czpDEDvvsfycutX0K-8dpsBa6VI9j-LcEBc44QI-XzzCqWLQ1SykNa4fPQsQBZlfr7Kw/s1600/Untitled3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="833" data-original-width="1589" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKF_We-MYcFNSQ1zS9AGP_3_XlN85ydkuvRiJJzLDtZZXdyIPQdQYJsCGorrOI1UX3gWltb0czpDEDvvsfycutX0K-8dpsBa6VI9j-LcEBc44QI-XzzCqWLQ1SykNa4fPQsQBZlfr7Kw/s320/Untitled3.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<span class="fullpost">
</span></div>
Yoga Lesmanahttp://www.blogger.com/profile/17465165911172209486noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-82730470467462415352017-12-27T11:43:00.001+07:002018-09-22T00:38:15.544+07:00CRUD dengan AJAX jQuery Codeigniter (Datatables Part 2)<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<br />
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5M3Nu2edsO0XXylZI_gSzPa-hwmhG8GdptgY7HEquE7l-8xi18eiHLn8xQtyoWcB8dWi0NUNc7WI_gM9ICIOSaccZ3d-jw_UcI6zVmwAED5_nf1-TNODPG-nk0MN7Y5m3jwMlbLNpSg/s1600/datatables_part2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="360" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5M3Nu2edsO0XXylZI_gSzPa-hwmhG8GdptgY7HEquE7l-8xi18eiHLn8xQtyoWcB8dWi0NUNc7WI_gM9ICIOSaccZ3d-jw_UcI6zVmwAED5_nf1-TNODPG-nk0MN7Y5m3jwMlbLNpSg/s320/datatables_part2.jpg" width="320" /></a></div>
<br />
Datatables Part 2</div>
<div class="MsoNormal" style="text-align: justify;">
Salam buat rekan-rekan sekalian, maaf baru bisa nulis lagi
soalnya lg banyak kegiatan, oke langsung aj deh. Materi kali ini merupakan
lanjutan dari materti saya yang sebelumnya Datatables Part 1, dalah materi
lanjutan ini kita akan mencoba membuat CRUD (Create Read Used Delete) dengan
codeigniter menggunakan AJAX jQuery. Berikut tahapannya :<br />
<br />
<a name='more'></a> </div>
<div class="MsoNormal" style="text-align: justify;">
Tahap pertama</div>
<div class="MsoNormal" style="text-align: justify;">
Untuk tahap pertama ini kalian buka file
view_datatables.php, kemudian tambahkan beberapa baris berikut :</div>
<br />
<pre><code>
<span style="font-size: small;"><table id="tbl_contoh" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>#</th>
<th>INDEX</th>
<th>KODE</th>
<th>DESKRIPSI</th>
<th>KETERANGAN</th>
</tr>
</thead>
<tbody>
</tbody>
</table></span></code></pre>
Menjadi seperti berikut :<br />
<br />
<pre><code>
<div class="btn-group" style="margin-bottom:-47.5px;">
<button type="button" id="btnTambah" class="btn btn-sm btn-success" data-toggle="modal" methodType="Add" data-target=".myModalTambah" ><span class="fa fa-plus" aria-hidden="true"></span> Tambah</button>
<button class="btn btn-default btn-sm btn-reload"><i class="glyphicon glyphicon-refresh"></i> Muat Ulang</button>
</div>
<table id="tbl_contoh" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>#</th>
<th>INDEX</th>
<th>KODE</th>
<th>DESKRIPSI</th>
<th>KETERANGAN</th>
<th>OPSI</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="modal fade myModalTambah" tabindex="-1" role="dialog" aria-labelledby="myModal">
<div class="modal-dialog modal-sm " role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="ModalLabel">Tambah Data</h4>
</div>
<div class="modal-body"><!-- Form Start-->
<div id="err_mssg"></div>
<form id="form" method="POST">
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>ID Satuan</label>
<div class="input-group">
<div class="input-group-addon"><i class="glyphicon glyphicon-qrcode" aria-hidden="true"></i></div>
<input type="hidden" id="INDEX" name="INDEX">
<input type="text" id="KODE" name="KODE" maxlength="15" class="form-control" placeholder="Kode Produk..." required>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12" >
<label>Deskripsi</label>
<div class="input-group">
<div class="input-group-addon"><i class="glyphicon glyphicon-align-left" aria-hidden="true"></i></div>
<input type="text" id="DESKRIPSI" name="DESKRIPSI" class="form-control" placeholder="Deskripsi..." required>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12" >
<label>Keterangan</label>
<div class="input-group">
<div class="input-group-addon"><i class="glyphicon glyphicon-align-left" aria-hidden="true"></i></div>
<input type="text" id="KETERANGAN" name="KETERANGAN" class="form-control" placeholder="Keterangan Barang..." required>
</div>
</div>
</div>
</div>
</form>
</div> <!-- Form End -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="btn-send" class="btn btn-primary"></button>
</div>
</div>
</div>
</div>
<div class="modal fade bs-example-modal-sm myModalDelete" tabindex="-1" role="dialog" aria-labelledby="myModal">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="exampleModalLabel"><i class="glyphicon glyphicon-trash"></i> Delete</h4>
</div>
<div class="modal-body">
<form id="FormDel">
<p>Apakah anda yang akan menghapus data produk berikut?<span id="iINDEX" style="opacity: 0;"></span><br>
<b>KODE :</b><span id="iKODE"></span><br>
<b>DESKRIPSI :</b><span id="iDESKRIPSI"></span><br>
</p>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="btn-delete" class="btn btn-danger">Delete</button>
</div>
</div>
</div>
</div>
</code></pre>
Selanjutnya tambahkan baris code ini di dalam tag script jQuery:
<br />
<pre><code>
function reload_table(){
table.ajax.reload(null,false);
}
$('.btn-reload').on('click', function(){
reload_table();
});
$('#btnTambah').on('click', function(){
$("#btn-send").text('Save');
$('.myModalTambah #ModalLabel').text('Tambah Data');
$('#form')[0].reset();
});
$('#tbl_contoh tbody').on('click', 'tr', function () {
var dataID = table.row(this).data();
$.ajax({
url : "",
type: "POST",
data:"iINDEX="+dataID[1],
dataType: "JSON",
success: function(data)
{
$('#INDEX').val(data.INDEX);
$('#KODE').val(data.KODE);
$('#DESKRIPSI').val(data.DESKRIPSI);
$('#KETERANGAN').val(data.KETERANGAN);
$('#iINDEX').text(data.INDEX);
$('#iKODE').text(data.KODE);
$('#iDESKRIPSI').text(data.DESKRIPSI);
$("#btn-send").text('Update');
},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error get data from ajax');
}
});
});
$('#btn-send').on('click', function(e){
var Syntax = $("#btn-send").text();
if(Syntax =='Update'){
var form = $('form')[0];
var formData = new FormData(form);
$.ajax({
url: "",
type: "POST",
data: new FormData($("#form")[0]),
contentType: false,
cache: false,
processData:false,
success: function(data) {
$('#form')[0].reset();
$(".myModalTambah").modal('hide');
reload_table();
}
});
}else{
$.ajax({
url: "",
type: "POST",
data: new FormData($("#form")[0]),
contentType: false,
cache: false,
processData:false,
success: function(data) {
$('#form')[0].reset();
$(".myModalTambah").modal('hide');
reload_table();
}
});
}
});
$('#btn-delete').on('click', function(){
var iINDEX = $("#iINDEX").text();
$.ajax({
url: "",
type: "POST",
data: "iINDEX="+iINDEX,
success: function(data) {
$('#FormDel')[0].reset();
$(".myModalDelete").modal('hide');
reload_table();
}
});
});
<b>
</b></code></pre>
<b>Tahap ke 2 :</b><br />
Kemudian buka file controller Datatables.php, cari dan ubah filenya :<br />
<pre><code>
$row[] = $no;
$row[] = $dtBarang->INDEX;
$row[] = $dtBarang->KODE;
$row[] = $dtBarang->DESKRIPSI;
$row[] = $dtBarang->KETERANGAN;</code></pre>
<pre><code> </code></pre>
Menjadi
Menjadi
<br />
<pre><code>
$row[] = $no;
$row[] = $dtBarang->INDEX;
$row[] = $dtBarang->KODE;
$row[] = $dtBarang->DESKRIPSI;
$row[] = $dtBarang->KETERANGAN;
$row[] ='<div class="btn-group">
<a href="#" data-toggle="modal" methodType="edit" data-target=".myModalTambahPegawai" class="PegawaiModalEdit btn btn-info btn-xs "><i class="glyphicon glyphicon-pencil"></i></a>
<a href="#" data-toggle="modal" data-target=".myModalDelete"class="btn btn-xs btn-danger"><i class="glyphicon glyphicon-trash"></i></a>
</div>
';
</code></pre>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><br />
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>IN</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
</style>
<![endif]--><span style="font-family: "calibri" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Kemudian tambahkan beberapa function seperti berikut :</span><br />
<pre><code>
function read(){
$id= $this->input->post('iINDEX');
$data = $this->datatables_model->getdataby_id($id);
echo json_encode($data);
}
function add() {
$data = array(
'KODE' => $this->input->post('KODE'),
'DESKRIPSI' => $this->input->post('DESKRIPSI'),
'KETERANGAN' => $this->input->post('KETERANGAN')
);
$insert = $this->datatables_model->save($data);
echo json_encode(array("status" => TRUE));
}
function update() {
$data = array(
'KODE' => $this->input->post('KODE'),
'DESKRIPSI' => $this->input->post('DESKRIPSI'),
'KETERANGAN' => $this->input->post('KETERANGAN')
);
$insert = $this->datatables_model->update(array('INDEX' =>$this->input->post('INDEX')),$data);
echo json_encode(array("status" => TRUE));
}
public function delete()
{
$iINDEX = $this->input->post('iINDEX');
$this->datatables_model->delete($iINDEX);
echo json_encode(array("status" => TRUE));
}
</code></pre>
<b>Tahap 3</b><br />
Untuk tahap ketiga ini kita akan menambahkan beberapa function pada file model kita yaitu datatables_model.php, dan tambahkan beberapa fungsi ini didalamnya :
<br />
<pre><code>
public function getdataby_id($id) {
$this->db->select('*');
$this->db->where('INDEX',$id);
$query = $this->db->get($this->table);
return $query->row();
}
public function save($data) {
$this->db->insert($this->table, $data);
return $this->db->insert_id();
}
public function update($where, $data) {
$this->db->update($this->table, $data, $where);
return $this->db->affected_rows();
}
public function delete($iINDEX)
{
$this->db->where('INDEX', $iINDEX);
$this->db->delete($this->table);
}
</code></pre>
Dan sebagai langkah terakhir silahkan kamu coba dibroser, apakah ada perubahan, bila ia berarti CRUD dengan Ajax jQuery kita telah berhasil.
Berikut jika kamu kesulitan mengikuti, kamu bisa download file lengkapnya di :<a href="https://www.dropbox.com/s/ajw0x74e6l107h7/DataTables_Part2.zip?dl=0" target="_blank">DropBox</a></div>
Yoga Lesmanahttp://www.blogger.com/profile/17465165911172209486noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-75306785994250857562017-12-12T14:52:00.000+07:002018-09-22T00:39:17.666+07:00PAMP (Personal Apache MySQL PHP) Membangun web server dengan Hp NOKIA berbasis Symbian<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Kali ini saya akan sedikit berbagi mengenai pengalaman saya saat dulu waktu kuliah, dan betapa sulitnya waktu itu untuk melakukan eksperimen terhadap apa yang saya pelajari waktu itu, bermodalkan HP NOKIA5730 XM pada saat itu, saya hanya dapat browsing mengenai materi apa yang akan dipelajari selanjutnya, meski begitu masih terasa belum terpuaskan dengan belajar ditempat kuliah. Laptop tidak punya, PC pun tidak ada dirumah. Akhirnya setelah berhari-hari mencari solusi, saya menemukan sebuah aplikasi yang mampu untuk melakukan apa yang saya harapkan waktu itu dan ini lah aplikasi yang mampu menjalakan web server dengan piranti yang saya miliki.
Perlengkapan yang dibutuhkan cukup sederhana, diantaranya :<br />
<br />
<a name='more'></a> </div>
<ol>
<li>HP berbasis Symbian, saya menggunakan Nokia 5730XM (versi S60v3 minimal) </li>
<li>Aplikasi yang bernama<a href="https://sourceforge.net/projects/pamp/files/pamp/1_00_02/" target="_blank"> PAMP</a> </li>
<li>Opera Mobile / Browser bawaan</li>
</ol>
<div style="text-align: justify;">
Penerapannya cukup mudah, kamu cukup unduh aplikasi yang saya sebutkan tadi, kemudian installah pada perangkat anda (pada handphone berbasis symbian s60V3 minimal), kemudian jalankan aplikasinya seperti gambar berikut ini :</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS17zmfrZgiWfYWzpRmwelFpCyrxUy5ZCv1D-Tbl_0pdXVLLC13hjP44teoh7mYWoZFRwIcXcrJXAosE_Zgy0TGPCELvLugyeiNdMIuOAz_MjU7pQzgb5CiSLSdTGSnZxyM0wW7SnjzQ/s1600/Screenshot0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS17zmfrZgiWfYWzpRmwelFpCyrxUy5ZCv1D-Tbl_0pdXVLLC13hjP44teoh7mYWoZFRwIcXcrJXAosE_Zgy0TGPCELvLugyeiNdMIuOAz_MjU7pQzgb5CiSLSdTGSnZxyM0wW7SnjzQ/s1600/Screenshot0005.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFt3GUHxfzJiOtWOb89zc-dTo-7zv2bkwudFBZfvD4xcsJaw2p3Y3xrQYKqCnuEOgYr-XpgzrmBJLQ3892yVdhSciBBiG75EFuhm_WEo1v_rYUVeTUIp0m7aefqxOgGIjuyWJouMH3Eg/s1600/Screenshot0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFt3GUHxfzJiOtWOb89zc-dTo-7zv2bkwudFBZfvD4xcsJaw2p3Y3xrQYKqCnuEOgYr-XpgzrmBJLQ3892yVdhSciBBiG75EFuhm_WEo1v_rYUVeTUIp0m7aefqxOgGIjuyWJouMH3Eg/s1600/Screenshot0006.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2T_ZhPHPoyJHDnDSUWPjcWB7IuganZpcTglS0XFYHsV1RhyuAPZDad2-281NRJqdFX8TmdTf5VXRPECVsKNSRyBx0SO-fphFAsIAfGVEtDFuAPGG3i2BwlekzSs4_aLxD0RlR9dmo1Q/s1600/Screenshot0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2T_ZhPHPoyJHDnDSUWPjcWB7IuganZpcTglS0XFYHsV1RhyuAPZDad2-281NRJqdFX8TmdTf5VXRPECVsKNSRyBx0SO-fphFAsIAfGVEtDFuAPGG3i2BwlekzSs4_aLxD0RlR9dmo1Q/s1600/Screenshot0007.jpg" /></a></div>
Kemudian jalankan servisnya dengan menekan <b><i>Pilihan-> PAMP -> Start -> Pamp</i></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgXK_3Y_-6sUy28VjXGXFsQcB8ho_w5QiJ3X6EksdusfVlbJ-ut6FncgbmZ4zY0T0ikgNPSUaI_o2sa-ayxduPYfldOTXGNf3hnSDV1gubHQGiakMgww2JczwfbPNONrTpQkRkwEa3w/s1600/Screenshot0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgXK_3Y_-6sUy28VjXGXFsQcB8ho_w5QiJ3X6EksdusfVlbJ-ut6FncgbmZ4zY0T0ikgNPSUaI_o2sa-ayxduPYfldOTXGNf3hnSDV1gubHQGiakMgww2JczwfbPNONrTpQkRkwEa3w/s1600/Screenshot0008.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Setelah berjalan services Apache dan MySQLnya maka langkah selanjutnya buka browser (disini saya menggunakan Opera Mobile) kemudian ketikan <b>127.0.0.1</b> sebagai pengecekan bahwa services telah berjalan baik.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VdAd4edhCGHBwFr-btC28zIIXGFw_Y0txFWok5-WGwbb_BKQPzGkSsSr2ezD8Yd19NipnxtZlP3suljMro2UWUKn0O6y_PbKJAAlU3xklqK1fda69KnlYQL0pjBKgU2xrP9DC3qn1g/s1600/Screenshot0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VdAd4edhCGHBwFr-btC28zIIXGFw_Y0txFWok5-WGwbb_BKQPzGkSsSr2ezD8Yd19NipnxtZlP3suljMro2UWUKn0O6y_PbKJAAlU3xklqK1fda69KnlYQL0pjBKgU2xrP9DC3qn1g/s1600/Screenshot0009.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwemch0AvtSB8oIJFxJ4ilJbuUp8YGN_cjlyeIg91ggHjkIFnr63bS6hsV0gwAHKCGpJiH3zPMdwKT9bQOPRbxQQBLVU0DaYn3RXZglE2O7HOTh6jNwQUTN-QnKXkR3iE1dpePvF6bA/s1600/Screenshot0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwemch0AvtSB8oIJFxJ4ilJbuUp8YGN_cjlyeIg91ggHjkIFnr63bS6hsV0gwAHKCGpJiH3zPMdwKT9bQOPRbxQQBLVU0DaYn3RXZglE2O7HOTh6jNwQUTN-QnKXkR3iE1dpePvF6bA/s1600/Screenshot0010.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgDFyr5SVXE_9hecpkW4Za7-JxW6qd2Fgqq0TqXMKi8f1-0k1EG2BEL-8kIDhwEkb0165CpQ_22ycnAC3ghzul3XSJNGFRwGsnQZCzqZnQRPvT1fAhBxiYXeko63GRKVsim_6704n0Xg/s1600/Screenshot0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgDFyr5SVXE_9hecpkW4Za7-JxW6qd2Fgqq0TqXMKi8f1-0k1EG2BEL-8kIDhwEkb0165CpQ_22ycnAC3ghzul3XSJNGFRwGsnQZCzqZnQRPvT1fAhBxiYXeko63GRKVsim_6704n0Xg/s1600/Screenshot0011.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Nah, gambar diatas adalah gambar aplikasi yang saya buat di handphone saya, kamu tinggal jalankan ekspesimen web sesukamu di handphone jadul kamu, sebagai tambahan gunakan aplikasi X-plore untuk aplikasi filemanager dan editor Text.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Jangan kalah dengan android, yang saya rasa belum semampu aplikasi ini, soalnya saya sudah pernah mencoba aplikasi sejenis di android, tapi tidak bisa diModif ala kita.. jadi berjayalah SymbianOS.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
Yoga Lesmanahttp://www.blogger.com/profile/17465165911172209486noreply@blogger.com0tag:blogger.com,1999:blog-657410844950992455.post-3111503912031835972017-12-11T16:40:00.000+07:002017-12-12T15:03:57.214+07:00Membuat Tabel di Codeigniter dengan Ajax, jQuery, Bootstrap dan Datatables Responsive (Datatables Part 1)<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPb45uoh0VlFWv0JblALLPlvrvq1qLadOqSIpc8wjS_u0GZ9NfINh3srryf9LU2AXd11Pc86txJxwDMKwhQv1neCwykjjs2MRVZ19e3bZa1y98vE48Qe25pjzjY0BoQJWgWjKEh36dg/s1600/Data+Responsive.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="360" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPb45uoh0VlFWv0JblALLPlvrvq1qLadOqSIpc8wjS_u0GZ9NfINh3srryf9LU2AXd11Pc86txJxwDMKwhQv1neCwykjjs2MRVZ19e3bZa1y98vE48Qe25pjzjY0BoQJWgWjKEh36dg/s400/Data+Responsive.jpg" width="400" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhESZBgX7uvB2d3RH3vMrhZrmS_61xN7GBgelQorVhxJT-rRh-9DalO1kUkD3oyBuS1lwcrlfXhEuNATk6znJN6HdYrI_aINqxkrW-j5nBiyHy5OS3QDg1yS3gTWVxeTuV-MXyALi4LAA/s1600/Data+Responsive.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<br />
<br />
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Salam
semangat buat rekan-rekan sekalian, dalam kesempatan ini saya akan berbagi
pengetahuan yang tidak begitu penting sih sebenarnya, Tapi sebagai
permulaan (Pemanasan) tidak ada salahnya .<br />
Oke langsung aja hal yang perlu kita siapakan diataranya :</span></div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Laptop (<a href="https://ngopre-x.blogspot.co.id/2017/12/pamp-personal-apache-mysql-php.html" target="_blank">klo ga da pake HP aja kaya saya</a>)</span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">XAMPP (sebagai Apache Service
& Database)</span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Framework <a href="https://github.com/bcit-ci/CodeIgniter/archive/2.2.6.zip" target="_blank"><span style="color: blue;">Codeigniter 2.2.6</span></a> (<a href="https://codeigniter.com/download" target="_blank"><span style="color: blue;">updatenya</span></a>)</span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komponen <a href="https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip" target="_blank"><span style="color: blue;">Bootstrap V3.3.7</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komponen <a href="https://datatables.net/download/" target="_blank"><span style="color: blue;">Datatables</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komponen jQuery</span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Editor Script (saya menggunakan
<a href="https://notepad-plus-plus.org/download" target="_blank"><span style="color: blue;">Notepad++</span></a>) </span></li>
</ol>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br />
<a name='more'></a><br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Oke, Kalo
udah ready semua file pendukunya (udah diunduh) mari kita buat berScript ria
mari kita lakukan :</span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Tahap 1</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"> </span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">untuk lagkah
awalnya mari kita jalankan service XAMPP untuk Apache dan MySQL-nya, jika belum
install XAMPP maka kamu harus install terlebih dahulu, baru kemudian jalankan
service-nya, dan buatlah database.</span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Disni nama
database yang digunakan terserah anda, namun saya membuat database dengan nama
database <span style="mso-spacerun: yes;"> </span><b style="mso-bidi-font-weight: normal;">db_datatables</b>, kemudian buatlah tabel dengan ketentuan seperti
dibawah ini sebagai contoh saja :</span></div>
<pre><code>
CREATE TABLE IF NOT EXISTS `i_datatables` (
`INDEX` int(11) NOT NULL,
`KODE` varchar(15) NOT NULL,
`DESKRIPSI` varchar(50) NOT NULL,
`KETERANGAN` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=1 ;
INSERT INTO `datatables`.`i_datatables`
(`INDEX`, `KODE`, `DESKRIPSI`, `KETERANGAN`)
VALUES (NULL, 'BRG001','Sabun Colek', '100gr'),
(NULL, 'BRG002', 'Pasta Gigi', '50gr');
</code></pre>
<div class="MsoNormal" style="line-height: normal;">
</div>
<div class="MsoNormal" style="line-height: normal;">
<br />
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Tahap 2</span></b></div>
<div class="MsoNormal" style="line-height: normal; text-align: justify;">
<span style="color: black; mso-themecolor: text1;">Jika database telah dibuat maka
langkah selanjutnya ekstrak framework codeigniter yang sebelumnya saya sebutkan
diatas untuk di download, ektrak dan berilah nama folder hasil ekstrakan tadi
dengan nama yang anda sukai, disini saya menggunakan nama <b style="mso-bidi-font-weight: normal;">datatables</b> untuk mempermudah saja, kemudian ekstra juga file
pendukung seperti <b style="mso-bidi-font-weight: normal;">jQuery</b>, <b style="mso-bidi-font-weight: normal;">Bootstrap</b>, dan <b style="mso-bidi-font-weight: normal;">Datatables</b> yang sebelumnya telah diunduh, kemudian copykan
folder-folder pendukung tadi ke dalam folder assets, folder asset ini kamu
harus membuatnya terlebih dahulu, baru kemudian copy file pendukung tadi ke
dalam folder assets, dan berikut susunan foldernya :</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Datatables</span></b></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">|-</span><span style="color: red;">application</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">|-</span><span style="color: red;">assets</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;"><span style="mso-tab-count: 1;"> </span>|-</span><span style="color: #0070c0;">jQuery</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;"><span style="mso-tab-count: 1;"> </span>|-</span><span style="color: #0070c0;">Bootstrap</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;">
<span style="color: black; mso-themecolor: text1;">|-</span><span style="color: #0070c0;">Datatables</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">|-</span><span style="color: red;">system</span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal;">
</div>
<div class="MsoNormal" style="line-height: normal;">
<span style="color: black; mso-themecolor: text1;">Kemudian kita konfigurasi Frameworknya Codeigniter :</span></div>
<div class="MsoNormal" style="line-height: normal;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Setting Config</span></b><span style="color: black; mso-themecolor: text1;"> : Buka file config.php (<b style="mso-bidi-font-weight: normal;">Datatables</b> /application/config/config.php),
kemudian cari dan ubah baris dengan ketentuan berikut :</span></div>
<br />
<pre><code>$config['base_url'] = 'http://'.$_SERVER['HTTP_HOST'].'/datatables/';
$config['index_page'] = '';</code></pre>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal;">
<br />
<span style="color: black; mso-themecolor: text1;">Catatan : untuk konfigurasi yang saya gunakan ini harus
disertakan dengan file </span><span style="mso-spacerun: yes;"> </span><span style="color: black; mso-themecolor: text1;">.htaccess, untuk membantu : berikut
isi file .htaccess nya :</span></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><IfModule mod_rewrite.c></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>RewriteEngine On</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>RewriteBase /datatables/</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>RewriteCond %{REQUEST_FILENAME} !-f</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>RewriteCond %{REQUEST_FILENAME} !-d</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>RewriteRule ^(.*)$ index.php?/$1 [QSA,L]</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></IfModule></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><IfModule !mod_rewrite.c></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span># If we
don't have mod_rewrite installed, all 404's</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span># can
be sent to index.php, and everything works as normal.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>#
Submitted by: OphuzDarkIsnpiron</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>ErrorDocument 404 /index.php</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></IfModule></span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal;">
<span style="color: black; mso-themecolor: text1;">Dan letakan file ini pada induk susunan folder
(application, assets, system, <b style="mso-bidi-font-weight: normal;">.htaccess</b>)</span></div>
<div class="MsoNormal" style="line-height: normal;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Setting database</span></b><span style="color: black; mso-themecolor: text1;"> : Buka file database.php (<b style="mso-bidi-font-weight: normal;">Datatables</b> /application/config/database.php),
kemudian isikan konfigurasi sesuai dengan MySQLnya</span></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;">
<span style="color: red;">'hostname' =>
'localhost',</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>'username'
=> 'root',</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>'password'
=> '*******',</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>'database'
=> 'db_datatables',</span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Setting routes</span></b><span style="color: black; mso-themecolor: text1;">: Buka file database.php (<b style="mso-bidi-font-weight: normal;">Datatables</b> /application/config/</span> <span style="color: black; mso-themecolor: text1;">routes.php), kemudian isikan
konfigurasi seperti berikut :</span></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal;">
<span style="color: red;">$route['default_controller']
= 'datatables';</span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Setting autoload</span></b><span style="color: black; mso-themecolor: text1;">: Buka file database.php (<b style="mso-bidi-font-weight: normal;">Datatables</b> /application/config/</span> <span style="color: black; mso-themecolor: text1;">autoload.php), kemudian isikan
konfigurasi seperti berikut :</span></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">$autoload['libraries'] = array('database'); </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">$autoload['helper'] = array('url'); </span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal;">
</div>
<div class="MsoNormal" style="line-height: normal;">
<span style="color: black; mso-themecolor: text1;">Nah, jika sudah mengatur konfigurasi nya mari kita buat
untuk file MODEL, VIEW, dan CONTROLLER-nya.</span></div>
<div class="MsoNormal" style="line-height: normal;">
<b style="mso-bidi-font-weight: normal;"><span style="color: black; mso-themecolor: text1;">Tahap 3</span></b></div>
<div class="MsoNormal" style="line-height: normal;">
<span style="color: black; mso-themecolor: text1;">Di tahap 3 ini kita akan membuat 3 file, untuk file yang
pertama kita buat dengan nama view_datatables.php yang kemudian kita simpan
pada folder View (<b style="mso-bidi-font-weight: normal;">Datatables</b> /application/view/view_datatables.php).
berikut isi filenya :</span></div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><html></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><head></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><link rel="stylesheet"
href="<?php echo
base_url('assets/bootstrap/css/bootstrap.min.css')?>" /></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><link rel="stylesheet"
type="text/css" href="<?php echo
base_url('assets/datatables/media/css/dataTables.bootstrap.min.css')?>"><span style="mso-tab-count: 1;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><link rel="stylesheet"
type="text/css" href="<?php echo
base_url('assets/datatables/extensions/Responsive/css/responsive.bootstrap.min.css')?>"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></head></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><body></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><div class="container"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><table id="tbl_contoh"
class="table table-striped table-bordered" cellspacing="0"
width="100%"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span><thead></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span><tr></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span><th>#</th></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span><th>INDEX</th></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span><th>KODE</th></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span><th>DESKRIPSI</th></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span><th>KETERANGAN</th></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span></tr></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span></thead></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span><tbody></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span></tbody></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></table></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></div></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/jQuery/jquery-3.1.1.min.js')?>"></script><span style="mso-tab-count: 1;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/bootstrap/js/bootstrap.min.js')?>"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/datatables/media/js/jquery.dataTables.min.js')?>"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/datatables/media/js/dataTables.bootstrap.min.js')?>"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/datatables/extensions/Responsive/js/dataTables.responsive.min.js')?>"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script src="<?php echo
base_url('assets/datatables/extensions/Responsive/js/responsive.bootstrap.min.js')?>"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><script type="text/javascript"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">$(document).ready(function(){</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>var
table;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>var
table = $("#tbl_contoh").DataTable({ </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>"dom":
'<"top">frt<"bottom"ip><"clear">',</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>"processing":
true, //Feature control the processing indicator.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>"serverSide":
true, //Feature control DataTables' server-side processing mode.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>"order":
[], //Initial no order.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>responsive:
true, //,</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>"ajax":
{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span>"url":
"<?php echo site_url('datatables /daftar_barang')?>",</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span>"type":
"POST"</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>});</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">});</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></script></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></body></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"></html></span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">Berikutnya kita membuat
file controllernya dengan nama <b style="mso-bidi-font-weight: normal;">Datatables.php</b>
lalu simpan ke folder controller (<b style="mso-bidi-font-weight: normal;">Datatables</b>
/application/controller/Datatables.php). dan ini isi filenya :</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><?php</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">defined('BASEPATH') OR exit('No direct script
access allowed');</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">class Datatables extends CI_Controller {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>public
function __construct() {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>parent::__construct();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->load->helper('url');<span style="mso-spacerun: yes;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->load->model('datatables_model');<span style="mso-spacerun: yes;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>public
function index()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$data['title']
= "Datatables";</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->load->view('view_datatables',$data);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>public
function daftar_barang()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$list = $this->datatables_model->get_datatables();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$data = array();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$no = $_POST['start'];</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>foreach ($list as $dtBarang) {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$no++;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$row = array();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$row[] = $no;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span>$row[]
= $dtBarang->INDEX;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$row[] = $dtBarang->KODE;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span>$row[]
= $dtBarang->DESKRIPSI;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span>$row[]
= $dtBarang->KETERANGAN;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 3;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$data[] = $row;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$output = array(</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>"draw" =>
$_POST['draw'],</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>"recordsTotal"
=> $this->datatables_model->count_all(),</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>"recordsFiltered" =>
$this->datatables_model->count_filtered(),</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>"data" =>
$data,</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>//output to json format</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>echo json_encode($output);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">File yang ketiga adalah
file modelnya, buata file dengan nama <b style="mso-bidi-font-weight: normal;">datatables_model.php</b>
dan simpan ke dalam folder model (<b style="mso-bidi-font-weight: normal;">Datatables</b>
/application/model/datatables_model.php). dan ini isi filenya :</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><?php</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">class Datatables_model extends CI_Model {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>var
$table <span style="mso-tab-count: 4;"> </span>=
'i_datatables';</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>var
$column_order = array(null,'INDEX','KODE','DESKRIPSI','KETERANGAN',null); //set
column field database for datatable orderable</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>var
$column_search = array('KODE','DESKRIPSI','KETERANGAN'); //set column field
database for datatable searchable </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>var
$order = array('KODE' => 'asc'); // default order </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>function __construct() {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>parent::__construct();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->load->database();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>/**/</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 1;"> </span>private
function _get_datatables_query()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->db->select('*');<span style="mso-spacerun: yes;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span>$this->db->from('i_datatables');<span style="mso-tab-count: 2;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-tab-count: 2;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$i = 0;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>foreach ($this->column_search as $item) // loop column </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>if($_POST['search']['value']) // if datatable send POST for search</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>if($i===0) // first loop</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->group_start(); // open bracket. query Where with OR
clause better with bracket. because maybe can combine with other WHERE with
AND.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->like($item, $_POST['search']['value']);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>else</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->or_like($item, $_POST['search']['value']);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>if(count($this->column_search) - 1 == $i) //last loop</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->group_end(); //close bracket</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$i++;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>if(isset($_POST['order'])) // here order processing</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->order_by($this->column_order[$_POST['order']['0']['column']],
$_POST['order']['0']['dir']);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}
</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>else if(isset($this->order))</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$order = $this->order;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->order_by(key($order), $order[key($order)]);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span><span style="mso-spacerun: yes;"> </span>function get_datatables()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->_get_datatables_query();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>if($_POST['length'] != -1)</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->limit($_POST['length'], $_POST['start']);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$query = $this->db->get();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>return $query->result();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>function count_filtered()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->_get_datatables_query();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$query = $this->db->get();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>return $query->num_rows();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>public function count_all()</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>{</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>$this->db->from($this->table);</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;">
</span>return $this->db->count_all_results();</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;"><span style="mso-spacerun: yes;"> </span>}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: red;">}</span></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: black; mso-themecolor: text1;">Nah, ketiga file ini lah
yang akan berperan..., Oke setelah semuanya telah siap dan kita jalankan
dibrowser dan ketikan . (localhost/datatables). Dan tunggu Part 2 nya</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOxQxkylqq8R9pnG0_N1zSF4XP0B9x30Ulft4LQf-LnG8IDGWJ-p36qXaK2grcvWUlwnv-P7THmQFQfcGY0qDsFbnQUs6mwQ3naAUDPtj9fN3P24SEzOwhb30WgGsO6yfqj6QMxCgRQ/s1600/imgs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="422" data-original-width="1181" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOxQxkylqq8R9pnG0_N1zSF4XP0B9x30Ulft4LQf-LnG8IDGWJ-p36qXaK2grcvWUlwnv-P7THmQFQfcGY0qDsFbnQUs6mwQ3naAUDPtj9fN3P24SEzOwhb30WgGsO6yfqj6QMxCgRQ/s400/imgs.png" width="400" /></a></div>
</div>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>IN</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
</style>
<![endif]--><span class="fullpost">
</span></div>
Yoga Lesmanahttp://www.blogger.com/profile/17465165911172209486noreply@blogger.com0Indonesia-0.789275 113.92132700000002-31.6684965 72.61273300000002 30.0899465 155.22992100000002