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

Designing Database pada Aplikasi Ur-Building

Membuat aplikasi yang mampu memberikan informasi yang tepat, tak lepas dari perancangan database yang baik. Karena database merupakan media penyimpanan informasi tersebut. Perancangan database yang baik akan mudah menghasilkan query-query informasi yang baik pula. keterkaitan antara satu tabel dengan tabel lain nya sangat penting. Berikut adalah database pada aplikasi ur-Building:

Pada aplikasi ini, kami memiliki 6 buah tabel, yang nanti nya akan dapat berkembang kembali sesuai dengan fitur yang telah kami kembang kan. Berikut penjelasan masing-masing tabel:

1. T_USER
Merupakan sebuah tabel yang menyimpan informasi pengguna, t_user merupakan tabel yang erat kaitan nya dengan manajemen user nantinya.

2. T_BUILDING
Merupakan sebuah tabel yang berfungsi untuk menyimpang informasi-informasi umum pada sebuah gedung, informas-informasti tersebut seperti alamat, deskripsi, nomor telpon, dll.

3. T_REVIEW
Merupakan sebuah yang berfungsi untuk menyimpan semua ulasan atau komentar dan juga menyimpan nilai rating yang diberikan oleh pengguna untuk sebuah gedung, Nilai ini nanti nya akan diolah untuk memberikan rekomendasi tempat yang paling banyak dikunjungi.

4. T_PHOTO
Pada dasarkan database ini untuk menyimpan path foto yang telah di upload oleh user, sehingga nanti nya bisa ditampilkan pada halaman gedung tersebut.

5. T_TRANSPORT
Merupakan sebuah tabel sederhana untuk menyimpan data angkutan umum sederhana, untuk membantu pengguna menuju sebuah tempat.

6. T_EVENT
Merupakan tabel yang menyimpan semua inputan atau informasi pengguna mengenai suatu event di tempat tersebut. Event2 ini nanti nya akan ditampilkan pada halaman ur-Building.

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

Encode Json dengan ASP.NET tanpa MVC

Encode Json dengan ASP.NET tanpa MVC

JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. JSON merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data.

Dalam tutorial ASP.NET yang beredar, sering disebutkan bahwa jika ingin encode atau serialize json dengan ASP.NET dicontohkan dengan menggunakan project MVC 4. Namun dalam artikel ini kita menggunakan project Web Form asp yang biasa digunakan.

Idenya adalah mengambil data pada database (SQL Server) lalu kita encode setiap data yang diambil. Sehingga data hasil encode json dapat digunakan untuk aplikasi server side yang lainnya. Code yang digunakan adalah sebagai berikut.

public class ForumThread

{

public string Judul { get; set; }

public string Isi { get; set; }

}

public class JsonHelper

{

/// <summary>

/// JSON Serialization

/// </summary>

public static string JsonSerializer<T>(T t)

{

DataContractJsonSerializer ser = new DataContractJsonSerializer(typeof(T));

MemoryStream ms = new MemoryStream();

ser.WriteObject(ms, t);

string jsonString = Encoding.UTF8.GetString(ms.ToArray());

ms.Close();

return jsonString;

}

/// <summary>

/// JSON Deserialization

/// </summary>

public static T JsonDeserialize<T>(string jsonString)

{

DataContractJsonSerializer ser = new DataContractJsonSerializer(typeof(T));

MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(jsonString));

T obj = (T)ser.ReadObject(ms);

return obj;

}

}

protected void Page_Load(object sender, EventArgs e)

{

string SuryoCon = WebConfigurationManager.ConnectionStrings["KoneksiForum"].ConnectionString;

SqlConnection con = new SqlConnection(SuryoCon);

SqlCommand com = new SqlCommand("select * from Post_Thread",con);

con.Open();

SqlDataReader rd;

rd = com.ExecuteReader();

int i = 1;

Response.Write(Request.QueryString["jsoncallback"] + "([");

while (rd.Read())

{

if (i > 1) { Response.Write(","); }

ForumThread p = new ForumThread();

p.Judul = rd["judul"].ToString();

p.Isi = rd["isi"].ToString();

string jsonString = JsonHelper.JsonSerializer<ForumThread>(p);

Response.Write(jsonString);

i++;

}

Response.Write("]);");

}

Hasil encode pada web akan muncul sebagai berikut :

Data-data tersebutlah yang akan di parsing dalam aplikasi serverside lainnya. Terima kasih.

Read More