Demo Aplikasi IOAA

Ini adalah Demo Video Aplikasi International Olympiad on Astronomy and Astrophysics berbasis Desktop (IOAA). Berikut video demonya.

Demo Aplikasi di Fakultas Astronomy ITB

Assalamualaikum,,

Pada bebrapa minggu yang lalu, kamu dari Tim Tugas Akhir International INTERNATIONAL OLYMPIADS ON ASTRONOMY AND ASTROPHYSICS (IOAA) melakukan demo aplikasi sekaligus sosialisasi kepada dosen-dosen, staf IT dan mahasiswa fakultas astronomi Institut Teknologi Bandung (ITB). Kami melakukan demo ini adalah bertujuan untuk supaya mahasiswa astronomy bisa mengenal aplikasi ini, dan biar bisa memberikan masukan kepada kami . setelah melakukan beberapa persiapan yang dimulai pada jam 10. dan alhasil ternya acaranya berjalan dengan lancar, dan alhamdulilah ikut hadir juga para dosen besar astronomy, dan beliau banyak memberikan masukan kepada kami guna untuk menyempurnakan aplikasi yang kami buat. dan pada acara ini juga termasuk salah satu penggunaan infocus terbanyak. Ucapan terima kasih kepada bapak Dr. Chatief Kunjaya, M.Sc, yang selaku project manager dalam pembuatan aplikasi ini, yang telah banyak memberikan saran, masukan dan kepercayaan kepada kami, dan semua itu kami jadikan pembelajaran dan penyempurnaan untuk aplikasi IOAA ini, dan kami dari kelompok Tim Tugas Akhir IOAA berharap semoga aplikasi ini bisa dipakai di kancah international.

Beriku adalah salah satu Screenshoot pada saat persentasi :

Sekian dan Terima Kasih.

Pengertian Olimpiade

Olimpiade adalah event internasional utama, dengan olahraga musim panas dan musim dingin, ketika ribuan atlet berpartisipasi dalam berbagai lomba olahraga. Olimpiade diadakan setiap dua tahun di tahun genap, dengan Olimpiade, musim panas dan musim dingin bolak, Olimpiade diadakan setiap empat tahun di bawah permainan musiman mereka. Awalnya, olimpiade kuno merupakan permainan yang diadakan di Olympia, Yunani pada abad kedelapan SM untuk abad kelima Masehi. Pada abad kesembilan belas, Baron Pierre de Coubertin mendirikan komite Olimpiade Internasional (IOC) pada tahun 1894. IOC telah menjadi badan gerakan olimpiade, yang strukturnya dan tindakan didefinisikan oleh piagam olimpiade.

Evolusi dari Olympic Movement pada abad kedua puluh dipaksa IOC untuk mengadaptasi game ke dunia perubahan keadaan sosial. Beberapa penyesuaian termasuk penciptaan olahraga olimpiade musim dingin es dan salju, Para olimpiade untuk atlet dengan cacat fisik dan Youth Olympic Games untuk atlet remaja. IOC juga harus mengakomodasi permainan ke variabel ekonomi yang berbeda, realitas politik dan teknologi dari abad kedua puluh. Akibatnya, olimpiade berpaling dari amatirisme murni, yang diusulkan oleh coubertin, untuk memungkinkan atlet profesional. Semakin pentingnya media menciptakan masalah sponsor perusahaan dan pemasaran olimpiade.

Gerakan olimpiade saat ini terdiri dari federasi olahraga internasional, nasional olimpiade komite (NOC) dan komite pengorganisasian untuk setiap olimpiade tertentu. Sebagai badan pengambilan keputusan, IOC bertanggung jawab untuk memilih kota tuan rumah untuk setiap masalah. Kota tuan rumah bertanggung jawab untuk mengatur dan pendanaan kesimpulan dari permainan konsisten dengan piagam olimpiade. Program olimpiade, yang merupakan olahraga yang dimainkan pada setiap olimpiade, juga ditentukan oleh IOC. Perayaan games meliputi ritual dan simbol, seperti obor dan bendera olimpiade dan upacara pembukaan dan penutupan. Ada lebih dari 13.000 atlet berkompetisi di olimpiade musim dingin dan di 33 olahraga yang berbeda dengan sekitar 400 acara. Para finalis dari tempat pertama, kedua dan ketiga dalam acara masing-masing menerima medali olimpiade emas, perak dan perunggu masing-masing.

Games telah tumbuh dalam skala ke titik hampir semua negara yang diwakili. Pertumbuhan ini telah menciptakan berbagai tantangan, termasuk boikot, doping, korupsi pejabat publik dan terorisme. Setiap dua tahun, Olimpiade dan liputan media yang menyediakan atlet tidak diketahui kesempatan untuk mencapai ketenaran nasional dan, dalam kasus khusus, ketenaran internasional. Games juga menyediakan kesempatan yang penting untuk kota dan negara untuk mempromosikan dan menunjukkan kepada dunia.

Konsumsi data JSON Pada ASP.NET MVC 4 & Jquery Secara Realtime

Controller

1:   //Controller membuat Json ke String untuk membuat variable/paremeter Object Json ke Html  
2:      public ActionResult DataGrade()  
3:      {  
4:        var client = new WebClient();  
5:        client.Headers.Add("User-Agent", "Nobody");  
6:        var json = client.DownloadString(new Uri("http://localhost:7794/GetUser.svc/getJson"));  
7:        ViewBag.Json = json.ToString();  
8:        return PartialView("_PartialUserGrade");  
9:      }  

PartialView

1:  <table id="table-user" style="width:95%">  
2:    <tr><th colspan="5">Participant Grade</th></tr>  
3:    <tr><td colspan="5"></td></tr>  
4:   <tr>  
5:      <th>ID</th>  
6:      <th>Name</th>  
7:      <th>College</th>  
8:      <th>Country</th>  
9:      <th>Grade</th>  
10:    </tr>  
11:  </table>  
12:  @Scripts.Render("~/bundles/jquery")  
13:  @Scripts.Render("~/bundles/json2html")  
14:  @Scripts.Render("~/bundles/custom")  
15:  <script>  
16:    getUserAll(@Html.Raw(@ViewBag.Json));  
17:  </script>  

View : index.cshtml

1:  @{  
2:    ViewBag.Title = "Welcome IOAA";  
3:  }  
4:  @section hero {  
5:    <section class="hero">  
6:      <div class="container">  
7:        <h1>  
8:          <span class="line-one">International Olympiad of Astronomy and Astrophysics</span>  
9:        </h1>  
10:        <a href="#" class="call-button">@ViewBag.Title</a>  
11:      </div>  
12:    </section>  
13:  }  
14:  <br />  
15:  <div id="data">  
16:  </div>  
17:  <script type="text/javascript">  
18:    $(document).ready(function () {  
19:      var j = jQuery.noConflict();  
20:      j(document).ready(function () {  
21:        j("#data").everyTime(10000, function (i) {  
22:          j.ajax({  
23:            url: "/Home/DataGrade/",  
24:            cache: false,  
25:            success: function (html) {  
26:              j("#data").html(html);  
27:            }  
28:          })  
29:        })  
30:      });  
31:    });  
32:  </script>  

Membuat Data dalam format JSON menggunakan WCF

Membuat Project WCF pada Visual Studio 2012

sourcecode : GetUser.svc.cd

1:  using System;  
2:  using System.Data;  
3:  using System.Collections.Generic;  
4:  using System.Linq;  
5:  using System.Runtime.Serialization;  
6:  using System.ServiceModel;  
7:  using System.ServiceModel.Activation;  
8:  using System.Text;  
9:  using System.Data.SqlClient;  
10:  using System.ServiceModel.Web;  
11:  namespace JsonWcfService  
12:  {  
13:  public class GetUser : IGetUser  
14:    {  
15:    [WebInvoke(Method = "GET",  
16:            ResponseFormat = WebMessageFormat.Json,  
17:            RequestFormat = WebMessageFormat.Json,  
18:            BodyStyle = WebMessageBodyStyle.Wrapped,  
19:            UriTemplate = "GetJson")]  
20:      public List<User> GetUserGrade()  
21:      {  
22:        List<User> mylist = new List<User>();  
23:        using (SqlConnection conn = new SqlConnection("server=(local);database=osn2013;Integrated Security=SSPI;"))  
24:        {  
25:          conn.Open();  
26:          string cmdStr = String.Format("SELECT * FROM View_UserGrade ORDER BY Grade DESC");  
27:          SqlCommand cmd = new SqlCommand(cmdStr, conn);  
28:          SqlDataReader rd = cmd.ExecuteReader();  
29:          if (rd.HasRows)  
30:          {  
31:            while (rd.Read())  
32:            {  
33:              mylist.Add(new User(  
34:                rd.GetString(0),   
35:                rd.GetString(1),   
36:                rd.GetString(2),   
37:                rd.GetString(3),   
38:                rd.GetInt32(4)  
39:                ));  
40:            }  
41:          }  
42:          conn.Close();  
43:        }  
44:        return mylist;  
45:      }  
46:    }  
47:    [DataContract]  
48:    public class User  
49:    {  
50:      [DataMember]  
51:      public string userid{ get; set; }  
52:      [DataMember]  
53:      public string name{ get; set; }  
54:      [DataMember]  
55:      public string country { get; set; }  
56:      [DataMember]  
57:      public string college { get; set; }  
58:      [DataMember]  
59:      public int grade { get; set; }  
60:      public User(string UserID, string Name, string Country, string Collage, int Grade)  
61:      {  
62:        userid = UserID;  
63:        name = Name;  
64:        country = Country;  
65:        college = Collage;  
66:        grade = Grade;  
67:      }  
68:    }  
69:  }  

1:  using System.IO;  
2:  using System.Collections.Generic;  
3:  using System.Linq;  
4:  using System.Web;  
5:  using System.Runtime.Serialization;  
6:  using System.ServiceModel;  
7:  namespace JsonWcfService  
8:  {  
9:    [ServiceContract]  
10:    public interface IGetUser  
11:    {  
12:      [OperationContract]  
13:      List<User> GetUserGrade();  
14:    }  
15:  }  

sourcecode: webconfig.config

1:  <?xml version="1.0"?>  
2:  <configuration>  
3:   <system.web>  
4:    <compilation debug="true" targetFramework="4.0" />  
5:    <authentication mode="None" />  
6:   </system.web>  
7:   <system.serviceModel>  
8:    <serviceHostingEnvironment aspNetCompatibilityEnabled="false"/>  
9:    <standardEndpoints>  
10:     <webScriptEndpoint>  
11:      <standardEndpoint name="" crossDomainScriptAccessEnabled="true"/>  
12:     </webScriptEndpoint>  
13:    </standardEndpoints>  
14:    <bindings>  
15:     <webHttpBinding>  
16:      <binding name="NewBinding0" />  
17:     </webHttpBinding>  
18:    </bindings>  
19:    <services>  
20:     <service behaviorConfiguration="EmpServiceBehaviour" name="JsonWcfService.GetUser">  
21:      <endpoint address="" behaviorConfiguration="web" binding="webHttpBinding"  
22:       bindingConfiguration="NewBinding0" contract="JsonWcfService.IGetUser" />  
23:     </service>  
24:    </services>  
25:    <behaviors>  
26:     <endpointBehaviors>  
27:      <behavior name="web">  
28:       <webHttp defaultOutgoingResponseFormat="Json" />  
29:      </behavior>  
30:     </endpointBehaviors>  
31:     <serviceBehaviors>  
32:      <behavior name="EmpServiceBehaviour">  
33:       <serviceMetadata httpGetEnabled="true" />  
34:       <serviceDebug includeExceptionDetailInFaults="false" />  
35:      </behavior>  
36:      <behavior name="">  
37:       <serviceMetadata httpGetEnabled="true" />  
38:       <serviceDebug includeExceptionDetailInFaults="false" />  
39:      </behavior>  
40:     </serviceBehaviors>  
41:    </behaviors>  
42:   </system.serviceModel>  
43:   <system.webServer>  
44:    <modules runAllManagedModulesForAllRequests="true"/>  
45:   </system.webServer>  
46:  </configuration>  

Membuat Query View SQL 2008 untuk menampilkan data participant grade

View/Query View

View adalah tabel virtual yang isinya didefinisikan oleh query database. View bukanlah sebuah tabel fisik, tetapi sekumpulan instruksi yang menghasilkan sekumpulan data.

Keuntungan Menggunakan View

1. Membatasi akses data
2. Menyediakan data yang independen
3. Menampilkan view yang berbeda-beda dengan data yang sama
4. Memudahkan query yang kompleks

Membuat View di SQL SERVER 2008

langkah yang pertama adalah masuk kedalam database sql server 2008 dan pilih database, berikutnya pada direktori view pilih dan klik kanan seperti screen shoot dibawah ini:

setelah melakukan langkah di atas akan menampilkan popup window untuk memilih tabel, pada gambar dibawah ini saya akan memilih 2 tabel yang akan dijadikan view

pada langkah berikutnya yaitu memilih field yang terdapat dalam tabel untuk ditampilkan dan dibagian wah ketika kita memilih secara otomatis mengenerate script query

setelah menentukan field kita dapat melihat hasil nya dengan cara klik "Execute SQL"