Jadi Asisten Dosen ??? | Rasanya Jadi Asisten dosen Dadakan!

December 10, 2016 1 Comment
Assalamualaikum, 

Well, kali ini saya akan bercerita tentang pengalaman pertama kalinya jadi asisten dosen (Sebenarnya dari judul sudah ketebak bakalan cerita apa). Di jurusan saya tidak ada yang namanya asisten dosen, yang ada asisten praktikum. Kenapa saya bilang tidak ada, karena hingga sampai detik ini saya tidak pernah menemukan mahasiswa yang dia sudah terikat kontrak untuk naik tahta (#eaaa) jadi asisten dosen.


Rasanya Jadi Asisten Dosen Dadakan!
Jadi ceritanya saya diminta oleh salah seorang dosen untuk menggantikan beliau mengisi kelasnya saat meminta tanda tangan ACC revisi proposal.

"Mas zen, kamis sibuk ? Bisa minta tolong ", "..mm apa pak .. ? ", " Hari kamis ngajar di kelas saya ya ada 2 kelas, nanti materinya saya kirim ke email" , "...ia pak.." . Sontak saya langsung bingung dengan alasan yang tidak jelas serta memakai raut poker face (#lebayModeOn). Mungkin karena kaget kali ya tiba tiba Jadi Asisten dosen dadakan(#lol).

Kamis 24 11 2016, RKB F 401, kelas pertama. 

Jam sudah menunjukan sekitaran 8.59. padahal masuk kuliah jam 8.55. saya menunggu diluar karena mahasiswa nya masih sedikit dan gugup pula (#hahahaha). Karena sudah lama tidak ada yang datang, saya masuk ke kelas sambil nyengir.. saat saya masuk kelas "Assalamualaikum, ini kelas pak X ?", "Ia mas". Kemudian saya langsung duduk di kursi dosen dan menyipkan alat alat tempur yang dibutuhkan (#eh). Mahasiswa yang sudah ada di dalam langsung diam semua,h hening pakai banget setelah melihat saya duduk di kursi dosen . Dalam hati saya berucap "kok tiba-tiba diem, apa jangan jangan udah sadar kalau saya yang jadi dosennya hari ini, wkwkwk", karena pas saat saya masuk mahasiswa yang ada di dalam sangat ramai seperti pasar malem lengkap dengan kamar mandi dalam.

Hening, pakai banget. Karena saya adlaah tipikal orang yang tidak bisa hening dikermaian akhirnya saya memulai berbincang bincang dengan mahasiswa sambil sok sibuk ngotak atik laptop (padahal semuanya sudah siap). Lama berbincang-bincang akhirnya saya memutuskan untuk memulai perkuliahan. 

Perkuliahan berjalan dengan lancar di menit menit pertama. Higga akhirnya konsentrasi saya sedikit kacau karena banyaknya mahasiswa yang baru datang. Well, banyak sekali yang baru datang. Ada yang meminta maaf dan ada yang langsung duduk. Hal tersebut membuat saya sadar, jika mungkin dosen dosen akan hilang konsentrasi nya jika banyak mahasiswa yang baru datang dan lewat lalu lalang di depan kelas. Pantas aja, ada beberapa dosen yang memang disiplin sekali, jika masuk jam 7.00 misalkan, ya harus masuk dan mulai jam 7.00 tidak perduli dengan yang terlambat karena tidak boleh masuk. Tapi ada juga dosen yang baik hatinya hingga ada yang telat lebih dari 30 menit tapi masih dierima masuk dengan lapang dada, hahaha.

Pembelajaran berjalan dengan sangat baik, sangat baik. Karena saya terbiasa dengan banyak orang dan berpresentasi. Well, mereka benar benar mengingatkan dengan masa masa kecil saya saat di semester 1 yang saya lalui dengan sangat berat dan penuh semangat api. Ada yang memperhatikan sekali, ada yang ngegosip, bahkan ada yang tidur. 

Bahas tentang mahasiswa yang tidur. Tidur merupakan hal harus dilakukan oleh seluruh orang untuk beristirahat dan akan sangat memalukan jikalau dilakukan di dalam kelas saat pembelajaran dimulai dan ketahuan!, Teman saya sudah pengalaman dengan hal ini.

Kembali ke kelas dan bicarakan yang mengantuk tadi.. Saya melihat mereka begitu kasihan, well akhirnya saya bisa tahu sendiri ekspresi orang mengantuk seperti apa kalau dikelas. Mereka merem-melek seperti ayam teler. Karena saya orangnya budiman (#eeeeaaaa), jadi saya biarkan mereka merem melek ria.

Sebenarnya, Saya juga sering mengantuk, melek-melek merem gimana gitu dan tersadar mungkin ekspresi saatngantuk toak jauh berbeda dengan mereka.. namun, walaupun tetkadang ngantuk dikelas, saya tetap tidak keliatan (#insyaAllah) , karena saya tahu tips jitu jika bakalan ngantuk dalam kelas. Satu solusinya, duduk di deretan bangku nomer 3 dan usahakan duduk ditengah. Sok, kalau ngantuk dengerin dosen ngajar, otomatis bisa tidur sedikit lebih nyaman karena mahasiswa di depan bakalan menghalangi dosen untuk ngelihat kita lol. But, Beda cerita kalo yang di depan kita ngantuk juga :v . 

Kamis 24 11 2016, RKB F 30x, 

kelas kedua. rasanya sama saja. sdengan yang di atas. hanyasaja, pengalaman mengajar disiang hari bagi saya begitu kurang. maksudnya: saya tidak dapat menyampaikan materi dengan maksimal seperti dikelas awal, entah apa yang terjadi. haha 

Terimakasih sudah membaca, semoga pembaca dapat mengambil manfaat yang tersirat pada cerita saya di ata, terimakasih Wassalamualaikum :)

I have dreams | Should I achieve them all ?

December 08, 2016 Add Comment
Assalamualaikum.. I am gonna be telling you the summary of my life experience lol..  let's go!
When I was just a little cute boy I wanted to be a doctor beacuse I thought I could heal and help sick people. Then I grew older, I wanted to be a teacher because I thought I could help people to reach their dreams. As the time goes by, I realized that all I need to be is becoming a useful person to his friends because I can just do it whenever and wherever I want.

when you were a kid, what is your dream ? | I have dreams | Should I achieve them all ?

Time flies so fast. A little cute boy transformed becoming a youngster. And when I was in junior high,I wanted to be the best among my friends, at least in the 2nd (lol), then I study so much harder to able to prove my teacher and my friends that I can be something special that nobody else does. And yes, I could retain the first rank untill the 2nd year and became the 4th at the last year of junior high (my rivals, @sutyme, @hanan_vinzayyes, and Ula(alm) beat me, lmao). I joined competitions and I won it.

The story goes on. I accepted in Islamic vocational high school and took computer networking as my major. And I still study very hard. In the first year, I got the 2nd rank, for the second year, my teacher didn't tell me the ranks and the last year I got the first. Again, I joined competitions and won, and lose sometimes :( .. but it is not even a big deal for me because I can just try again.

Then I passed through the years. Now I am 20 , a computer science student in one of state university in Madura. I still want to be the best among my friends and prove it. I still study so hard for it. I joined organizations, and almost become the important one in each events I held. I dare myself to join competitions, I win and lose sometimes (I have been around in failures but I don't care).

I have a motto, if other people can do it, I certainly can do it too. And I always do the best I can to reach my dreams.

Now, I just found myself still thirsty of more achievements, experiences and challenges. Hundred seeds of dream are now growing in my heart and it trigger me to follow it with no exception, for the best of me. Yes, now I am trying to reach all of it by giving my best shot in every single chance that is given, even though I know I can't just get it all. HE knows best right?

2016 has led me to know who I really am and understand myself.

I actually like the open book, everyone knows me better than me. I don't like to wait people too long and don't like to make people wait for me too long as well. I dislike of being ignored when in a conversation or in a meeting (I was a bullied guy, so I know how does it feel to be alone, ignored and hurt). I take full of responsibility for what I have taken or given and I always give my best on it. I am a hard worker guy and only give someone a trust, only one, if they break it,  I will trust them no more. I love to work in team, the team that have big responsibility. Once I love, I love so much. And it is all about me that people might have to know.

I don't know it's too late or not,  but I think it is the perfect time to reach my real dreams and stay away from those who have smile fakes on their faces saying to reach the dream together. I am tired to work with people who don't care with their responsibility (I think I just said it above).

Grow good, little dreams in my heart! Oneday you will be huge and strong! and I will find my way to get you!.

Thank you a bunch for reading... I hope you will find something useful for you :)
Wassalamaualaikum wr. wb.

Jadi Asisten Dosen Dadakan!!

November 19, 2016 Add Comment
Assalamualaikum, 

Well, kali ini saya akan bercerita tentang pengalaman pertama kalinya jadi asisten dosen (Sebenarnya dari judul sudah ketebak bakalan cerita apa). Di jurusan saya tidak ada yang namanya asisten dosen, yang ada asisten praktikum. Kenapa saya bilang tidak ada, karena hingga sampai detik ini saya tidak pernah menemukan mahasiswa yang dia sudah terikat kontrak untuk naik tahta (#eaaa) jadi asisten dosen.


Rasanya Jadi Asisten Dosen Dadakan!
Jadi Asisten Dosen Dadakan!!
Jadi ceritanya saya diminta oleh salah seorang dosen untuk menggantikan beliau mengisi kelasnya saat meminta tanda tangan ACC revisi proposal.

"Mas zen, kamis sibuk ? Bisa minta tolong ", "..mm apa pak .. ? ", " Hari kamis ngajar di kelas saya ya ada 2 kelas, nanti materinya saya kirim ke email" , "...ia pak.." . Sontak saya langsung bingung dengan alasan yang tidak jelas serta memakai raut poker face (#lebayModeOn). Mungkin karena kaget kali ya tiba tiba Jadi Asisten dosen dadakan(#lol).

Kamis 24 11 2016, RKB F 401, kelas pertama. 

Jam sudah menunjukan sekitaran 8.59. padahal masuk kuliah jam 8.55. saya menunggu diluar karena mahasiswa nya masih sedikit dan gugup pula (#hahahaha). Karena sudah lama tidak ada yang datang, saya masuk ke kelas sambil nyengir.. saat saya masuk kelas "Assalamualaikum, ini kelas pak X ?", "Ia mas". Kemudian saya langsung duduk di kursi dosen dan menyipkan alat alat tempur yang dibutuhkan (#eh). Mahasiswa yang sudah ada di dalam langsung diam semua,h hening pakai banget setelah melihat saya duduk di kursi dosen . Dalam hati saya berucap "kok tiba-tiba diem, apa jangan jangan udah sadar kalau saya yang jadi dosennya hari ini, wkwkwk", karena pas saat saya masuk mahasiswa yang ada di dalam sangat ramai seperti pasar malem lengkap dengan kamar mandi dalam.

Hening, pakai banget. Karena saya adlaah tipikal orang yang tidak bisa hening dikermaian akhirnya saya memulai berbincang bincang dengan mahasiswa sambil sok sibuk ngotak atik laptop (padahal semuanya sudah siap). Lama berbincang-bincang akhirnya saya memutuskan untuk memulai perkuliahan. 

Perkuliahan berjalan dengan lancar di menit menit pertama. Higga akhirnya konsentrasi saya sedikit kacau karena banyaknya mahasiswa yang baru datang. Well, banyak sekali yang baru datang. Ada yang meminta maaf dan ada yang langsung duduk. Hal tersebut membuat saya sadar, jika mungkin dosen dosen akan hilang konsentrasi nya jika banyak mahasiswa yang baru datang dan lewat lalu lalang di depan kelas. Pantas aja, ada beberapa dosen yang memang disiplin sekali, jika masuk jam 7.00 misalkan, ya harus masuk dan mulai jam 7.00 tidak perduli dengan yang terlambat karena tidak boleh masuk. Tapi ada juga dosen yang baik hatinya hingga ada yang telat lebih dari 30 menit tapi masih dierima masuk dengan lapang dada, hahaha.

Pembelajaran berjalan dengan sangat baik, sangat baik. Karena saya terbiasa dengan banyak orang dan berpresentasi. Well, mereka benar benar mengingatkan dengan masa masa kecil saya saat di semester 1 yang saya lalui dengan sangat berat dan penuh semangat api. Ada yang memperhatikan sekali, ada yang ngegosip, bahkan ada yang tidur. 

Bahas tentang mahasiswa yang tidur. Tidur merupakan hal harus dilakukan oleh seluruh orang untuk beristirahat dan akan sangat memalukan jikalau dilakukan di dalam kelas saat pembelajaran dimulai dan ketahuan!, Teman saya sudah pengalaman dengan hal ini.

Kembali ke kelas dan bicarakan yang mengantuk tadi.. Saya melihat mereka begitu kasihan, well akhirnya saya bisa tahu sendiri ekspresi orang mengantuk seperti apa kalau dikelas. Mereka merem-melek seperti ayam teler. Karena saya orangnya budiman (#eeeeaaaa), jadi saya biarkan mereka merem melek ria.

Sebenarnya, Saya juga sering mengantuk, melek-melek merem gimana gitu dan tersadar mungkin ekspresi saatngantuk toak jauh berbeda dengan mereka.. namun, walaupun tetkadang ngantuk dikelas, saya tetap tidak keliatan (#insyaAllah) , karena saya tahu tips jitu jika bakalan ngantuk dalam kelas. Satu solusinya, duduk di deretan bangku nomer 3 dan usahakan duduk ditengah. Sok, kalau ngantuk dengerin dosen ngajar, otomatis bisa tidur sedikit lebih nyaman karena mahasiswa di depan bakalan menghalangi dosen untuk ngelihat kita lol. But, Beda cerita kalo yang di depan kita ngantuk juga :v . 

Kamis 24 11 2016, RKB F 30x, 

kelas kedua. rasanya sama saja. sdengan yang di atas. hanyasaja, pengalaman mengajar disiang hari bagi saya begitu kurang. maksudnya: saya tidak dapat menyampaikan materi dengan maksimal seperti dikelas awal, entah apa yang terjadi. haha 

Terimakasih sudah membaca, semoga pembaca dapat mengambil manfaat yang tersirat pada cerita saya di ata, terimakasih Wassalamualaikum :)

I Have a Lot of Dreams, is it okay ? | Story of my life

November 12, 2016 Add Comment
Assalamualaikum..

I am gonna be telling you the summary of my life experience lol..  let's go!
When I was just a little cute boy I wanted to be a doctor beacuse I thought I could heal and help sick people. Then I grew older, I wanted to be a teacher because I thought I could help people to reach their dreams. As the time goes by, I realized that all I need to be is becoming a useful person to his friends because I can just do it whenever and wherever I want.

when you were a kid, what is your dream ?

Time flies so fast. A little cute boy transformed becoming a youngster. And when I was in junior high,I wanted to be the best among my friends, at least in the 2nd (lol), then I study so much harder to able to prove my teacher and my friends that I can be something special that nobody else does. And yes, I could retain the first rank untill the 2nd year and became the 4th at the last year of junior high (my rivals, @sutyme, @hanan_vinzayyes, and Ula(alm) beat me, lmao). I joined competitions and I won it.

The story goes on. I accepted in Islamic vocational high school and took computer networking as my major. And I still study very hard. In the first year, I got the 2nd rank, for the second year, my teacher didn't tell me the ranks and the last year I got the first. Again, I joined competitions and won, and lose sometimes :( .. but it is not even a big deal for me because I can just try again.

Then I passed through the years. Now I am 20 , a computer science student in one of state university in Madura. I still want to be the best among my friends and prove it. I still study so hard for it. I joined organizations, and almost become the important one in each events I held. I dare myself to join competitions, I win and lose sometimes (I have been around in failures but I don't care).

I have a motto, if other people can do it, I certainly can do it too. And I always do the best I can to reach my dreams.

Now, I just found myself still thirsty of more achievements, experiences and challenges. Hundred seeds of dream are now growing in my heart and it trigger me to follow it with no exception, for the best of me. Yes, now I am trying to reach all of it by giving my best shot in every single chance that is given, even though I know I can't just get it all. HE knows best right?

2016 has led me to know who I really am and understand myself.

I actually like the open book, everyone knows me better than me. I don't like to wait people too long and don't like to make people wait for me too long as well. I dislike of being ignored when in a conversation or in a meeting (I was a bullied guy, so I know how does it feel to be alone, ignored and hurt). I take full of responsibility for what I have taken or given and I always give my best on it. I am a hard worker guy and only give someone a trust, only one, if they break it,  I will trust them no more. I love to work in team, the team that have big responsibility. Once I love, I love so much. And it is all about me that people might have to know.

I don't know it's too late or not,  but I think it is the perfect time to reach my real dreams and stay away from those who have smile fakes on their faces saying to reach the dream together. I am tired to work with people who don't care with their responsibility (I think I just said it above).

Grow good, little dreams in my heart! Oneday you will be huge and strong! and I will find my way to get you!.

Thank you a bunch for reading... I hope you will find something useful for you :)
Wassalamaualaikum wr. wb.

Cara Cepat dan Mudah Parse Kode / Kodingan untuk Artikel Postingan Blog

November 01, 2016 Add Comment
Assalamualaikum..

Berikut adalah parses yang bisa digunakan untuk memparse kode yang akan dimasukkan dalam artikel Blogger.

Cara Cepat dan Mudah Parse Kode / Kodingan untuk Artikel Postingan Blog
Cara Cepat dan Mudah Parse Kode / Kodingan untuk Artikel Postingan Blog

Advertisement
Copy right 2017 HTML Parser Tool | Webmaster | Blogger

Terimakasih
Wassalamualaikum

UKM Batik Madura in 2016 and it's Problem

June 06, 2016 Add Comment
Suramadu has brought a positive impact for UKM batik Madura. Before suramadu exists Batik Madura was less known. But after 2009, everything changed. According to the results of interviews that have been conducted with Warsih (2016) the Presence of Suramadu makes batik Madura production gets increased and get doubled profit up to 400% which was originally only 50% per month. Of which normally only sold about 50 batik, now can be up to 1000 pieces of batik per month. But as the time goes by, Suramadu doesn’t only bring positive impact, but negative impact as well. The level of competition for UKM batik in Madura is getting harder and even more difficult which causes not all UKM batik in Madura gets optimal income for their batik production (Warsih, 2016).



But, It is not the only problem. Another problem is nowadays most people in indonesia are much more familiar with java’s batik than madura’s (Puspitasari, 2012). Whereas Madura’s Batik is very unique, enchanting and beautiful . The making process of Madura’s batik is still traditional and using natural materials that give more values to Madura’s batik essence. Even Madura’s batik has it’s own characteristic for the colors and the motives that makes it different with other kind of batik. The reason of that problem is because almost all UKM of Batik in Madura are small company (home industry) where the management or production systems and the making of Madura’s batik is done by unit or personal. And the level marketing strategy is also different in every UKM but still don’t get the optimal income. They only sell their batik production at their home and the closest market. This reason is one of hundreds factor why Madura’s batik is not familiar (Rusnani, 2014).

From those problems, the idea to develop an information system technology appears. This information system is aiming to help UKM batik in Madura to sell their batik production where this tecnology will become a virtual market which only sells batik from Madura. This information system will show all of UKM batik’s production completed with the information of the quality, price, the making process, motives explanation and other additional information to make buyers get interested to buy. This information system also will give an ease for buyers to buy batik and freely choose the best one for them in 1 place so that the value of batik production in each UKM will have bigger opportunity to get optimal income. In other words, the expectation of this information system is to make people from indonesia or abroud familiar with Madura’s batik and to increase the number UKM batik’s production. The use of technology for bussiness is known as e-commerce. For small companies such UKM the benefit of using technology for marketing are 1. To serve customers faster, 2. Send and receive offers quickly and 3. Support the fast and efficient transaction (Toisuta, PERAN E-COMMERCE UNTUK MENINGKATKAN DAYA SAING UKM, 2010). The use of technology is very important. For UKM batik, the use of technology can be a way that must be tried to increase the number of batik production and introduce Madura’s batik to the world. So, the opportunity to export the product is bigger.

But a tarining in how to use this technology is needed because they know nothing about how to use technology to help them selling their batik production. Basically this training would be given to train Madura’s batik sellers in marketing their products through the information system. This training is palanned to have collaboration with Dinas Perindustrian dan Perdagangan and UMKM in each district in Madura.

The Hardest Week Ever!

May 09, 2016 Add Comment
Yeay, Happy Monday:3. I am absolutely happy today, yes after facing thousands of duties finally I could be really free for sure (I think). I am gonna tell you guys about how I passed the hardest week ever in my life. It sounds interesting, does it ? (at least for me only lol).

The Hardest Week Ever

Talking about duties, everyone has their own business and duties that will avoid them to enjoy living their life or anything. Last week, I got my self confused on anything and stressed of those which tried to prevent me enjoying to watch youTube lol. It is kind of a set various hard days. but I am gonna tell you the details that may make you understand.

Monday, April 25 2016

On monday i had 2 kind of presentations (It must be 3). 1, my presentation that became a mid-semester test at class and well, I passed it very good and I seek for the scores I seek from my teacher and I got the highest lol.

On this day, MAWAPRES in the University was held. Yes I was selected to show up my self (I mean to do presentation lol) . I got myself presenting my presentation for 2 times because I could pass the first test which means that my score was enough to continue the next test to decide which one is the best one.

Tuesday, April 26 2016

Nothing special than have no laptop besides me. Yes, everything went so worst when my laptop is gone. I never thought to live my life without my laptop after 6 years.  I used to spend my whole day with it.

I tell you that in that day I had a Multimedia Programming middle test exam. It required laptop. Lucky I didn't have laptop but a PC that can help me finishing the task. After I worked so hard doing the exam then an unexpected trouble occured. The lamp dead and the computer shut down unexpectedly. Whoah... I was shocked and stressed out.

But Alhamdulillah, My friend, Etis lent me her laptop because she was quickly about to go home. Haha and I went to my rent house to do the task.

The next Story is, I had a meeting with my KKN friend which is really cool and yes it was going just so so . They were funny. Really not like the way I thought about them before... Everything seemed like so different, I meant the people are not so much friendly I think. Only several people that can be fit with me. But it is all right.. I used to be alone, do things alone and already learned on how to do things very quick and learn in how to control my emotion when I am all alone.

Wednesday, April 27 2016

Still working. Yes, still working even though on this day I got myself really freee... free from all things that annoys me in my daily. But I did design in here, on this day. All things are gone the same. I can't even enjoy my free day.

But the shocking one was, Mr. Arif told me that I was become the first of MAWAPRES in my University. and it's kind of a blessing that I could never imagined before
Pemenang Mawapres Tingkat Universitas Trunojoyo Madura 2016


Thoursday, April 28 2016

I forget what I did on this day... but wait... I quite forget lol , em... But this day was a very busy day too. (it is what happened if you write post a week after the event)

Friday, April 29 2016

I remember, I was about to do a preparation for my training presentation in front of so much students from other faculties., yes we (BEM) cancelled doing that.

Saturday, April 30 2016

I became a tutor, trainer in the event We Help Them. Such a tiring day, and after that I must study for tomorrow's event. Yes I became a trainer again on sunday.

Sunday, May 1 2016

as I told above that I became a trainer in a small workshop of a moslem exhibition in surabaya . It started from 9AM - 9PM. Me and my friend must handle thousands (truthfully dozens of children)
Pelatihan SMART Teknik Informatika Universitas Trunojoyo MAdura 2016

Pelatihan SMART Teknik Informatika Universitas Trunojoyo MAdura 2016

Yes, all of those are possibly nothing if it's compared with your bussiness or duties. But I just want to remind you to enjoy yor life and thank Allah for the breath you have and fantastic awesome colorful days you got :) .    do not forget to be happy :)

Penggunaan Vue.Js dengan Node.Js dan Express.Js

April 18, 2016 1 Comment
Asalamualikum Wr. Wb. Seharian ini saya sudah berhasil menuliskan 7 artikel sekaligus dan ini merupakan sebuah rekor baru bagi saya yang biasanya menulis 2 artikel seminggu. Nah pada kesempatan kali ini saya akan menuliskan artikel tentang Penggunaan Vue.Js dengan Gabungan Node.Js dan Express.Js . Dulu saya pernah menulis artikel mengenai penginstalan dan contoh dari penggunaan NodeJs, jadi jika nda ingin belajar terlebih dahulu mengenai node js silahkan kunjungi Cara Menginstal NodeJs dan Framework Express di Windows .

Baiklah, Langkah awal yang harus diperhatikan jika ingin mengkolaborasikan noed js dengan vue js adalah pastikan node js sudah terinstal dikomputer. Untuk instalasi silahkan ikuti panduan di vido ini : https://www.youtube.com/watch?v=9qN3VioUedk atau link berikut : http://zenhuzaini.blogspot.co.id/2015/11/cara-menginstal-nodejs-dan-framework.html .

Penginstalan Express & membuat projectnya


  1. Buat sebuah folder (letakkan terserah, bias di htdocs atau bukan) dan beri nama sembarang seperti:
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  2. Buka command promt, pastikan anda masuk cmd dengan mde administrator
  3. Masuk ke folder di atas melalaui command promt
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  4. Masukkan “npm install –g express-generator” tanpa tanda petik., proses ini adalah proses penginstalan atau pemasangan framework express 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  5. Langkah selanjtnya yaitu membuat folder project express baru dengan cara memasukkan “ express namafolder –e” , nama folder terserah. 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  6. Setelah itu unutk mengintsla bebrapa dependency atau modul dari node pada project maka masukkan : “ cd namafolder && npm install” karena nama folder saya adalah p_vne maka menjadi “cd p_vne && npm install”. 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  7. Jika sudah, silahkan anda coba dengan memasukkan “npm start “ tanpa tanda petik kemudian coba cek di browser dengan alamat : https://localhost:3000 jika tampil seperti di bawha ni berarti anda berhasil menginstall framework express dan projectnya benar.
    Penggunaan Vue.Js dengan Node.Js dan Express.Js

Mengkonfigurasi Project

Setelah berhasil menginstall express js ,langkah selanjutnya adalah dengan menginstall modeule vue .js. dengan cara :
  1. Matikan terlebih dulu sambungan nodenya pada command promt dengan menekan tombol ctrl+c secara bersamaan. 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  2. Setelah itu masukkan “npm install –g vue” unutk menginstall modeule vue. Namun, jangan di close dulu cmdnya karena nati akan digunakan lagi unutk mengaktifkan projek node dan express.
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  3. Setelah itu buka project express yang sudah di buat tadi, kemudian buka file app.js dengan text editor. Disini saya akna menggunakan sublime. 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  4. Setelah itu ubah dir pathnya , ubah dari ‘public’ menjadi ‘node_modules’ . dimana fungsi dir ini akan berguna bagi kita unutk mengakses modul yang telah kita install.
    menjadi 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  5. Setelah di ubah kemudian masuk ke folder Routes, dan bukalah file index.js 
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  6. Pastikan sisi file tersebut sama seperti di bawah ini
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  7. Kemudian buka folder public dan masuklah di folder view kemudian buka file index.js dengan text editor
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  8. Setelah itu ubah isi dari file apps tersebut menjadi seperti di bawah ini 
    <!DOCTYPE html>
    <html>
    <head>
    <title><% title %></title>
    </head>
    <body>
    <!-- meemanggil id app1 yang sudah dideklarasikan
    di viewmodel -->
    <div id="demo">
    <input v-model="message" placeholder="ini">
    <!-- variable yang berisi nilai,
    dimana variable ini juga di set di instansi vue -->
    <h2>{{message}}</h2>

    <h5>pretag</h5>
    <pre>
    {{ $data | json}}
    <!--fungsi json untuk
    mengirim data yang di ubah
    dan menampilkannya dengan variable $data-->
    </pre>
    </div>

    <!-- meload vue js yang berada di satu folder-->
    <script type="text/javascript" src="/../vue/dist/vue.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script> -->

    <script>
    //viewmodel
    var demo = new Vue({
    el: '#demo',
    data: { message: 'Hello Zen!!!' } });

    </script>
    </body>
    </html>
  9. Kemudian jika sudah selesai, buka cmd kembali dan ketikkan “npm start”.
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
  10. Kemudian masuk ke browser masukkan alamat http://localhost:3000/ di serach bar seperti di bawah ini
    Penggunaan Vue.Js dengan Node.Js dan Express.Js
Nah, itu merupakan contoh dasar penggunaan Vue Js, Node Js dan Express Js dan penggunaan vue js sebagai framework front end untuk node js bisa lebih di tingkatkan.Semoga dapat bermanfaat ya, ingat jika memeiliki pertanyaan silahkan tulislah di komentar insyaAllah saya akan coba membantu sebisa saya Terimkasih. Wassalamaualaikum wr. wb.

Tutorial Vue.Js Bagian 6 : Contoh Komponen Pada Vue.js

April 18, 2016 Add Comment
Sekarang saya akan memberikan contoh terkait komponen pada vue js mengingat saya sudah menshare artikel tentang Tutorial Vue.Js Bagian 1 : Tentang Vue.Js , mengetahui bagaimana cara menginstal atau memasang vue.js , contoh helo world dengan penerapan reactive data bindingContoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js dan contoh event handling pada vue.js . saya pikir ini saatnya untuk memperkenalkan vue component yang lengkap dengan contohnya.

Contoh Runningan programnya
 Tutorial Vue.Js Bagian 6 : Contoh Komponen Pada Vue.js Publish

Dan berikut ini adalah source code dan penjelasannya
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- meemanggil id app1 yang sudah dideklarasikan
di viewmodel -->
<div id="app">
<!-- template dan atribut yang mengacu pada modelview -->
<dihitung nama="Likes"></dihitung>
<dihitung nama="dislikes"></dihitung>
</div>

<template id="dihitung-template">
<h1>{{nama}}</h1>
<button @click="count +=1">{{count}}</button>
</template>

<script src="vue.js"></script>
<script>
//global component
Vue.component('dihitung',{
template: '#dihitung-template',// inibisa di ubah

props: ['nama'], //akan menjadi atribut pada template
//di view

data : function(){ //variable data yang berisi fungsi
return { count:0}
}
});
//end global component

new Vue({ //vue instance
el: '#app' // bind to view
});

</script>
</body>
</html>

Baiklah, sekarang saya akan menjelaskan tentang computed proprties dimana ini akan lebih sedit susah namun mudah untuk dipahami.

Lanjut ke tutorial selanjutny : Tutorial Vue.Js Bagian 7 : Computed Properties Pada Vue.js dan Contohnya

Tutorial Vue.Js Bagian 7 : Computed Properties Pada Vue.js dan Contohnya

April 18, 2016 Add Comment
Whoah akhirnya samapi juga di tutorial vue.js bagian 7 tentang Computed Properties Pada Vue.js dan Contohnya . Well jika sebelumnya kita sudah mempelajari Vue.Js , mengetahui bagaimana cara menginstal atau memasang vue.js , contoh helo world dengan penerapan reactive data bindingContoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js , contoh event handling pada vue.js  dan vue component yang lengkap dengan contohnya. Pada Computed properties ini akan sedikit lebih sulit sedikit namun saya yakin anda pasti bisa mempelajari materi ini dengan mudah dengan contoh yang akan saya jelaskan di bawah ini.

Contoh Program 1
Tutorial Vue.Js Bagian 7 : Computed Properties Pada Vue.js dan Contohnya
Code dan penjelasan
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- atribut viewmodel -->
<input type="text" v-model="points"></input>
<h1>Skill : {{ skill }}</h1>

<!-- meload vue js yang berada di satu folder-->
<script src="vue.min.js"></script>
<script>
//viewmodel
new Vue({
el: 'body', //el menggunakan body
data : {
points : 50
},

computed : { //computed properties
skill: function(){ // var baru yang berisi fungsi
if(this.points <= 100){
return 'Beginner'

}
return 'Advanced'
}
}

});

</script>
</body>
</html>

Contoh 2
Computed Properties Pada Vue.js dan Contohnya
Code dan penjelasannya
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<input type="text" v-model="depan"></input>
<input type="text" v-model="belakang"></input>
<h1>Nama : {{ lengkap }}</h1>

<script src="vue.js"></script>
<script>
new Vue({
el: 'body',
data : {
depan : 'Zen',
belakang : 'Huzaini',
lengkap : 'Zen Huzaini'
},

//cara 1
// watch: { //obj
// depan: function(depan){
// this.lengkap = depan + ' ' + this.belakang;
// },

// belakang : function(belakang){
// this.lengkap = this.depan + ' ' + belakang;
// }
// }

//cara 2
computed:{
lengkap: function(){
return this.depan + ' ' + this.belakang;
}
}

});

</script>
</body>
</html>

Jadi begitulah sedikit pemahaman saya tentang Vue.js dan penggunaannya. Semoga dapat bermanfaat. Jangan lupa jika anda memiliki pertanyaan terkait vue.js, silahkan jangan sungkan utunk bertanya melalui komentar ya, insyaAllah saya akan menjawab sebisa saya. :)
Wassalamualaikum wr. wb

Tutorial Vue.Js Bagian 5 : Contoh Event Handling pada Vue.js

April 18, 2016 Add Comment
Setelah sedikit memahami tentang apa itu Vue.JS pada tutorial-tutorial  sebelumnya yaitu Tutorial Vue.Js Bagian 1 : Tentang Vue.Js , mengetahui bagaimana cara menginstal atau memasang vue.js , contoh helo world dengan penerapan reactive data bindingContoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js sekarang saya akan memberikan contoh event handling pada vue.js .

Berikut adalah contoh tampilan dari event handling apada vue.js

Nah, utnuk source kode serta penjelasannya silahkan simak di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="app">
<!-- atribut v-on:submit, v-on:submit.prevent
apa yg terjadi jika di
submit akan mengacu pada
method uang telang di uraikan di viewmodel -->
<form action="berhasil.html" v-on:submit="sip">
<button type="submit">
Submit!</button>
</form>

<form action="berhasil.html" v-on:submit.prevent="yuhu">
<button type="submit">
Submit Me! - With Prevent</button>
</form>
</div>

<!-- meload vue js yang berada di satu folder-->
<script src="vue.min.js"></script>
<script>
//viewmodel
new Vue({
el: '#app', // bind to view
methods : { //mengunakan method
sip: function(){
alert('SIP!'); //alert muncul
},

yuhu: function(){
alert('SIP! - ini di prevent');
}
}
});

</script>
</body>
</html>

Contoh 2

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- meemanggil id app1 yang sudah dideklarasikan
di viewmodel -->
<div id="app">
<!-- atribut dari vue js @click untuk
proses klik yang terbinding dengan vuemodel-->
<button type="submit" @click="hitung">
Hitung => {{ count }} </button>
</div>
<!-- meload vue js yang berada di satu folder-->
<script src="vue.min.js"></script>
<script>
//modelview
new Vue({
el: '#app', // bind to view
data : {
count : 0
},

methods: { //metode
hitung : function(){ //fungsi
this.count += 1;
}
}

});

</script>
</body>
</html>

Nah sekarang kita sudah mempelajari Tutorial Vue.Js Bagian 1 : Tentang Vue.Js , mengetahui bagaimana cara menginstal atau memasang vue.js , contoh helo world dengan penerapan reactive data bindingContoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js dan contoh event handling pada vue.js . Setelah ini saya akan lanjut menjelaskan tentang vue component lengkap dengan contohnya. :)

Tutorial Vue.Js Bagian 4 : Contoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js

April 18, 2016 Add Comment
Setelah sedikit memahami tentang apa itu Vue.JS pada tutorial sebelumnya yang berjudul Tutorial Vue.Js Bagian 1 : Tentang Vue.Js , mengetahui bagaimana cara menginstal atau memasang vue.js , contoh helo world dengan penerapan reactive data binding sekarang saya akan memberikan contoh lainnya.

Contoh yang saya akan berikan disni adalah berkaitan dengan validasi input data dengan V-SHOW, V-IF pada Vue.JS.

Berikut adalah contoh dari Validasi Input Data dengan V-SHOW, V-IF pada Vue.js .
Contoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js
Nah sekarang saatnya saya memebritahukan script kode dan penjelasannya
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- meemanggil id app1 yang sudah dideklarasikan
di viewmodel -->
<div id="app">
<form>
<h2>V SHOW</h2>
<!-- atribut v-show -->
<span class="error" v-show="!pesan">
Masukkan tulisan.. apasaja
</span><br>

<textarea v-model="pesan"></textarea><br>
<button type="submit">
Kirim Tulisan
</button>
</form>

<form>
<h2>V IF</h2>
<!-- atribut v-if -->
<span class="error" v-if="!pesan2">
Masukkan tulisan.. apasaja
</span><br>

<textarea v-model="pesan2"></textarea><br>
<button type="submit">
Kirim Tulisan
</button>
</form>

<form>
<h2>V SHOW with Button</h2>
<span class="error" v-show="!pesanbutton">
Masukkan tulisan.. apasaja
</span><br>

<textarea v-model="pesanbutton"></textarea><br>
<button type="submit" v-show="pesanbutton">
Kirim Tulisan
</button>
</form>

<pre>
{{ $data | json}} <!--fungsi json untuk mengirim data yang di ubah -->
</pre>



</div>

<!-- meload vue js yang berada di satu folder-->
<script src="vue.min.js"></script>
<script>
//viewmodel
new Vue({
el: '#app', // bind to view
data: { //var adata yang menimpan nilai di bawahnya
pesan : '', //variable pesan
pesan2 : '', // var pesan 2
pesanbutton : '' // var pesan
}
});

</script>
</body>
</html>

Nah itu adalah contoh dari penggunaan framework vue.js untuk validasi. Berikutnya pada tutorial ke 5 saya akan menjelaskan tentang  Event Handling pada Vue.js dengan contoh dan penjelasan yang insyaalah lengkap.

Tutorial Vue.Js Bagian 3 : Membuat Hello World Input Reactive dengan Vue.Js

April 18, 2016 Add Comment
Setelah sedikit memahami tentang apa itu Vue.JS pada tutorial sebelumnya yang berjudul Tutorial Vue.Js Bagian 1 : Tentang Vue.Js dan mengetahui bagaimana cara menginstal atau memasang vue.js sekarang saatnya mempelajari bagaimana cara vue.js bekerja dengan contoh contoh yang akan saya jelaskan.

Untuk contoh pertama yaitu bagaimana caranya membuat Hello World dengan Vue.Js. Namun sebelum itu saya akan menampilkan screenshoot programnya terlebih dahulu.

Membuat Hello World Input Reactive dengan Vue.Js
 Membuat Hello World Input Reactive dengan Vue.Js , fungsi reactive.js pada vue.js



Berikut adalah contoh kode script dan penjelasan yang sudah ditulis didalam kode.

<html>
<head>
<title></title>
</head>
<body>
<!-- meemanggil id app1 yang sudah dideklarasikan
di viewmodel -->
<div id="app1">
<input v-model="pesan" placeholder="ini">
<!-- variable yang berisi nilai,
dimana variable ini juga di set di instansi vue -->
<h2>{{pesan}}</h2>

<h5>pretag</h5>
<pre>
{{ $data | json}}
<!--fungsi json untuk
mengirim data yang di ubah
dan menampilkannya dengan variable $data-->
</pre>
</div>

<!-- meload vue js yang berada di satu folder-->
<script src="vue.min.js"></script>
<script>
//viewmodel
new Vue({
el: '#app1', // bind to view
data: {
pesan : ''
}

});

</script>
</body>
</html>

Nah, program ini merupakan program yang memebrikan contoh dari fungsi reactive data binding yang dimiliki oleh vue.js . Berikut adalah script code dan penjelasannya.
Berikutnya akan ada contoh yang lebih menarik lagi yang saya akan bahs di halaman selanjutnya :
Tutorial Vue.Js Bagian 4 : Contoh Validasi Input Data dengan V-SHOW, V-IF pada Vue.js

Tutorial Vue.Js Bagian 2 : Download dan Instalasi Vue.Js

April 18, 2016 Add Comment
Setelah sedikit memahami tentang apa itu Vue.JS pada tutorial sebelumnya yang berjudul Tutorial Vue.Js Bagian 1 : Tentang Vue.Js sekarang saatnya mempelajari bagaimana proses download , penginstalan hingga pemasangan dari vue.js ini. Jadi jika saya saranakan untuk membuka artikel sebelumnya untuk sedikit menambah pengetahuan tentang apa itu Vue.js .


Mendownload File Vue.Js

Cara untu mendownload Vue Js adalah
  1. Kunjungi situs https://vuejs.org/ 
  2. Download aplikasi dengan cara mengklik install
    bagaimaan cara Download dan Instalasi Vue.Js
  3. Pilih salh satu yang dibutuhkan.
    bagaimaan cara Download dan Instalasi Vue.Js\
Keterangan :
Pilih yang development version, karena di beberapa contoh yanga akan di jelaskan setelah ini ada fungsi yang tidak bekerja jika menggunakan yang product version.

Tutorial Instalasi Vue.JS

Sebenarnya untuk penginstalan Vue.Js bervariasi sesuai dengan project yang ingin kita buat (apakah project tersebut berbasis Git, menggunakan framework lain sperti Node js atau lain sebagainya). Untuk cara yang sudah di jelaskan di atas itu merupakan sebuah cara untuk mendapatkan file vue.js secara langsung dimana file tersebut biasanya digunakan untuk penggunaan project biasa.

Berikut adalah beberapa macam penginstalan Vue.Js :

Menggunakan NPM, 

biasanya jika menggunakan Node.JS 
# latest stable
$ npm install vue
# latest stable + CSP-compliant
$ npm install vue@csp

Menggunakan CLI

# install vue-cli
$ npm install -g vue-cli
# create a new project using the "webpack" boilerplate
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev

Dev Build, dipakai di git

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# latest stable
$ bower install vue

Cara biasa

bagaimaan cara Download dan Instalasi Vue.Js
Cara ini biasanya digunakan pada project biasa dan laman kecil yang tida membutuhkan framework lain.


Nah karena saya sudah membahas tentang apa itu vue.js dan bagaimana cara penginstalan / download framework ini, selanjutnya saya akan memberikan contoh contoh mudah dan simple terkait penggunaan vue.js ini. 

Memahami Vue Js.

April 18, 2016 Add Comment
Assalamualikum Wr. Wb 

Di kesempatan kali ini saya kan membahas sedikit mengenai apa itu vue.js dan bagaimana penggunaan vue js sebagai framework javascript untuk fron-end.

Pengunaan vue sebagai framework berbasis javascript untuk front-end sangatlah simple dan mudah. Saat ini sudah banyak sekali pengguna / pengembang web yang menggunakan vue js ini.

Tentang Vue.Js

Vue.js (jika di ucapkan vjuː /, seperti view) adalah library untuk membangun antarmuka web interaktif. Tujuan dari Vue.js adalah menyediakan fungsi Reactive data binding dan fungsi mengatur komponen View yang ada dengan API yang sesederhana mungkin. Vue.js difokuskan pada lapisan tampilan saja / View. Oleh karena itu sangat mudah untuk mengambil dan untuk mengintegrasikan framework ini dengan proyek yang telah dibuat.


Apa itu Reactive Data Binding ?

Fitur yang ditawarkan oleh vue js adalah system reactive data binding yang berfungsi agar data dan DOM tetap terikat bersama-sama. Biasanya jika menggunakan jQuery secara manual dalam memanipulasi DOM, kode yang kita tulis pastilah berulang-ulang dan rawan kesalahan atau eror. 

Vue.js menganut konsep tampilan data-driven. Yang berarti kita menggunakan sintaks khusus di template HTML yang kita gunakan untuk "mengikat" DOM dengan data yang dibuat. Setelah proses binding diciptakan, DOM kemudian akan bersinkronisasi dengan data. Setiap kali Anda mengubah data, DOM akan memperbaruinya dan Hal ini membuat kode kita lebih mudah untuk menulis, lebih mudah untuk alasan tentang dan lebih mudah untuk mempertahankan.

Berikut adalah gambar dari proses sinkronisasi DOM dan data yang dibuat.
Pengertian Tentang Vue Js
Artikel ini berlanjut ke artikel selanjutnya 

Tutorial Vue.Js Bagian 2 : Download & Instalasi Vue.Js 

Cara Membuat Parse HTML di Blog

April 14, 2016 Add Comment
Assalamualikum wr. wb, kali ni saya akan berbagi salah satu trik blog dalam memparsing atau mengkonversi kode html agar dapat ditampilkan di blog selain itu dapat mengkonversi kode script iklan.
Cara Membuat Parse HTML di Blog

Dalam beberapa contoh kasus yang pernah terjadi, html parser akan menjandi sangat berguna untuk user yang inign meletakkan kode scriptnya di blaman blog agar dapat sesuai dengan source aslinya (peletakan yang sesuai). HTML parser juga sangat bermanfaat jika ingin menambahkan kode di dalam komentar, karena kode HTML yang dimasukkan dalam komentar tanpa di-parse akan dibaca sebagai perintah. Oleh karena itu, kode HTML harus di-parse terlebih dahulu agar bisa ditampilkan dalam komentar sebagai teks yang dapat dilihat.

Berikut adalah script kode parser
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 595px"></textarea><br/>
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

Pasang kode tersebut di mode html
Cara Membuat Parse HTML di Blog

Kemudian langsunng saja letakkan kode di atas seperti di bawah ini
Cara Membuat Parse HTML di Blog



Dan hasilnya akan seperti ini




Anda bisa langsung menggunakannya :)
Terimkasih sudah berkunjung :)

Source : http://buka-rahasia.blogspot.co.id/p/blogger-adsense-parser-html-encoder.html
Cara Memasang API Google Maps di CodeIgniter Lengkap dengan Geocoding (Part 2)

Cara Memasang API Google Maps di CodeIgniter Lengkap dengan Geocoding (Part 2)

April 14, 2016 8 Comments

Apabila anda baru menemukan laman ini, silahkan kunjungi dahulu

Cara Memasang API Google Maps di CodeIgniter Lengkap dengan Geocoding Part 1 .

Nah,  pada artikel sebelumnya kita sudah menyelesaikan bebrapa proses yaitu pemasangan library Google Maps dan geocoder serta konfigurasinya, databse dan juga controllernya. Setelah itu saya akan melanjutkannya ke langkah ke 3 yaitu konfigurasi file model.

3. Membuat Model

Didalam folder Model, ada satu 1 file model yang berisi fungsi model untuk menampilkan data dan menambahkan data ke database. Berikut adalah script file class model yang telah di beri penjelasan.File model ini diberi nama m_gmap.php
<?php
/**
* 
*/
class m_gmap extends CI_Model
{
  function _construct()
    {
        parent:: _construct();
    }
    //fungsi untuk menampilkan semua data
 function tampilan_semua_data()
 {
  //mengambil nilai atau data dari database
        return $this->db->get('tugas6_individumap'); 
 }

 function simpan_data($simpanlokasi) //fungsi simpan data
 {
  //memasukkan ke database
  return $this->db->insert('tugas6_individumap', $simpanlokasi); 
 }
}

?>

4. Membuat File View

Didalam folder view ini terdapat 2 file, dimana file yang pertama diberi nama v_gmap yaitu tampilan awal untuk menampilkan google map, sedangkan yang satunya adalah v_lihatdata yang berfungsi untuk menampilkan data yang sudah tersimpan sebelumnya. Berikut adalah script yang sudah disertai dengan penjelasannya.
view file v_gmap.php

<html>
<head>
 <title></title>
 <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/dt/media/css/jquery.dataTables.min.css">

    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.js"></script>
    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'>

<style type="text/css">
 body {
font-family: 'Raleway', sans-serif;
}

</style>
<script src="<?php echo base_url();?>aset/bt/js/bootstrap.js"></script>
 <?php echo $map['js']; ?>
</head>
<body>
<div class="container">
<div class="jumbotron">
  <h1>TUGAS 6 INDIVIDU</h1>
  <p>Huzaini 130411100105</p>
  <button type="button" class="btn btn-success"><a href="http://[::1]/zenhuzaini/individu_framework6/index.php/c_gmap/lihatdata">Lihat Data</a></button>

</div>
 <?php echo $map['html']; ?>
</div>

</body>
</html>

view file v_lihatdata.php
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/dt/media/css/jquery.dataTables.min.css">

    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.js"></script>
    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'>

<style type="text/css">
 body {
font-family: 'Raleway', sans-serif;
}

</style>
<script src="<?php echo base_url();?>aset/bt/js/bootstrap.js"></script>
 <title></title>
</head>
<body>
<div class="container">
<div class="jumbotron">
  <h1>TUGAS 6 INDIVIDU</h1>
  <p>Huzaini 130411100105</p>
  <?php
   echo $kemapnya;
  ?>
</div>

<table <table class="table table-striped table-advance table-hover" border="1" cellpadding="4" cellspacing="0" >
 <thead>
  <tr>
   <td >Nama Lokasi</td>
   <td>Longitude</td>
   <td>Latitude</td>
   <td>Keterangan</td>

  </tr>
 </thead>
 <tbody>
 <?php
 foreach ($datanya as $key ) {  //mengambil data
 ?>
  <tr>
   <td><?php echo $key->nama_lokasi ?></td>
   <td><?php echo $key->long ?></td>
   <td><?php echo $key->lat ?></td>
   <td><?php echo $key->keterangan ?></td>

  </tr>
 <?php
        }
 ?>
 </tbody>
</table>

</div>
</body>
</html>
Terimakasih sudah berkunjung, jika ada pertanyaan silahkan jangan malu malu untuk berkomentar :)