Flutter - Error Several variant outputs are configured to use the same file name

Hi programer hari ini saya membagikan infromasi penting saat menjalankan flutter pertama kali ke android emulator ini adalah pengalaman saya belajar flutter.

FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:packageDebug'. > Several variant outputs are configured to use the same file name "resources-debug.ap_", filters : MAIN:MAIN

Saya mendapat kesalahan yang sama saat mencoba mengintegrasikan FCM ke dalam aplikasi saya .. Masalahnya ada di file build yang lebih lama .. yaitu saat kita mengedit file Manifest, kita perlu membangun kembali proyek jadi ..

flutter clean flutter run

Baik sekian dulu tutorial untuk mengatasi masalah seperti diatas. Salam Programer

Sumbit form tanpa refresh page dengan javascripts

Helo kali ini saya akan share cara post form tanpa refresh page website dengan javascripts. Mungkin cara ini sudah banyak yang tahu tapi bagi yang baru belajar silakan simak artikel ini. Dalam sumbit form kita bisa lakukan tanpa javascripts cuma page akan di refresh dan memuat data ulang atau mendownload data-data ulang dari server sehingga membuat prosess menjadi lamat bahkan lama jika internet kalian lambat, tetapi kita bisa mengatasinya dengan mengunakan javascript berserta API json. tetapi disini kita hanya membahas sumbit nya saja. Sumbit dengan javasctipt ada dua cara. 

1. Bisa menggunakan form pembukan dan penutup seperti berikut:

<form id="formrvc">
    <div class="form-group">
        <label for="revenuecenter">Revenue Center Name</label>
        <input type="text" class="form-control norvc" placeholder="" name="revenuecenter">
    </div>
    <div class="form-group">
        <button class="btn btn-primary requestData">Request</button>
    </div>
</form>

Kemudian untuk javascript nya harus di tambahkan e.preventDefault() supaya form tidak refresh saat kita tekan sumbit.

$('#formrvc').on("click", ".requestData", function (e) {
   e.preventDefault();
   var Data = $(".norvc").val();
   alert("The following data would have been submitted to the server: \n\n" + Data);
 });

2. Tanpa mengunakan form seperti berikut ini:
   

<div class="form-group">
     <label for="revenuecenter">Revenue Center Name</label>
     <input type="text" class="form-control norvc" placeholder="" name="revenuecenter">
</div>
<div class="form-group">
     <button class="btn btn-primary requestData">Request</button>
</div>

Kemudian untuk javascriptnya agak berbeda sedikit kita tidak perlu mengunakan e.preventDefault() serta parsing formnya:

$('.requestData').on("click", function () {

    var Data = $(".norvc").val();
    alert("The following data would have been submitted to the server: \n\n" + Data);
 });

 

Dari kedua cara diatas hasilnya sama saja sekarang yang mana saja boleh digunakan saya bisanya menggunakan yang cara 2 tanpa form kemudia bisa pilih datanya mana saya yang diamabil untuk di prosess selanjutnya.

How to display data xml in datagridview c#

Cara baca data xml ke datagridviewc# sangatlah mudah pastikan kalian sudah memahami strucktur dari xml serta belajar LINQ atau perulangan didalam C# karena kita akan menggunakan ini dalam menampilkan data pada datagridview. Dalam membaca xml kita harus membaca element dari xml tersebut dengan mengunakan XElement. XElement merupakan class yang terdapat pada namespace System.Xml.Linq kalian bisa membaca lebih detail di website resmi microsoft disini. Disini saya mengunakan visual studio cummunity 2017 untuk pengerjaan kode ini seharus nya sama saja dari semua versi oke kita lanjut ke tutorial nya guess jangan lupa share ke teman-teman kalian yah.. :)

Berikut adalah contoh pengunaan element dalam membaca Data String XML

using System.Linq;
using System.Xml.Linq;

XElement doc = XElement.Parse(DataXML);
IEnumerable<XElement> Datas = doc.Elements();

Setelah membuat kode untuk membaca XML sekarang buat class property dari masing field yang ada di xml sebagai berikut:

class Test
    { 
        public string NameContact { get; set; }
        public string City { get; set; }
        public string PostCode { get; set; }
        public string Country { get; set; }
        public string Marital { get; set; }
        public string Food { get; set; } 
    }

Setelah membuat class property dari masing data field XML sekarang kita panggil supaya data xml di masukan kedalam class property sebagai berikut:

Pertama kalian bisa mengunkan LINQ seperti kode berikut:

List<Test> DataContact = new List<Test>();
if(Datas != null)
    {				
	DataContact = (from itm in Datas
		select new Test()
		{
		City = itm.Element("City").Value,
		Country = itm.Element("Country").Value,
		Food = itm.Element("Food").Value,
		Marital = itm.Element("Marital").Value,
		NameContact = itm.Element("Name").Value,
		PostCode = itm.Element("Post").Value
		}).ToList(); 
    }

Atau bisa menggunakan foreach loop tinggal di ganti saja code LINQ Diatas dengan kode berikut:

foreach (XElement itm in Datas)
	{
	DataContact.Add(new Test
		{
		City = itm.Element("City").Value,
		Country = itm.Element("Country").Value,
		Food = itm.Element("Food").Value,
		Marital = itm.Element("Marital").Value,
		NameContact = itm.Element("Name").Value,
		PostCode = itm.Element("Post").Value
                 });
	}

Setelah data sudah masuk kedalam class proeperty sekang kita bisa panggil sebagai data source dataset supaya bisa ditampilkan ke dalam DataGridView berikut adalah kode yang bisa kalian gunakan:

var source = new BindingSource
	{
	    DataSource = DataContact
	};
dataGridView1.AutoGenerateColumns = true;
dataGridView1.DataSource = source;

Berikut adalah kode string XML yang bisa kalian gunakan atau kalian bisa buat sendiri dengan xml generator atau bisa mengunakan REST API:

const string DataXML = @"<?xml version=""1.0"" encoding=""UTF-8"" ?>
	<Contact>
	    <record>
		<Name>Macon</Name>
		<City>Dunstable</City>
		<Post>59365</Post>
		<Country>Christmas Island</Country>
		<Marital>Single</Marital>
		<Food>pasta, cereals, salads</Food>
	    </record>
	    <record>
		<Name>Dillon</Name>
		<City>Castanhal</City>
		<Post>02127</Post>
		<Country>Libya</Country>
		<Marital>Common-Law</Marital>
		<Food>seafood, desserts</Food>
	    </record>
	</Contact>";

Disini saya mengunakan satu buah button BtnProcess_Click karena saya inggin data di process saat click button:

Ok sekian dulu yah guess tutorials nya semoga bermanfaat jika ada pertanyaan silakan komen di kolom komentar pasti saya akan balas yah guess. bye bye bye....

Belajar Javascripts Bagi Pemula

Javascripts adalah sebuah bahasa pemrograman web yang bisa memanipulasi tag element yang terdapat pada halaman website. Javascripts bisa berjalan pada browser tanpa perlu compiler seperti php, java dan lain sebagainya. Mempelajari javascripts sangat mudah dan gampang bagi yang belum paham pemrograman sekalipun. Penerapan javascripts sering sekali kita lihat pada pembuatan game serta tampilan website guna mempercantik halaman website.

Dalam penulisan scripts javascript harus di awali dengan open tag javascript seperti sample code dibawah ini:

<script type="text/javascript">
Your JavaScript code
</script>

JavaScript adalah salah satu dari 3 bahasa yang harus dipelajari semua pengembang web:

1. HTML untuk mendefinisikan konten halaman web
   
2. CSS untuk menentukan tata letak halaman web
   
3. JavaScript untuk memprogram perilaku halaman web

Halaman web bukan satu-satunya tempat di mana JavaScript digunakan. Banyak program desktop dan server menggunakan JavaScript. Mempelajari javascript sangat berguna untuk menguasai pemrograman yang lebih advance seperti pada NodeJs karena dalam mengunakan nodejs semuanya harus ditulis dalam javascript, penulisan javascript sekarang banyak sekali seperti dalam ReactJs, VeuJs bahkan Angular. Bahkan dalam beberapa database yang baru sudah mengunakan penulisan JavaScript seperti MongoDB and CouchDB.

APAKAH KAMU TAHU?

JavaScript dan Java adalah bahasa yang sama sekali berbeda, baik dalam konsep maupun desain. JavaScript ditemukan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997. ECMA-262 adalah nama resmi standar. ECMAScript adalah nama resmi bahasa tersebut.

Kalian sudah tahu open tag yang digunakan sebelum memulai menulis script javascript diatas tapi ada cara lain juga dalam menulis javascript, dimana script bisa langsung disisipkan pada element html seperti button, txt dan lainnya dengan mengunakan salah satu function dari javascript yang ada pada browser seperti getElementById() ini adalah function yang bisa untuk mengambil element berdasarkan ID yang ada pada HTML, berikut adalah contoh kodenya:

document.getElementById("demo").innerHTML = "Hello JavaScript!"

Berikut adalah kode lengkap dalam penulisan javascript tanpa open tag script seperti diatas.

<!DOCTYPE html>
<html>
<body>

<h2>Hai Saya Sedang Belajar JavaScripts</h2>
<p id="demo">Halo Dunia.</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Halo JavaScript!"'>Tekan Saya!</button>

</body>
</html>

Baik sekian dulu menu pembuka dari belajar javascript nanti kita lanjut ketahap yang lebih seru lagi dari javascript. Bye guesss...