Dasar Controller-View dan Blade

BELAJAR DASAR CONTROLLER, VIEW DAN BLADE PADA LARAVEL

Setelah mempelajari routing laravel pada modul sebelumnya. Selanjutnya bagaimana memahami cara kerja controllers dan views di Framework Laravel. Bagaimana cara kerja antara routing, controller, view dan model. Sebelumnya kita harus tahu konsep MVC. M adalah Model, Model digunakan untuk query atau proses mengambil data dari database. V adalah View, View digunakan untuk tampilan user berupa html, css, js dan data yang bersifat client. Sedangkan C adalah Controller, yang digunakan untuk mengatur atau menjembatani antara model dan view juga bisa digunakan untuk mengatur alur program.

• View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.  
• Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view. 
• Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

BASIC CONTROLLERS (DASAR CONTROLLERS)

Dasar controller ini adalah bagaimana cara dasar untuk dapat menjalankan cotroller tersebut dengan bantuan route. Sekarang saya hanya akan dibahas Controller dan View. Dari percobaan pada artikel sebelumnya kita akan menggabungkan dengan controller dan view. 

Untuk persiapan buka file web.php , dan didalam folder controllers buat file dengan nama ProfileController.php. Di materi sebelumnya kita lngsung mengedit di file web.php pada route. Kali ini saya akan mencoba untuk membuat coding yang terpisah dengan file route, kita hanya memanggil indexnya dalam route::get.

Setelah membuat ProfileController.php di folder kel5 yang kita buat pada awal saat instalasi Laravel yaitu C:\xampp\htdocs\kel5\app\Http\Controllers lalu ketikan syntak seperti dibawah:

Keterangan:

Pertama kita membuat namespace, yaitu untuk lokasi folder (ProfileController) yang kita buat dimana. Lalu kita menggunakan use artinya kita menggunakan kelas lain yang ada dilaravel, dan kita panggil dengan use dan sekaligus menunjukan dimana lokasi kelasnya dan nama kelas yang digunakan yaitu di App\Http\Controllers\Controller.

Selanjutnya class profile controller berarti kita membuat kelas tersebut, lalu extends artinya menurunkan sifat dari controller. lalu kita memanggil fungsi index yang isinya menampilkan yang ada di dalam return yaitu 'Ini halaman contoh'.

Setelah itu kita buka file web.php, lalu panggil index ProfileController yang tadi dibuat seperti pada gambar dibawah:

Untuk mencoba menjalankan program sama seperti sebelumnya keikkan url seperti dibawah, dan Hasilnya:

Analisis:

Route::get adalah method digunakan untuk menampilkan view maupun data. Tanda ‘/’ , menunjukkan route yang di definisikan atau dibuat untuk route utama atau halaman utama. profileController , adalah nama file ataupun class controller. Index , adalah method atau fungsi yang berada di controller. 

PENGGUNAAN CONTROLLER, VIEW DAN BLADE

Views adalah representasi visual dari suatu aplikasi. Pada bagian ini memiliki fungsi untuk menyajikan data yang diterima oleh Controller dari Model.  Atau dalam kata lain Views adalah bagian dari sistem di mana HTML dihasilkan dan kemudian ditampilkan.

Blade adalah salah satu fitur dalam laravel yang digunakan untuk menampilkan output pada view. Fitur blade ini bisa dibilang sangat canggih, karena kita dapat membuat coding tanpa perlu tag PHP (<?php ?>). Selain menampilkan output, blade juga digunakan untuk membuat layout website. Template menggunakan ekstensi blade.php dan ditempatkan di resources/views.

Contoh 1:

Buat coding seperti gambar dibawah dalam file ProfileController.php yang ada dalam C:\xampp\htdocs\kel5\app\Http\Controllers yaitu untuk fungsi menampilkan nama atau profile kita sendiri.

Keterangan:

Kita membuat fungsi yaitu untuk menampilkan namaSendiri. Kita membuat 3 variable yaitu nama, alamat dan jabatan. Return view (‘profile’ artinya kita akan menampilkan view yang ada dalam profile yaitu fle profile.blade.php. lalu dari 3 variable diatas kita membuat arraynya yaitu memakai fungsi compact nama, alamat dan jabatan supaya bisa dibaca oleh profile nya .

Selanjutnya kita buat coding bladenya seperti yang tertera pada gambar dibawah, 3 variable tadi yang dibuat akan terbaca disini yaitu nama, alamat dan jabaran. Dan file simpan di C:\xampp\htdocs\kel5\resources\views

Sekarang kita coba routing dengan menggunakan Controller, ketikan coding seperti dibawah ini:

Keterangan:

Get (‘nama-sendiri’ artinya kita akan memanggil atau menjalankan program dengan key nama-sendiri atau sebagai url nya. selanjutnya profileController yaitu sebagai controller dan kita akan memanggil index yaitu fungsi namaSendiri sebagai metode nya.

Dan jika dijalankan hasilnya akan seperti gambar dibawah ini:

Contoh 2:

Kita akan menampilkan 3 data barang degan controller dan view untuk menampilkan nama dan harga barang. Pertama kita buat metodenya yaitu fungsi hargaBarang dengan view akan memanggil barang yaitu file barang.blade yang dibuat sebelumnya dan menggunakan compact ketiga barang. Code lengkapnya seperti dibawah ini:

Sama seperti contoh 1, kita akan membuat blade barang sebagai template dan variable barang yang dibuat sebelumnya yaitu beras, kelapa dan jeruk akan terbaca disini, lengkapnya seperti gambar dibawah ini:

Dalam route di file web.php kita panggil dengan ulr harga-barang dan profile controller dengan index nya yaitu fugsi hargaBarang.

Maka hasilnya akan seperti pada gambar dibawah ini:

Contoh 3:

Untuk contoh kali ini sama saja seperti contoh 2, namun kita menggunakan array. Buat coding di ProfileController dengan nama fungsi hargaBarang1 dan array yaitu barangs, dengan isi array nama barang dan harganya. Lalu di return view ke barang1 dengan compact yaitu nama array nya ‘barangs’. Lengkapnya seperti pada gambar dibawah:

Selanjutnya kita buat bladenya, dengan Nama dan Harga. Lalu akan memanggilnya dengan foreach, dengan fungsi array sebelumnya yaitu ‘barangs’ sebagai kunci untuk ’barang’, dan ‘barang’ ini akan menampilkan Nama dan Harga yang telah dibuat dalam Array ‘barangs’ Codenya seperti pada gambar dibawah:

Dan pada routingnya kita menggunakan url harga-barang1 dengan ProfileController dan dengan index hargaBarang1 sebagai fungsi yang dibuat di ProfileController.

Jika dijalankan maka akan tampil seperti pada gambar dibawah ini:

Sekian untuk kali ini. Sampai jumpa di artikel selanjutnya yaa..

The Social Network

THE SOCIAL NETWORK

Hai Hai...

Kalian suka maen Facebook??? udah tau bagaimana sejarahnya??? Kalo baca lengkapnya mungkin agak panjang yaa.. tapi coba deh tonton filmnya, judulnya "The Social Network" Film tahun 2010-an.

 Film ini bagus buat di tonton. isinya tentang sejarah Facebook yang diciptakan Oleh Mark Zuckerberg, Eduardo dan Tim yang lainnya, bagaimana ia membuat the facebook dan dihukum 6 bulan masa percobaan akademik di Harvard University.

Enaknya tonton aja langsung filmnya, lumayan buat pengetahuan juga. tapi kalian harus jeli yaaa, karena alurnya yang maju mundur bisa membuat kita bingung (termasuk saya), tapi kalo nonton bener-bener filmnya lumayan seru..

Kalo males Nonton kalian bisa baca cerita yang saya buat tentang film The Social Network dibawah yaa.... Selamat Membaca guyss...

 Film ini bercerita tentang seorang pemuda bernama Mark Zuckerberg, dia adalah seorang mahasiswa Harvard yang menciptakan Facebook. Film ini beralur flashback yaitu ketika Mark dan rekan-rekannya sedang bersidang dalam kasus kepemilikan Facebook dan sejarah penciptaan Facebook itu sendiri.

Mark mempunyai pacar yaitu Erica, namun keduanya putus karena sebuah perdebatan saat keduanya sedang menikmati makan malam. Merasa disakiti oleh Erica yang memutuskan dia, Mark pun segera menulis tentang Erica di blognya. Di sana dia menyamakan Erica dengan hewan ternak, menrendahkan IQ-nya, dan segala macam hal yang menjelek-jelekkan Erica. Blog itu dibaca hampir sebagian besar mahasiswa. Selanjutnya Mark ingin membuat sebuah website yang dapat mengukur daya tarik mahasiswi Harvard. Untuk membuat website itu, Mark meng-hack database asrama-asrama yang ada di Harvard, untuk men-download gambar dan nama-nama mahasiswi Harvard. Yang kemudian diberi nama “Facemash”. Dia menempatkan foto dua wanita berdampingan dan meminta pengguna memilih yang mana yang paling seksi antara kanan atau kiri. Salah satu temannya baiknya, Eduardo Saverin, membantu  dalam pencarian rumus algoritma yang pernah digunakan Eduardo untuk meranking pemain catur, tapi disini Mark akan menggunakannya untuk meranking gadis-gadis atau mahasiswi lainnya di Hardvard, algoritma eduardo digunakan untuk menyempurnakan pembuatan Facemash ini.

Namun Mark tidak berpikir lebih jauh tentang pembuatan facemash ini, traffic website-nya membuat jaringan Harvard menurun. Mark dihukum oleh komite kampus dengan tuduhan menembus keamanan kampus dengan sengaja , melanggar hak cipta, melanggar privasi individu dengan membuat website www.facemash.com dan dituntut atas pelanggaran kebijakan universitas untuk distribusi gambar digital. Maka dari itu Mark terancam dikeluarkan tapi Mark tidak terima dan akhirnya Mark dihukum dengan enam bulan masa percobaan akademik.

Popularitas facemash yang dibuat hanya satu malam oleh  Mark menarik perhatian mitra bisnis Cameron dan Tyler Winklevoss, kembar identik dan anggota tim dayung Harvard, dan Divya Narendra, yang sedang mencari seorang programer untuk membantu membuat situs web baru yang dinamai Harvard Connection dan Mark menerimanya.  Tidak lama kemudian, Mark mengutarakan keinginnannya untuk membuat situs jejaring sosial yang khusus dapat digunakan oleh mahasiswa Harvard, yang dia beri nama Thefacebook, kepada Eduardo yang sedang berada di acara Phoenix SK Final Club. "The Facebook” Ini bisa digunakan untuk mereka yang memiliki akun email Harvard. Eduardo setuju untuk membantu Mark dan memberikan dana $ 1.000. mereka melakukan perjanjian untuk hasil yaitu 70% untuk Mark dan 30% untuk Eduardo dan menjadikan Eduardo sebagai CFO dari situs yang akan dibuat.

Pada saat itu Winklevosses dan Narendra mencoba menghubungi Mark, tetapi Mark sedang fokus pada programnya, yang membuatnya menunda beberapa pertemuan dengan Winklevosses dan Narendra. Mark dan Eduardo akhirnya meluncurkan website dengan nama The Facebook, penyebaran dilakukan dengan mengirimkan link untuk koneksi Eduardo di SK Phoenix. Situs ini diterima dengan baik dan dengan cepat menyebar ke seluruh siswa.

Suatu saat Narendra sedang digereja bersama pacarnya, saat itu pacarnya membuka link yang sedang booming di Harvard. Narendra melihatnya dan terkejut tentang The Facebook lalu memberitahu si kembar Winklevoss bahwa Mark mencuri ide website mereka. Kembar Winklevoss dan Narendra yang sebelumnya telah memiliki kesepakatan dengan Mark merasa bahwa ide mereka telah dicuri oleh Mark. Cameron dan Narendra ingin segera menuntut Mark, namun dilarang oleh Tyler yang meyakinkan mereka bahwa mereka dapat menyelesaikan masalah ini selayaknya "Harvard Gentleman" tanpa melewati pengadilan.

Dalam kuliah umum yang dibawakan oleh Bill Gates, Eduardo berkenalan dengan Christy Lee (Brenda Song) dan temannya dan mengundang mereka untuk minum di sebuah bar. Sesampainya pulang, Eduardo menemukan surat yang berisi tentang penuntutan pencurian ide dari kembar Winklevoss kepada Mark dan menggugat Mark untuk pencurian kekayaan intelektual. Namun mark tidak peduli dengan surat tersebut karena dia tidak merasa mencuri ide dan code dari kembar winklevoss dan narendra dan menganggap itu bukan suatu masalah yang besar.

Di sebuah bar Mark melihat Erica minum dengan teman-teman. Mark mencoba untuk bicara padanya, dan menanyakan kepada Erica mengenai Thefacebook. Tapi Erika tidak mengetahui tentang The Facebook, ia malah menampik  Mark, dan menceritakan hal-hal yang menyakiti dirinya karena postingan yang ditulis Mark di blog-nya. Erica yang tidak mengetahui keberadaan Thefacebook, karena dia bukan mahasiswi Harvard, membuat Mark ingin segera melebarkan daya jangkau TheFacebook. Agar Thefacebook dapat digunakan oleh mahasiswa selain Harvard.

Setelah itu Mark dan Eduardo membuat struktur perusahaan dan rencana mereka untuk bergerak maju. Mereka memperluas ke Yale dan Colombia. Keanggotaan facebook bertambah dan  Mark membagi-bagi tugas Dustin Moskovitz sebagai programer, Andrew McCollum sebagai seniman grafis, dan Chris Hughes sebagai Publisitasdan humas.Mereka bergabung dengan Mark untuk membantu mempromosikan situs web ini. Mereka berlima berencana melakukan ekpansi ke Stanford, Colombia dan Yale. Lalu Eduardo menyarankan untuk memperlebar ke Stanford University di Palo Alto, California untuk menarik perhatian pemodal ventura Silicon Valley.

Setelah Si kembar mengetahui bahwa TheFacebook akan diperluas dan mereka tidak terima. Mereka berniat untuk menyewa pengacara dan menggugat untuk menutup website tersebut. Melalui koneksi ayah mereka, mereka mengatur pertemuan dengan Presiden Harvard Larry Summers. Mereka menjelaskan bahwa Mark telah melanggar tata tertib atau kode etik Harvard yang melarang mahasiswa mencuri ide dan karya orang lain. Namun Summers merasa ini bukanlah kasus besar dan bukan kasus yang melibatkan Harvard. Maka permohonan mereka kepada Summers pun ditolak.

Disisi lain Mark terus mengembangkan The  Facebook. Sean Parker ingin bertemu dengan Mark karena telah melihat facebook milik teman kencannya. Sesegera mungkin ia mengatur janjian dengan Mark. Mark ditemani oleh Eduardo dan Christy Lee pergi menemui founder situs Napster, Sean Parker. Dari pertemuan itu, Eduardo merasa tidak suka terhadap Parker. Beda halnya dengan Mark yang justru tertarik sekali dengan Parker. Parker bahkan memberikan saran kepada Mark untuk membuang kata "The" dari Thefacebook, agar tinggal menjadi Facebook.

Karena Facebook semakin popular dan besar, Mark memutuskan untuk mengundang dua orang pemagang untuk bergabung dan berencana memindahkan kantor Facebook ke Palo Alto dekat dengan Stanford yang disarankan oleh Sean dalam pertemuan sebelumnya. Dan Eduardo membuka rekening baru dengan $18.000 didalamnya.

Kemudian Eduardo harus pergi ke New York dalam waktu yang cukup lama. Disaat itu, kedekatan Mark dan Sean semakin meningkat dan melakukan beberapa pertemuan-pertemuan untuk mengembangkan Facebook. Saat Eduardo datang, ia marah karena Sean bergabung dan Sean-lah yang mengatur tentang Facebook. Padahal Eduardo dia-lah yang seharusnya melakukan, karena dia merupakan investor Facebook. Karena kemarahannya, Eduardo segera membekukan rekening yang digunakan untuk dana Facebook yang selama ini didapatkan karena kurangnya perhatian dari Mark untuknya. Saat Mark tahu bahwa Eduardo membekukan rekening dana Facebook, ia menelpon Eduardo dan memarahinya karena tanpa uang Facebook tak akan berfungsi, dan jika server jatuh maka semuanya akan hancur. Saat itu juga Eduardo juga menerima kabar dari Mark yang mengatakan bahwa Facebook berhasil mendapatkan dukungan dana setengah juta dollah.Eduardo akhirnya kembali untuk mendukung Mark, dan dia bersedia menandatangani surat perjanjian pembagian persenan saham Facebook dengan investor kenalannya Parker.

Pada suatu saat, Eduardo mengunjungi kantor Facebook, yang saat itu sedang menunggu Facebook menembus satu juta pengguna aktif, dan Eduardo menuju sebuah ruangan dan diminta untuk menandatangani surat perjanjian lagi. Di sini Eduardo terlebih dahulu membaca isi surat perjanjiannya. Kemarahan Eduardo semakin memuncak ketika dia diminta untuk menandatangani dokumen tentang kepemilikan sahamnya yang menurun., surat perjanjian yang sebelumnya telah dia tanda tangani ternyata memberitahu bahwa saham dia di Facebook telah diturunkan menjadi 0,03%. Eduardo merasa ditipu oleh Mark. Eduardo merasa Mark tidak menghargainya sebagai salah satu pendiri perusahaan. Eduardo memberikan peringatan keras kepada Mark untuk segera mencari pengacara untuk dirinya, Karena Eduardo akan menuntutnya. Dan dia bukan hanya akan meminta haknya yang 30%, tapi dia akan mengambil semuanya.

Setelah menembus satu juta pengguna, Parker beserta seluruh karyawan Facebook menggelar pesta di sebuah rumah untuk merayakan keberhasilan Facebook. Tapi di tengah-tengah pesta datang polisi. Parker yang ada di kamar atas rumah itu bersama teman-temannya asik memakai narkoba. Karena dibawah tiba-tiba hening lalu parker melihat keadaan sekitar dan mengetahui adanya polisi. Namun mereka tidak memiliki banyak waktu untuk merapikan diri dan ruangan mereka. Parker dan teman-temannya segera di bawa ke kantor polisi. Namun sebelumnya Parker menelepon Mark dari kantor polisi memberitahu keadaan yang terjadi. Mark langsung terlihat lemas. Parker yang meminta maaf kepada Mark dan meminta Mark untuk tidak usah khawatir. Akhirnya Sean Parker ditangkap karena kedapatan berpesta dengan remaja di bawah umur dan memakai narkoba. Mengetahui hal itu Mark merasa sedikit menyesal dan menatap sebuah kartu nama yang mengejek dirinya. Ia semakin merasa bersalah (mungkin) pada temannya, Eduardo.

Pada hasil persidangan, Winklevoss menerima 65 juta dollar dan menandatangani perjanjian kerahasiaan. Eduardo menerima bagiannya dan kembali menjadi Co-founder dalam pernerbit Facebook. Di akhir film Mark mencari Facebook dari Erica Albaright dan meng-addnya. Dia terus-menerus me-refresh profil facebook tersebut.