Bing Maps and OData (part 3)

Navigation

Pada postingan pertama saya tentang Bing Maps dan OData, saya sudah menjelaskan secara garis besar tentang apa itu OData. Pada postingan yang kedua, saya sudah menjelaskan bagaimana membuat sebuah service untuk mengkonsumsi data dari OData. Nah, pada postingan saya yang ketiga ini, saya akan menjelaskan tentang pembuatan ViewModel dan MEF (Managed Extensibility Framework) yang saya gunakan dalam aplikasi ini.

Model-View-ViewModel Design Pattern

Model-View-ViewModel merupakan sebuah pola arsitektur yang digunakan dalam software engineering yang dibuat oleh Microsoft. Model MVVM ini sebenarnya berasal dari model MVC (Model-View-Controller), dimana MVVM lebih ditujukan untuk UI development platform yang modern seperti WPF (Windows Presentation Foundation) dan Silverlight.

Bahasa gampangnya, MVVM ini digunakan untuk memfasilitasi para programmer dalam membangun logic dari sebuah aplikasi dan para designer dalam membuat UX agar mereka dapat bebas berkreasi tanpa harus saling bergantung antar satu sama lainnya.

Pada aplikasi ini, saya memiliki sebuah Model yaitu DinnerViewModel.cs dan sebuah ViewModel yaitu NerdDinnerViewModel.cs. Dalam DinnerViewModel.cs, terdapat objek-objek dari elemen Dinner seperti Title, Location, Address, dll. Sedangkan di dalam NerdDinnerViewModel.cs terdapat fungsi LINQ untuk mengquery Dinner yang didapatkan dengan memanfaatkan service yang telah kita buat pada postingan saya sebelumnya.

Secara keseluruhan, DinnerViewModel.cs akan berisi kode-kode seperti berikut.

        1: using System;

       2: using BingMapsOData.NerdDinnerClient;

       3: using Microsoft.Maps.MapControl;

       4:  

       5: namespace BingMapsOData.ViewModels

       6: {

       7:     public class DinnerViewModel

       8:     {

       9:         public Location Location { get; set; }

        public string Title { get; set; }

        public string Description { get; set; }

        public DateTime Date { get; set; }

        public string Address { get; set; }

        public string HostedBy { get; set; }

        public int Attendees { get; set; }

        public string Phone { get; set; }

        public int DinnerId { get; set; }

  

        public DinnerViewModel(Dinner d)

        {

            Title = d.Title;

            Location = new Location() { Latitude = d.Latitude, Longitude = d.Longitude };

            Address = d.Address;

            HostedBy = d.HostedBy;

            Attendees = d.RSVPs.Count;

            Description = d.Description;

            Date = d.EventDate;

            Phone = d.ContactPhone;

            DinnerId = d.DinnerID;

        }

    }

}

Sedangkan dalam NerdDinnerViewModel.cs akan berisi kode-kode berikut.

       1: using System;

       2: using System.Collections.Generic;

       3: using System.ComponentModel.Composition;

       4: using System.Linq;

       5: using BingMapsOData.NerdDinnerClient;

       6: using BingMapsOData.Services.Data;

       7:  

       8: namespace BingMapsOData.ViewModels

       9: {

    /// <summary>

    /// View model for the nerd dinner

    /// </summary>

    public class NerdDinnerViewModel : ViewModelBase

    {

        #region Methods

  

        /// <summary>

        /// Set the default values

        /// </summary>

        private void InitializeDefaults()

        {

            From = DateTime.Now.Subtract(new TimeSpan(12, 0, 0));

            To = DateTime.Now.AddMonths(1);

            OnPropertyChanged("From");

            OnPropertyChanged("To");

        }

  

        /// <summary>

        /// Ctor

        /// </summary>

        public NerdDinnerViewModel()

        {

            CompositionInitializer.SatisfyImports(this);

            InitializeDefaults();

  

            Service.DinnersChanged += (dinners) =>

            {

                _dinners = dinners;

                Status = " | " + dinners.Count() + " Dinners from " + From.ToLongDateString() + " To " + To.ToLongDateString();

                OnPropertyChanged("Dinners");

            };

        }

  

        /// <summary>

        /// Execute the service query to return the dinners

        /// </summary>

        public void QueryDinners()

        {

            Service.QueryDinners(From, To);

            Status = " | Loading Dinners, Have a cup of tea..";

        }

  

        #endregion

  

        #region Bindable Properties

  

        private IEnumerable<Dinner> _dinners = new List<Dinner>();

  

        private string _status = string.Empty;

        public string Status

        {

            get

            {

                return _status;

            }

            set

            {

                _status = value;

                OnPropertyChanged("Status");

            }

        }

  

        public IEnumerable<DinnerViewModel> Dinners

        {

            get

            {

                var items = from d in _dinners

                            select new DinnerViewModel(d);

                return items;

            }

        }

  

        public DateTime From { get; set; }

        public DateTime To { get; set; }

  

        #endregion

  

        #region Imported Services

  

        [Import(typeof(INerdDinnerService))]

        public INerdDinnerService Service { get; set; }

  

        #endregion

    }

}

Mungkin sekarang timbul pertanyaan. Pada part 2, terdapat [Export(typeof(INerdDinnerService))] lalu pada postingan kali ini terdapat [Import(typeof(INerdDinnerService))]. Sebenarnya itu buat apaan sih? Oke, sekarang juga akan saya jelaskan.

Managed Extensibility Framework

Managed Extensibility Framework atau MEF merupakan sebuah library untuk membuat sebuah aplikasi yang ringan dan extensible. MEF memungkinkan para developer untuk membuat extension-extension dari aplikasi tanpa konfigurasi apapun. Selain itu, dengan menggunakan MEF, extension-extension tersebut tidak hanya bisa di re-use dalam sebuah aplikasi tetapi juga dapat digunakan dalam aplikasi lain. MEF ini sudah include di dalam .NET Framework 4 dan Silverlight 4.