Thursday 26 July 2018

Unknown

Belajar Crud Laravel Untuk Pemula - Setup Database Laravel

 Assalamualaikum Warahmatullahi Wabarakatuh

Selamat pagi, siang, sore, atau malam buat teman-teman yang masih setia datang ke https://belajarpemrogramans.blogspot.com/, jangan lupa untuk selalu update tutorial kita disini, agar teman-teman tidak ketinggal materi belajar kita. kemarin kita sudah menyelesaikan dua tutorial tentang belajar crud laravel untuk pemula, dengan materi setup laravel dan implementasi bootstrap pada aplikasi laravel kita.

Hari ini kita akan melanjut tutorial crud laravel ini dengan materi setup database laravel, alias menghubungkan aplikasi laravel kita dengan database. baik teman-teman semua mari kita mulai saja tutorial kita hari ini. teman-teman ingat disini saya menggunakan XAMPP, php 7, dan sublime untuk text editor, saya sarankan untuk menggunakan semua keperluan kita sama dengan yang saya gunakan.

langkah-langkah yang harus kita lakukan untuk menyelesaikan tutorial ini adalah sebagai berikut
  1. Buka terlebih dahulu project kita yang sudah kita buat di tutorial sebelumnya tentang belajar crud laravel untuk pemula part 1 atau tonoton terlebih dahulu video lengkapnya disini
  2. setelah itu buka phpmyadmin kita, ditutorial ini saya mengakses mysql saya dengan alamat localhost:8080/phpmyadmin.
  3. setelah itu buat Database baru dengan crudlaravel
  4. setelah teman-teman membuat database tadi, sekarang teman-teman masuk ke text editor kita tadi dan buka file .env pada project kita tadi, dan ganti script DB_CONNECTION sampai DB_PASSWORD dengan seperti script dibawah ini

    DB_CONNECTION=mysql
    DB_HOST=127.0.0.1
    DB_PORT=3306
    DB_DATABASE=crudlaravel
    DB_USERNAME=root
    DB_PASSWORD=
  5. buka directory project kita dengan terminal atau cmd.
  6. setelah itu jalan command berikut
    php artisan make:migration create_table_produtc
  7. buka file migrate yang kita buat tadi yang ada difolder database > migrations
  8. edit isi file migrate kita tadi dengan script dibawah ini

    public function up()
        {
            Schema::create('product', function(Blueprint $table){
                $table->increments('id');
                $table->string('namabarang');
                $table->string('kategori');
                $table->text('deskripsi');
                $table->timestamps();
            });
        }

        public function down()
        {
            Schema::dropIfExists('product');
        }
  9. jalankan command berikut lewat terminal yang sudah kita buka tadi

    php artisan migrate
  10. jika teman-teman berhasil menyelesaikan tutorila ini. maka teman-teman bisa melihat hasilnya di phpmyadmin kita akan muncul table baru pada database yang kita buat tadi seperti gambar dibawah ini.

 teman-teman yang kurang jelas, silahkan lihat video lengkapnya dibawah ini



bagi teman-teman yang merasa channel dan website kami memberikan manfaat, jangan lupa like dan subscribe ya.

sampai ketemua di tutorial berikutnya.

Read More

Tuesday 24 July 2018

Unknown

Belajar Membuat Desain Website Pada Laravel

Assalamualaikum warahmatullahi wabarakatuh

Selamat Pagi, siang, sore, malam buat semua teman-teman yang masih tetap semangat belajar laravel. hari ini kita akan melanjutkan tutorial kemarin, yang belajar crud laravel untuk pemula, tema ditutorial kemarin kita membahas bagaimana cara kita set up laravel alias cara menginstall aplikasi laravel pada localhost kita atau pada laptop kita sendiri.

Tema kita hari ini adalah belajar membuat desain website pada laravel. Goal kita nanti sampai video terakhir tentang larvel adalah berhasil membuat aplikasi sederhana menggunakan laravel. untuk memulai tutorial ini silahkan teman-teman download terlebih dahulu template yang kita butuh disini.

Jika teman-teman sudah mendownload template yang kita butuhkan, silahkan sekarang teman-teman membuak project laravel kita yang sudah kita buat di tutorial kita sebelumnya. Jika teman-teman ingin melihat video lengkap tutorial ini Disini atau jika teman-teman yang baru bergabung bisa langsung menonton playlist untuk tutorila laravel Disini. Jika teman-teman sudah siap, mari kita mulai saja tutorial kita hari ini.
  1. Buat Folder vendor pada folder css dan js yang ada di folder public diproject kita.
  2. Buat foler bootstrap pada pada file vendor yang ada di folder css dan js tadi.
  3. Copykan folder jquery yang ada pada folder vedor yanng ada ditempalate kita tadi kedalam folder js > vendor pada project kita tadi.
  4. Copykan folder js yang ada di folder vendor > bootstrap pada template kita tadi kedalam folder public > js > vendor > bootstrap pada project kita.
  5. Copykan folder css yang ada di folder vendor > bootstrap pada template kita tadi kedalam folder public > js > vendor > bootstrap pada project kita.
  6. buat folder baru dengan lama Layout pada folder resources > views.
  7. buat file baru dengan nama layouts.blade.php pada folder yang baru saja kita buat
  8. copy script pada file index.html yang ada pada template kita tadi, copykan script tadi pada file layouts.blade.php yang baru saja kita buat.
  9. edit semua link file css dan js pada layouts tadi dengan bentuk seperti ini
    href="{{asset('css/root/.css')}}"
    src="{{asset('js/root/.js')}}"
    sesuaikan dengan root file css dan js yang ada di layouts tadi, jika teman-teman kurang jelas silahkan liha video lengkapnya di video Belajar CRUD Laravel Untuk Pemula Part 2.
  10. setelah diatas semua sudah teman-teman lakukan dengan baik dan benar.
  11. berikutnya silahkan nonton videonya lengkapnya dibawah ini


Jika teman-teman berhasil membuat aplikasinya dengan benar maka tampilan hasil aplikasi kita akan seperti gambar dibawa ini


Jika blog dan channel kami bermanfaat jangan lupa like dan subscribenya ya. kami tutup dengan

wabillahi taufiq wal hidayah wassalamualaikum warahmatullahi wabarakatuh




Read More
Unknown

Belajar CRUD Laravel Untuk Pemula

Assalamualaikum warahmatullahi wabarakatuh

Selamat Pagi siang sore ataupun malam, ketemu lagi dengan saya ditutorial terbaru Belajar CRUD LARAVEL Untuk Pemula. kemarin kita sudah mendapatkan dasar-dasarkan tentang ASP.NET MVC yang bisa teman-teman nonto Disini atau Disini.

Hari ini saya akan membagikan ilmu yang saya miliki tentang laravel. laravel adalah salah satu framework php yang baru hadir sekitar tahun 2011. laravel masih tetap menggunakan OOP sebagai dasar pemrograman yang digunakan. dan laravel menggunakan sistem MVC.

Ditutorial ini saya menggunakan XAMPP, MYSQL, PHP 7 +, SUBLIME.

Jika teman-teman ingin mendapatkan tutorial menggunakan video silahkan datang ke channel Belajar Pemogramans, jika ingin melihat video dari tutorial ini silahkan datang ke video Disini. baiklah teman-teman mari kita mulai semua saja.

Cara pertama yang harus kita lakukan adalah
  1. Install Composer terlebih dahulu disini
  2. Intall Laravel.
  3. jika teman-teman sudah menginstall composer dan laravel, teman-teman bisa menginstall app laravel dengan command seperti "laravel new NamaAPP".
  4. tapi jika teman-teman belum menginstall laravel di laptop/PC, teman-teman bisa menginstall dengan command seperti ini "composer create-project --prefer-dist laravel/laravel NamaAPP".
  5.  setelah itu buka Console/cmd.
  6. masuk ke directory dimana kita menginstall xampp
  7. setelah itu ketikkan salah satu command diatas.
  8. setelah itu tunggu sampai install selesai.
  9. setelah install selesai, masuk ke directory aplikasi kita menggukan Console/cmd.
  10. ketikkan perintah "php artisan ser"
    command ini berguna untuk menjalankan fitur dari laravel sendiri yang otomotis akan menjalankan aplikasi kita diport 8000
Jika teman-teman melakukan semua point-point diatas dengan benar, maka teman-teman akan berhasil menginstall aplikasi laravel kita. dan tampilan yang teman-teman akan lihat seperti gambar dibawah ini




















jika teman-teman ingin melihat video lengkapnya silahkan nonto video dibawah dengan selesai


Jika blog dan channel youtube kami memberi manfaat yang baik, jangan lupa like dan subscribe ya, biar teman-teman selalu dapat update ilmu-ilmu terbaru.


Read More

Saturday 21 July 2018

Unknown

Belajar Membuat Login Dengan Asp.Net Mvc Untuk Pemula


Assalamualaikum Warahmatullahi Wabarakatuh

Selamat pagi, siang, sore ataupun malam bagi teman-taman yang lagi buka blog https://belajarpemrogramans.blogspot.com/  untuk belajar membuat login dengan asp.net mvc untuk pemula. semoga tulisan saya ini bisa memberikan manfaat buat teman-teman dan khususnya buat diri saya sendiri.


baiklah tidak usah berpanjang lebar, mari kita mulai saja tutorial belajar membuat login dengan Asp.Net Mvc untuk pemula. jika teman-teman malas untuk membaca, ingin menggunakan video untuk menjadi tutornya silahkan buka aja video Belajar Membuat Login Dengan Asp.Net MVC Untuk Pemula Disini. silahkan menyelesaikan tutorial ini dan diharapkan untuk tidak melakukan teknik COPAS alias Copy Paste, karena itu akan memberikan hal negatif bagi teman-teman semua dalam belajar.

Mari kita langsung saja memulai tutorialnya ya teman-teman. silahkan mengikuti list dibawah ini :
  1. Buka terlebih dahulu project kita yang sudah kita buat di Tutorial membuat aplikasi toko online Berbasis Website untuk pemula dan cepat PART 1.
  2. Buat model baru dengan User dengan cara klik kanan pada folder models > Class. 
  3. didalam model user buat dua field denan nama username dan pasword. atau ketik script dibawah ini

    public class User
    {
           public string Username { get; set; }
           public string Password { get; set; }
    }
  4. Buat Controller baru dengan nama LoginController dengan cara Click kanan pada folder controller > Add > Controller beri nama LoginController.
  5. membuat tiga action yaitu Index, Login, logout pada LoginController.
  6. membuat script untuk tiga action diatas seperti scipt dibawah ini













  7. Add view pada Action Index dengan cara klik Kanan > add View.
  8. Mengetikan scrips dibawah ini pada file index.cshtml yang ada difolder Views > Login












  9. Menambahkan Script dibawah pada file _Master.cshtml pada folder Views > Shared














  10. Jalan Kan aplikasi kita.
Setelah Semua sudah teman-teman lakukan dengan benar maka tampilan aplikasi yang teman-teman lihat dibrowser teman-teman semua akan seperti gambar dibawah ini



Jika menurut teman-teman artikel ini memberi hal positif buat teman-teman silahkan subscribe https://belajarpemrogramans.blogspot.com/ dan subscribe juga channel kami Disini. atau nonton video lengkap Belajar Membuat Login Dengan Asp.Net Mvc Untuk Pemula dibawah ini

Read More

Tuesday 17 July 2018

Unknown

Tutorial Menampilkan data di Asp.Net Mvc untuk Pemula

assalamualaikum warahmatullahi wabarakatuh, semoga kita semua selalu dalam lindungan Allah SWT.

Hari ini saya akan melanjutkan Tutorial Membuat Aplikasi Toko online dengan ASP.NET MVC. disesi ini saya akan mengajarkan cara menampilkan data product di page home kita. sebelum saya lanjut menjelaskan tutorial ini, bagi teman-teman yang baru join silahkan selesaikan terlebih dahulu tutorial sebelumnya yang bisa teman-teman baca Tutorial Membuat Database Toko Online Untuk Pemula dan  Tutorial membuat aplikasi toko online Berbasis Website untuk pemula atau jika teman-teman ingin dipandu dengan video silahkan datang ke channel kami Disini.

Mari kita mulai saja tutorial ini, untuk menampilkan data product kita dipage home, komponen yang kita butuhkan adalah Model, Controller, View. Sedikit saya jelaskan tentang 3 komponen tadi
  1. Model, Komponen ini berguna untuk menampung data yang akan ditampilkan ke view sesuai dengan apa yang diatur pada controller.
  2. Controller, Komponen ini berguna untuk mengatur alur kerja dari reques view ke model, intinya controller adalah jembatan antara Model dan View.
  3. View, Komponen ini berguna untuk menampilkan hasil dari Model yang dipanggila dari Controller.
Mari kita mulai Totorial ini. Untuk pertama silahkan buka project yang sudah kita buat sesuai dengan tutorial kita sebelumnya. maka List dari apa yang harus kita lakukan adalah sebagai berikut:
  1. Membuat Model
    Klik Kanan Pada pada folder Models klik Add > Class, Ketikan nama class dengan  nama Product.cs setelah itu ketikkan code berikut sesuai dengan Code Dibawah

        public class Product
        {
            public int id { get; set; }
            public string Namaproduct { get; set; }
            public string deskripsi { get; set; }
            public string foto { get; set; }
        }

    save model ini.
  2. Inputkan data Pada model lewat Controller
    Klik HomeController pada folder Controllers, pada action index inputkan data berikut

    public ActionResult Index()
            {
                List<Product> products = new List<Product>();
                products.Add(new Product {
                    id = 1,
                    Namaproduct = "Handphone Samsung",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan   ke page home toko online"
    ,
                    foto = "../Images/fotosamsung.jpg"
                });
                products.Add(
    new Product {
                    id = 2,
                    Namaproduct = "Handphone Oppo",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan ke page home toko online"
    ,
                    foto = "../Images/fotooppo.jpg"
                });
                products.Add(new Product
                {
                    id = 3,
                    Namaproduct = "Handphone Apple",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan ke page home toko online"
    ,
                    foto = "../Images/fotoapple.jpg"
                });
                products.Add(new Product
                {
                    id = 4,
                    Namaproduct = "Handphone Xiaomi",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan ke page home toko online"
    ,
                    foto = "../Images/fotoxiaomi.jpg"
                });
                products.Add(new Product
                {
                    id = 5,
                    Namaproduct = "Handphone Huawei",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan ke page home toko online"
    ,
                    foto = "../Images/fotohuawei.jpg"
                });
                products.Add(new Product
                {
                    id = 6,
                    Namaproduct = "Handphone Vivo",
                    deskripsi = "deskripsi ini hanya untuk
                                        percobaan bahwa data sudah
                                        bisa ditampilkan ke page home toko online"
    ,
                    foto = "../Images/fotovivo.jpg"
                });
                return View(products);
            }
  3. Buat folder Images dengan cara klik kanan Pada nama project kita add > New Folder,
  4. cari 6 foto dan berikan nama sesuai nama foto tersebetu sesuai dengan code yang ada diatas pada colom foto.
  5. EditView
    Klik kanan pada action index di HomeController dan klik go to view, setelah view terbuka copykan script dibawah ini pada view kita

    @model IEnumerable<Belajarmembuattokoonline.Models.Product>
    @{
        ViewBag.Title = "Index";
        Layout = "~/Views/Shared/_Master.cshtml";
    }

    <div class="row">
        @foreach (var data in Model)
        {
            <div class="col-lg-4 col-sm-6 portfolio-item">
                <div class="card h-100">
                    <a href="#"><img class="card-img-top" src="@data.foto" alt=""></a>
                    <div class="card-body">
                        <h4 class="card-title">
                            <a href="#">@data.Namaproduct</a>
                        </h4>
                        <p class="card-text">
                            @data.deskripsi
                        </p>
                    </div>
                </div>
            </div>
        }
    </div>


    jalankan aplikasi kita, jika teman-teman menjalankan tutorial ini dengan benar maka tampilan aplikasi kita akan seperti gambar dibawah ini
    .






Jika teman-teman ingin lebih jelas silahkan lihat video dibawah ini
jika memang article dan videonya memberikan nilai positive dan ilmu buat teman-teman jangan lupa subscribe ya


Read More
Unknown

Tutorial Membuat Database Toko Online Untuk Pemula

Ditutorial kali ini saya akan melanjutkan pembelajaran pertama kita yaitu Tutorial membuat aplikasi toko online Berbasis Website untuk pemula yang sudah kita selesaikan kemarin, jika teman-teman baru mulai membaca article ini silahkan selesaikan terlebih dahulu tutorial pertama yang sudah saya tuliskan atau teman-teman juga bisa melihat Tutorial membuat aplikasi toko online Berbasis Website untuk pemula dan cepat PART 1. bagi teman-teman yang sudah menyelesaikannya silahkan mengikuti tutorial ini.

pertama-tama yang akan kita mulai untuk memulai Tutorial Membuat Database Toko Online Untuk Pemula  adalah:
  1. Buka SQL Server management studio
  2. login ke SQL server teman-teman jika menggunakan sql auth
  3. Klik tanda plus(+) pada Database
  4. Klik kanan pada Database
  5. pilih new database
  6. ketik nama database sesuai dengan yang teman-teman inginkan, disini saya memberikan nama databasenya dengan nama TokoOnline sesuai dengal goal yang akan kita capai.
  7. klik oke
  8. klik kanan pada database
  9. pilih refresh
  10. klik tanda plus(+) pada database TokoOnline
  11. klik kanan pada Tables
  12. klik tables
  13. buat field  id, type int, not null, primary key
  14. buat field nama_product, type varchar(100), null
  15. buat field deskripsi, type text, null
  16. buat field foto, type varchar(100), null
  17. save table dengan nama T_Product
Hasil dari kerjaan kita diatas akan seperti gambar dibawah


    jika teman-teman sudah melakukannya dengan benar maka table product di database TokoOnline akan muncul. dengan ini  Tutorial Membuat Database Toko Online Untuk Pemula telah selesai, bagi teman-teman ingin menyelesaikan Tutorialnya dengan panduan video silahkan lihat video dibawah


    Atau kunjungi chanel youtube kami Disini jangan lupa subscribe jika article ini membantu ya
    Read More
    Unknown

    Tutorial membuat aplikasi toko online Berbasis Website untuk pemula

    Ditutorial ini saya akan menjelaskan bagaimana cara membuat aplikasi toko online untuk pemula menggunakan asp.net mvc C#. sebelum kita memulai pembelajaran ini kita harus menyiapkan bahan-bahan yang kita butuhkan dalam membuat aplikasi ini. Yang kita butuhkan adalah sebagai berikut

    1. Microsoft Visual Studio

    Microsoft visual studio adalah text editor yang disediakan oleh Microsoft yang digunakan untuk membuat atau membangun aplikasi yang menggunakan Bahasa pemrograman yang dikeluarkan oleh Microsoft, contoh Bahasa yang dikeluarkan oleh Microsoft antara lain asp.net mvc, windows form, visual basic, c# dan lain. Dan untuk teman-teman bisa belajar Tutorial membuat aplikasi toko online Berbasis Website untuk pemula dan cepat PART 1, teman-teman bisa mendownload visual studio Disini.

    2. Microsoft sql server 2014

    Microsoft sql server 2014 adalah aplikasi menejement basis data yang akan kita gunakan untuk menghubungkan suaru proses client server, dikasus ini kita akan membuat aplikasi toko online dimana tujuan aplikasi ini, adalah akan memberikan kemudahan para pembeli/user untuk melihat barang yang kita tampilkan data barang yang kita simpan didatabase kita. Untuk teman-teman bisa belajar membuat aplikasi toko online berbasis website untuk pemula, teman-teman bisa mendownload Microsoft sql server Disini.

    Setelah teman sudah menginstall 2 aplikasi diatas, mari kita mulai pembelajaran Tutorial membuat aplikasi toko online berbasis website untuk pemula dan cepat PART 1.

    Pertama-tama kita Buka Microsoft visual studio kita, Klik File > Project, setelah muncul jendela baru hover menu Installed > Visual C# > Web setelah itu pilih ASP.NET Application (.NET Framework) setelah itu isikan nama project kalian pada column name, lokasi project kalian pada kolom location, dan target framework yang kalian inginkan, klik Oke. Setelah itu dijendela berikutnya pilih template Empty, dan dikolom Add folders and core references for: centang bagian MVC, Setelah itu Klik Oke. Sejauh ini persiapan untuk belajar membuat aplikasi toko online berbasis website untuk pemula sudah selesai. Kita akan melanjutkan untuk mulai membuat aplikasi Toko online kita.

    Untuk memulai pembelajaran ini kita mulai untuk membuat template dari aplikasi kita. Disini saya menggunakan template bawaan Boostrap. Untuk bisa memulai belajar membuat aplikasi toko online berbasis website untuk pemula teman-teman bisa mendownload template bootrap Disini.

    Setelah teman-teman mendownload template yang kita telah sepakati, silahkan copy file index.html, folder css dan vendor kedalam project teman-teman yang ada di visual studio, dengan cara klik kanan pada nama project kalian dan pilih paste.

    Setelah teman-teman sudah mengcopy 2 folder dan satu file tadi, kita mulai belajar membuat aplikasi toko online berbasis website untuk pemula. Kita memulai ini dengan cara :

    * membuat folder Shared didalam folder Views untuk lebih jelasnya silahkan lihat videonya disini

    * Copy file index.html ke dalam folder Shared untuk, lebih jelasnya silahkan lihat videonya disini

    * Rename file index.html to _Master.cshtml

    Ini berfungsi sebagai master page layout kita, yang berfusin untuk menampilkan semua page yang ingin kita tampilkan nantinya, untuk lebih jelasnya silahkan lihat videonya disini.

    * Buat satu controller dengan cara klik kanan pada folder Controller klik add > Controller > MVC 5 Controller – Empty berikan nama controller dengan HomeController, klik Oke untuk lebih jelasnya silahkan lihat videonya disini.

    * Buat function Index pada controller, untuk teman-teman yang ingin lebih jelanya silahkan lihat videonya dilink ini

    * Setelah itu klik oke dan jalan aplikasi yang kita buat tadi.

    Aplikasi yang kita bikin akan memiliki tampilan seperti gambar dibawah ini
















    untuk video lengkapnya silahkan lihat dibawah ini


    Read More