Sisi Frontend pada Cloud Apps Location Based Ur-Building

Frontend merupakan bagian dari sebuah website yang merupakan halaman yang dapat diakses oleh semua pengunjung. Frontend akan menampilkan informasi-informasi umum untuk pengguna. Informasi yang tersedia pada sisi frontend aplikasi ur-Building adalah halaman utama, top ten recommended building, upcoming events, recommended building, ur-review, dan lain lain. Berikut penjelasan dari masing-masing bagian:

1. Halaman Utama

Harus menarik dan mampu memberikan informasi fitur sebuah website merupakan syarat yang harus dimiliki tampilan utama sebuah website. Pada halaman utama aplikasi Ur-Building terdiri dari slide gambar yang memberikan informasi kegunaan website. Memiliki fitur search, rekomendasi gedung, serta dapat menampilkan acara-acara dan sosial media, menjadi nilai tambah untuk halaman utama aplikasi Ur-Building.

2. Tampilan top recommended building Pengguna tentu nya ingin mengunjungi tempat-tempat yang mempunyai rekomendasi terbaik, untuk itulah aplikasi Ur-Building menyediakan fitur top recommended building agar menjadi rekomendasi bagi pengguna

 3. Tampilan Upcoming Events

Informasi acara pada suatu tempat tentu sangat penting, karena para pengguna tentunya ingin mendatangi tempat tersebut pada saat banyak events atau acara yang berlangsung

4. Tampilan Recommended Building

Rekomendasi menjadi sebuah acuan bagi pengguna dalam melihat gedung tersebut, rekomendasi yang baik tentunya membuat tempat tersebut ingin lebih dikunjungi oleh pengguna. Halaman Recommended Building disediakan untuk menampilkan detail informasi dari gedung yang paling direkomendasikan.   

 5. Tampilan Google Maps pada aplikasi Ur-Building
Peta merupakan alat bantu dalam menyampaikan suatu informasi keruangan. Peta juga digunakan untuk membantu pengguna jika, alamat pada sebuah tempat terlalu susah untuk dicari. Pemilihan Google Maps sendiri berdasarkan data yang dimiliki sudah mencakup seluruh kota besar di indonesia

 6. Tampilan Google directions sbg Penunjuk arah

Melihat peta saja dirasa tidak cukup bagi mereka yang merupakan pendatang didaerah lain. Untuk membantu pengguna menuju sebuah tempat aplikasi Ur-Building juga menggunakan Google Directions untuk membantu pengguna dalam mencapai sebuah tempat.

 

Read More

Video Tutorial: Menampilkan Google Directions di asp.net c# pada Aplikasi Ur-Building

Google directions digunakan untuk mencari arah, atau menunjukan arah menuju ke sebuah tempat. Aplikasi ur-building memanfaatkan nya sebagai bantuan untuk pengguna menuju ke lokasi tersebut. berikut langkah-pengaplikasian nya pada asp.net c#:

1. Kita harus menyediakan library GMaps.dll terlebih dahulu
2. Setelah Library nya telah kita dapati, dan kita letakan di dalam project kita, maka selanjut nya adalah meregister gmaps library tersebut.

<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>

3. Kita harus menampilkannya dihalaman dengan menggunakan tags berikut

4. Kita harus menginclude kan header2 nya di fungsi cs nya.

using Subgurim.Controles;

5. Memanggil nama tempat dan tujuan tempat tersebut dan meletakan nya di variabel tb_frompoint dan tb_endpoint

////baris dibawah ini untuk melakukan direction pada googlemaps 
            GDirection direction = new GDirection();
            direction.autoGenerate = false;
            direction.buttonElementId = "bt_Go"; //bt_Go adalah button, sama seperti fungsi event button
            direction.fromElementId = tb_fromPoint.ClientID; //mengambil nilai awal A dari textboxt tb_fromPoint
            direction.toElementId = tb_endPoint.ClientID; //mengambil nilai awal B dari textboxt tb_endPoint
            direction.divElementId = "div_directions";
            direction.clearMap = true;
            // Optional
            // direction.locale = "es-ES";
            GMap2.Add(direction);//membuat direction

berikut ini adalah video tutorial nya:

Read More

Tutorial Video: Menampilkan Google Maps pada Asp.net c# di aplikasi Ur-Building

Peta merupakan gambaran permukaan bumi yang dilihat dari atas, peta membantu kita dalam menemukan sebuah tempat. Berdasarkan hal-hal tersebut lah aplikasi ur-building menggunakan peta, sehingga nantinnya diharapkan dapat  membantu pengguna sebagai referensi jika alamat tempat tersebut susah ditemukan. Google maps dijadikan pilihan karena ketersedia peta untuk wilayah indonesia sudah sangat lengkap. terutama kota2 besar di indonesia.

Berikut ini adalah langkah-langkah untuk menampilkan google maps pada asp.net c#:

1. Kita harus menyediakan library GMaps.dll terlebih dahulu
2. Setelah Library nya telah kita dapati, dan kita letakan di dalam project kita, maka selanjut nya adalah meregister gmaps library tersebut.

<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>

3. Kita harus menampilkannya dihalaman dengan menggunakan tags berikut

4. Kita harus menginclude kan header2 nya di fungsi cs nya.

using Subgurim.Controles;

5. Memanggil nama tempat dan meletakan nya di variabel streetaddress

///Baris program dibawah ini untuk menampilkan peta lokasi gedung///////
        string sStreetAddress = null;
        Subgurim.Controles.GeoCode GeoCode = default(Subgurim.Controles.GeoCode);
        sStreetAddress = nama_gedung.Text;//Mengisi lokasi gedung yang di ambil dari label nama_gedung
        GeoCode = GMap1.geoCodeRequest(sStreetAddress);//pass your city name in the geo code request it return geo code 
        Subgurim.Controles.GLatLng gLatLng = new Subgurim.Controles.GLatLng(GeoCode.Placemark.coordinates.lat, GeoCode.Placemark.coordinates.lng);//Add that geo code in
        GMap1.setCenter(gLatLng, 16, Subgurim.Controles.GMapType.GTypes.Normal);//Set center of map based on latitude and longitude coordinates
        Subgurim.Controles.GMarker oMarker = new Subgurim.Controles.GMarker(gLatLng);
        GMap1.addGMarker(oMarker);//Bind that marker data in google map

berikut adalah video tutorial nya:

Read More

Tutorial Video: Membuat Fitur list Top ten recommended building pada aplikasi Ur-building

Rekomendasi menjadi sebuah hal yang dapat menarik minat pengguna kedalam aplikasi kita, karena dapat membantu mereka memilih mana yang seharusnya mereka dahulukan. Pada aplikasi Ur-Building hal tersebut juga menjadi hal yang harus disertakan. berikut langkah-langkah nya:

1. Membuat listview terlebih dahulu

2. Membuat data source nya

3. Membuat design didalam listview nya untuk ditampilkan
Pada bagian Layouttemplate berfungsi untuk mengatur datapager. Data Pager adalah fungsi untuk membatas jumlah item yang akan ditampilkan di di aplikasi. Sedangkan pada tags itemtemplates berfungsi untuk meletakan design yang ingin ditampilkan, disini lah anda meletakan css atau html guna memperbaiki tampilan.

                               
                    
                    


                    
                                        
                                            
                                            
                                        
                                    
                                

                    
                    
     





       


  
                            

                            
 Review



                    
                     No data
                    
                

Berikut ini adalah video nya:

Read More

Tutorial Video: Membuat Upcoming Event pada Aplikasi Ur-Building

ASP.net dengan c# merupakan kombinasi sempurna, heheh. Setidak nya itu lah yang saya rasakan. Walapun saya baru saja mempelajari bahas pemrograman ini hanya dalam waktu 6 minggu, tapi itu tak menyurutkan niat saya  untuk  menyempurnakan lagi aplikasi saya.

Kali ini saya akan membagi tutorial mengenai pemanfaatan listview pada asp.net c# untuk membuat upcoming event. Dimana data upcoming event didapat dari query sql.

Langkah-langkah yang harus dibuat:
1. Membuat listview pada halaman asp anda.

2. Melakukan configure datasource nya

 

3. Mengedit isi dari tampilan yang akan ditampilkan pada listview

 

berikut tutorial video nya

Read More

Tutorial Video: Membuat Halaman Recommended Building pada Ur-Building

Membuat halaman recommended building bisa dibilang gampang-gampang susah, gampang kalau telah memahami asp.net dan juga c#. Recommended building merupakan building atau tempat yang mempunyai nilai tertinggi. Nilai ini diambil dari nilai review pada gedung tersebut yang dijumlahkan dan di urutkan berdasarkan yang paling besar. Nilai yang paling besar lah yang diambil dan ditampilkan.

Langkah-langkah nya adalah:
1. Membuat sebuah query yang mencari nilai tersebut.

2. Memanggil hasil query tersebut

Berikut Video Tutorial nya:

Read More

Aplikasi Location Based: Ur-Building

Aplikasi Ur-Building merupakan aplikasi berdasarkan tempat atau lebih tepatnya location based.
Aplikasi berangkat dari permasalahan bahwa susah nya pagi pendatang atau orang lain dalam menemukan sebuah tempat. Aplikasi ini hadir sebagai jawaban dari permasalahan tersebut.

Apa sih fitur aplikasi ini?
Aplikasi ini mengisi contentnya dengan menggunakan sistem UGC atau user generate content. Jadi pengguna lah yang mengisi aplikasi ini untuk disharing dan digunakan bersama. Content2 yang di isi adalah Ulasan atau review, photo, event, dan juga transportation. Ke empat aspek ini diambil berdasarkan kebutuhan dasar atas informasi.

Apa kegunaan aplikasi ini?
Aplikasi ini mampu memberikan gambaran bagi anda mengenai suatu tempat atau lebih tepat nya sebuah gedung. Aplikasi ini mampu meberikan anda ulasan dan komentar dari pengguna lain, aplikasi mampu membantu anda untuk melihat event ditempat tersebut, aplikasi ini mampu menunjukan anda arah ketempat tersebut, aplikasi ini mampu memberikan anda pilihan transportasi yang akan digunakan.

Kedepan nya aplikasi ini akan seperti apa sih?
Aplikasi ini kedepannya diharapkan dapat menjadi sebuah directory location based indonesia yang menyimpan beribu tempat di indonesia, menjadi suatu guide dalam mengunjungi tempat lain, dan diharapkan aplikasi ini nantinya dapat bekerja sama dengan berbagai Event organizer dan juga pengusaha transportasi seperti city trans atau cipaganti yang kesemua akan memanjakan pengguna.

Read More

Pengaturan IIS7.5 pada windows Seven

Ketika kita telah melakukan penginstalan terhadap visual studio ultimate atau sql server 2008, biasanya pada windows seven kita telah terinstall juga IIS7.5. Namun feature ini belum diaktifkan. Berikut Tutorial Video nya untuk melakukan settingan tersebut.

Read More