Tugas 4 - Membuat MVVM App

-

 MVVM APP



1. Persiapan

  1. Mengintasll Visual Studio dan memilih .NET Framework

2. Membuat Program ItemPenjualan

    Dengan mengikuti link referensi yang tersedia maka didapatkan hasil demo sebagai berikut. 
contoh hasil:

Hambatan saat ini: Belum dapat menyambungkan ke Database
Namun dapat diselesaikan dengan step 3 berikut ini

3. Menyambungkan ke Database

Install  MySQL Installer pilih versi terbaru dengan jenis installer community sebagai contoh pada saat ini menggunakan (mysql-installer-community-8.0.23.0.msi). Kemudian  pilih Add ... pada sisi kanan aplikasi MySQL Installer dan pilih product :
  • MySQL Server
  • MySQL for Visual Studio
  • MySQL Connector .NET
Karna saya SUDAH menginstall MySQL Connector .NET sebelumnya, maka kurang lebih cukup menginstall seperti yang tertera pada gambar berikut ini.

Berikutnya tekan   Next > dan pilih Execute saat tahap Installation. 

    Setelah selesai, klik Next > hingga tahap diminta Account and Roles dan untuk password agar memudahkan kita isikan dengan "root". 

    Klik  Next > hingga Tahap Apply Configuration dan pilih Execute hingga seperti pada gambar berikut dan klik Finish:
Setelah itu Klik  Next>  dan  Finish, sehingga pada MySQL Installer akan terlihat kurang lebih seperti berikut:
Kemudian kembali ke Visual Studio Code, dan ubah konfigurasi pada App.config pada line 11 bagian <Connection String> untuk  name, port, database sesuai dengan yang akan dibuat. serta pada line 16 pada akhir line dari MySql.Data.EntityF6 sehingga menjadi MySql.Data.EntityFramework dan didapatkan seperti berikut ini:


Kemudian pada wpfcontext.cs pastikan seperti pada gambar berikut:


Kemudian install pada NuGet extention seperti pada gambar berikut:


Buka mysql 8.0 Command Line Client dan buat database, karena pada program ini nama database latihan maka akan tampil seperti berikut:

Berikutnya pada Visual Studio Code, buka menu Tools > NuGet Package Manager > Package Manager Console . Berikutnya ketikan Enable-Migrations, dan setelah itu Add-Migration > isikan nama yang bebas sesuai keinginan pengguna pada console. 

Terdapat error yang mungkin muncul saat melakukan Enable-Migrations,  dapat  terjadi karena beberapa alasan seperti:
  • wpfcontext yang mungkin typo dengan nama LatihanContext pada beberapa file. Seperti pada file saya awalnya terdapat LatihanContext pada file ItemPenjualanViewModel.cs
  • belum menambahkan pada reference aplikasi seperti pada gambar:

    jika tidak ada, dapat dicoba kembali dengan cara menginstall ulang MySQL Connector dan MySQL for Visual Studio pada MySQL Installer. 
  • Terdapat juga beberapa cara lain seperti yang terdapat pada stackoverflow ini.

Berikutnya jalankan Update-Database . 

Kemudian buka menu Tools > Connect to Database...  kemudian isikan sesuai dengan yang sudah diuat sehingga dapat tampil hingga seperti berikut ini:

lakukan  Test Connection untuk memastikan apakah database terhubung atau tidak, kemudian klik OK.

untuk melihat database, pilih menu  View > Server Explorer  pilih database hingga tabel bersangkutan. Klik kanan pada tabel dan pilih Retrieve Data seperti pada gambar berikut:

Maka akan tampil  data pada tabel seperti berikut:

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 2 PBKK B - .NET Framework

-
Gambar
  Program Hello World Menggunakan .NET Framework Berikut adalah langkah-langkah pembuatan Program "Hello World" dengan menggunakan .Net Framework : 1. Install Visual Studio 2019.     Sebelum membuat program menggunakan .NET sebelumnya kita harus install dulu IDE nya yaitu VIsual Studio Code 2019 Community yang dapat di download di  Link Ini . Setelah itu kita lakukan install dengan memilih library .NET Desktop Development :  Setelah itu tunggu hinga download dan install selesai.  2. Membuat Project Baru     Buka Visual Studio lalu pilih Create New Project , dan pilih yang WPF Aplication. Lalu tambahkan anam projectnya dan pilih directory untuk menyimpan project aplikasi. 3. Membuat Aplikasi "Hello World!".      Tampilan awal : Source Code :  MainWindow.xaml <Window x:Class= "Tugas_2.MainWindow" xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x= "http://schemas.microsoft.com/winfx/2006/xaml
Baca selengkapnya

Tugas - 6

-
Gambar
Membuat apliaksi sederhana dengan CodeIgniter Yang pertama di lakukan adalah melakukan instalasi XAMPP dan instalasi Code igniternya untuk sekrang  CI sudah terdapat yang versi 4. dan untuk tugas yang saya kerjakan ini saya akan menggunakn CI 4. langkah instalasi CI 4 : sebelumnya saya sudah menginstall composer. composer ini untuk mmepermudah dalam pembuatan project ci 4.  apabila sudah ada composer maka tinggal lakukan command  -  composer create - project codeigniter4 / appstarter  'nama-project' untuk nama-project ganti sesuai nama project kalian kali ini saya akan membuat online shop sederhana  apabila di buka dengan visual studio code maka tampilan akan seperti ini untuk menampilkan web yang kita buat lakukan command di terminal yaitu  -php spark serve dan menuju ke link yang di berikan hasil dari tampilan awal sekian dari saya
Baca selengkapnya