[Download] Dokumentasi Lengkap Mac Muc

download
Preview Version
Dokumentasi Lengkap Mac Muc (mobile-based application for Manchester United community).
Dokumentasi ini berisi deskripsi mengenai aplikasi ini serta resume mulai dari laporan tahap 1 s/d 3.

[Download] Mac Muc Application

Mac Muc merupakan singkatan serta filosofis dari mobile-based application for manchester united community. Sesuai dengan namanya aplikasi ini berbasis mobile, atau dengan kata lain dioperasikan pada suatu perangkat genggam. Aplikasi ini khusus ditujukan kepada penggemar Manchester United yang berstatus sebagai mahasiswa IT Telkom.
Kegunaan aplikasi ini antara lain :

• Dapat menampilkan berita-berita terkini dari Manchester United
• Menampilkan event-event yang diselenggarakan fans MU di IT Telkom

download macmuc application

Laporan Tahap 3

download laporan tahap 3
Preview Version

Pemilihan kontrol

Pada aplikasi berbasis mobile “mac muc” ini, pemilihan kontrol sebagai komponen utama pengendalian aplikasi oleh user. Sebagai mana telah dibahas sebelumnya, aplikasi yang berbasis mobile memiliki keterbatasan dalam hal kontrol. Adapun pemilihan kontrol dalam aplikasi berikut dapat diuraikan berdasarkan komponen-komponen aplikasi antara lain :

• Tombol Menu
  Kontrol utama pada setiap device (merek) akan berbeda. Menu tautan untuk ke fitur yang lebih ukan akan diletakan pada tombol dengan angka prioritas terendah (artinya memiliki prioritas tertinggi, biasanya akan berbeda pada setiap merek handphone). Dalam hal ini user dapat memilih atau menggunakan tombol tengah yang akan mengarahkan pada menu prioritas utama.
  Sedangkan untuk menu-menu yang lain akan disimpan dalam group “menu”. Menu dengan efek fatal seperti exit akan diletakan pada menu paling akhir/paling bawah.
  Contoh pemilihan kontrol pada tombol menu :
  
  
  
• Text field
  Text field yang berada pada posisi paling atas akan ditempatkan sebagai kontrol utama. Untuk memindahkan control text field yang sedang disorot, dapat menggunakan tombol up-down-left-right pada keypad handphone
  
• String item
  Contoh implementasi string item pada aplikasi ini adalah pada halaman news. Pada halaman news, kontrol untuk string item pertama-tama akan diletakan pada string item pertama yang berada di posisi paling atas. Kemudian seperti pada perancangan control untuk text field, dapat menggunakan tombol up-down-left-right pada keypad handphone untuk pemindahan kontrolnya. Dalam hal ini string item juga dapat berfungsi sebagai button yang memiliki aksi apabila dipilih. Contoh aksinya salah satunya adalah berpindah ke halaman lain.
  

Perancangan teks dan pesan

Pada aplikasi berbasis mobile ini, text akan ditampilkan sesuai dengan ukuran dan jenis fonr default device. Dengan menyesuaikan dengan default device maka aplikasi ini tidak akan mengalami masalah walaupun diinstal dalam device yang bermacam-macam
Sedangkan pesan sebagai panduan dalam mengatasi kesalahan atau error akan dibuat pada fungsionalitas berikut :

• Login (kesalahan input data)
• Register (kesalahan input data)
• Pesan error untuk gagal koneksi ke server
• Pesan error untuk missing link (fungsionalitas berikut)

Perancangan feedback dan panduan

Feedback akan dirancang dengan memanipulasi perubahan warna, misalnya untuk menu yang sedang disorot, akan berubah warna menjadi lebih gelap. Kemudian untuk textfield yang sedang aktif akan dimanipulasi warnanya sehingga tampil lebih menjorok ke dalam.

Perancangan grafis, ikon, gambar, dan warna

Aplikasi berbasis mobile memiliki keterbatasan dalam hal menampilkan icon, penggunaan grafis serta warna. Pada aplikasi “mac muc” ini warna yang ditampilkan akan seminimal mungkin dan sebisa mungkin tidak menghambat performansi saat mendownload data (karena aplikasi ini menggunakan jaringan internet). Gambar hanya akan ditampilkan pada awal untuk menunjukan aplikasi yang sedang dipakai. Tujuan dari aplikasi ini adalah sebagai penyedia informasi sehingga focus aplikasi ini adalah menyampaikan informasi secara benar dan cepat, sehingga dapat mengesampingkan gambar, ikon, serta keberagaman warna yang digunakan untuk aplikasi.

Perlukah Internationalization Pada Aplikasi Mac Muc?

Seperti kita ketahui Insitut Teknologi Telkom saat ini tengah menuju WCU (World Class University), maka dari itu tidak ada salahnya apabila aplikasi yang dibuat ikut menyesuaikan. Internasionalisasi merupakan prinsip dasar yang sangat penting dalam implementasi WCU. Oleh karena itu, menurut pendapat tim kami, internasionalisasi sangat baik apabila diterapkan pada aplikasi ini, walaupun secara khusus pengguna dari aplikasi ini hanya mahasiswa serta alumni dari IT Telkom

Laporan Tahap 2

download laporan tahap 2
Preview Version

Struktur dan Isi Menu

1. Struktur menu
   Struktur menu yang digunakan pada aplikasi berbasis mobile “mac muc” ini mengadopsi bentuk gabungan dari hierarki dan terhubung. Pada aplikasi ini terdapat menu utama dan di dalamnya terdapat submenu utama lain. Namun, pada setiap sub menu utama tersebut memiliki keterhubungan sehingga juga mengadopsi struktur menu terhubung
2. Isi Menu
   Isi dari menu-menu yang terdapat dalam aplikasi ini antara lain :
   • Menu news
     Menampilkan berita-berita terbaru dari club sepakble Manchester United. Apabila ingin membaca detail beritanya dapat memilih menu view.
   • Menu Event
     Menampilkan jadwal acara yang akan diselenggarakan beserta detailnya

Navigasi Menu

Navigasi menu untuk aplikasi mobile “mac muc” ini akan dijelaskan melalui site map berikut :

Pada saat pertama kali membuka aplikasi, user akan diminta untuk melakukan login. Namun, apabila user belum terdaftar, dapat mendaftar dengan memilih menu register. Setelah user melakukan login, makan akan langsung di navigasikan ke menu News. Pada saat berada di menu news, user dapat melihat detal news, serta dapat berpindah ke menu event. Begitupun saat berada pada menu event, user dapat berpindah navigasi ke menu News.

Pemilihan Perangkat Interaksi

Perangkat interaksi yang digunakan untuk menjalankan aplikasi ini cukup menggunakan jari (untuk menekan keypad handphone), atau dengan menggunakan stylus pada perangkat yang support dengan teknologi touch screen.

Desain Umum Tampilan (Mockup)

Perancangan mockup untuk aplikasi ini adalah sebagai berikut :

Laporan Tahap 1

download laporan tahap 1

Karakteristik Pengguna

Berikut ini adalah profil pengguna (user profile) dari aplikasi berbasis mobile “mac muc”. Pengguna aplikasi “mac muc” secara umum adalah :

a. Pekerjaan		:	Mahasiswa atau umum
b. Usia	:	17 – 25 tahun
User Profile Checklist
• Psychological Characteristics
o Cognitive Style	:	Spatial/Intuitive
o Attitude	:	Neutral, Positive
o Motivation	:	Moderate to High
• Knowledge and Experience
o Educational Level	:	High School (Minimum)
o Reading Level	:	Moderate to High
o Typing Skills	:	Moderate to High
o Application Experience	:	Some Similar System
o Native Language	:	Indonesia
o Use of other system	:	Moderate to High
• Job and Task Characteristic
o Frequency of Use	:	Low to Moderate
o Primary Training	:	None
o System Use	:	Discretionary
o Task Importance	:	Low to Moderate
o Task Structure	:	Low
o Job Categories	:	Informational and membership
o Turnover rate	:	Low
o Other tools	:	Stylus
• Physical Characteristic
o Color Blind	:	No (Normal sight)
o Handedness	:	Right or Left
o Gender	:	Male or Female

Style Guide

Pada pembuatan aplikasi “macmuc” (Mobile-based Application for Manchester United Community) dibutuhan beberapa standar pembuatan desain. Mengembangkan serta menggunakan aplikasi berbasis mobile lebih sulit dari aplikasi berbasis desktop atau aplikasi berbasis web. Perangkat mobile memiliki ukuran layar yang tidak terlalu besar serta tidak memiliki keyboard. Namun, saat ini beberapa perangkat sudah menerapkan tombol interaksi, user interface serta touch screen.
Pengguna dari suatu aplikasi mobile akan memiliki harapan yang berbeda-beda berdasarkan pada perangkat yang mereka gunakan. Di bawah ini adalah rincian gaya tampilan yang sebaiknya digunakan, khususnya pada aplikasi “mac muc”.
Principle of Design
Dalam pembuatan aplikasi yang bersifat mobile-based, sebaiknya menggunakan prinsip-prinsip desain berikut :

1. Perceptibility
2. Operability
3. Simplicity
4. Forgiveness
5. Consistency
6. Control
7. Directness
8. Familiarity
9. Obviousness
10. Operability
11. Perceptibility
12. Predictability
13. Responsiveness
14. Safety
15. Simplicity
16. Visibility
17. Transparency

Mobile Application Environment
Pada aplikasi “mac muc” ini menggunakan teknologi J2ME, sehingga pada handphone yang menggunakan aplikasi ini tentunya harus support dengan teknologi Java (sudah terinstal Java Virtual Machine).
Pada aplikasi yang menggunakan J2ME terdapat beberapa kelebihan antara lain :

1. Multi Platform. Dapat digunakan pada platform manapun selama device yang digunakan sudah mendukung Java
2. Simulator serta emulator yang disediakan untuk aplikasi berbasis J2ME lebih lengkap
3. Aplikasi berbasis J2ME memiliki kelebihan-kelebihan yang dimiliki oleh Java

Mobile Application Design
Creativity vs. Consistency
Unsur kreatifitas memang penting dalam membangun sebuah aplikasi yang bersifat dapat digunakan oleh sebagian besar masyarakat. Namun, pada aplikasi ini, unsur konsistensi akan lebih ditonjolkan dibandingkan kreatifitas. Alasannya adalah agar user dapat fokus pada tujuannya, yakni mendapatkan informasi dan tidak terganggu pleh tampilan yang ramai akibat mengutamakan unsure kreatifitas.
Content Authoring: Less is More
Content yang ditampilkan dalam suatu aplikasi mobile tidak harus banyak Content sebaiknya ditampilkan seminimal mungkin, namun tidak mengurangi
Screen and Deck Size
Ukuran layar handphone yang kecil perlu diperhatikan. Ukuran gambar, huruf, ruang kosong, content, perlu disesuaikan dengan ukuran layar tertentu pada setiap device.
Navigation
Penavigasian pada aplikasi yang bersifat mobile cukup sulit karena control yang cukup terbatas. Maka, menu navigasi perlu disesuaikan agar tidak terlalu banyak.
Security, Cookies, serta State Management
Aplikasi ini tidak menangani masalah security, cookies, serta state management
Alerts
Alerts yang ditampilkan harus singkay namun jelas, agar dapat langsung diterima dan dimengerti oleh user.
Cache and Performance Management
Performansi ada aplikasi mobile sebaiknya tidak terlalu lama, oleh karena itu, minimalisir penggunaan media grafis serta meminimalisir content yang ditampilkan akan sangat membantu.
Design Patterns
Progressive Input Fields
Field untuk inputan yang panjang sebaiknya dikurangi, atau diganti dengan link ke sms composer
Navigational Controls
Kontrol navigasi yang terbatas (hanya menggunakan 2 buah tombol) menjadi alasan agar navigasi yang diampilkan perlu terorganisir dengan baik.
Cancel Guard
Menu cancel yang memiliki efek fatal sebaiknya diletakan pada option, untuk mengurangi kesalahan pemilihan menu pada sisi user. Namun, pada fungsionalitas tertentu, misalnya register, menu cancel boleh diletakan sebagai menu utama (bukan di dalam option).
Screen Design
Title and Header
Judul harus memberikan penjelasan mengenai aplikasi yang digunakan serta menerangkan kepada user
Contents of Screen
Layar dapat berisi field untuk diisi, label, link, text, serta image. Penempatan komponen-komponen tersebut perlu diatur agar dapat terlihat rapi dan enak dipandang
Tickers
Tickers akan tampil pada posisi yang berbeda-beda, tergantung pada setiap devicenya. Tickers dapat digunakan pada tampilan tertentu untuk menampilkan informasi-informasi yang segara membutuhkan perhatian user.
Styles
Pada aplikasi berbasis mobile konsistensi akan perlu lebih ditonjolkan, tujuannya adalah agar mental model user dapat terbangun lebih cepat sehingga user dapat lebih cepat mempelajari penggunaan aplikasi.
Multimedia and Graphics
Multimedia dan Grafis pada aplikasi berbasis mobile perlu diminimalisir karena dapat mengurangi performansi
Screen Types
Navigational Menus
Pada aplikasi berbasis mobile, menu utama yang dapat ditampilkan hanya dua. Apabila menu lebih dari dua, maka akan ditampilkan pada option menu. Menu paling utama (yang paling sering diakses) sebaiknya tidak disimpan dalam option, melainkan pada menu utama.
Action Menus
Aksi dari memilih suatu menu ada dua, antara lain : link ke halaman lain, atau mengaktifkan perintah tertentu. Label/nama untuk menu sebaiknya jelas dan mengarah pada fungsinya.
Content Screens
Layar dapat berisi field untuk diisi, label, link, text, serta image. Penempatan komponen-komponen tersebut perlu diatur agar dapat terlihat rapi dan enak dipandang
Text Entry Screens
Field untuk inputan yang panjang sebaiknya dikurangi, atau diganti dengan link ke sms composer
Feedback or Alert Screens
Alerts yang ditampilkan harus singkay namun jelas, agar dapat langsung diterima dan dimengerti oleh user.
Forms
Untuk tampilan forms, sebaiknya ditambahkan header/title untuk memberitahu user mengenai fungsionalitas yang sedang digunakan. Ticker boleh digunakan untuk mendapatkan perhatian dari user mengenai informasi yang bersifat penting.

Kebutuhan Dokumentasi

Dokumentasi yang dibutuhkan serta perlu dibuat dalam pembuatan aplikasi ini adalah dokumentasi SKPL (Spesifikasi Kebutuhan Perangkat Lunak) serta dokumentasi pengujian PDHUPL (Perencanaan, Deskripsi, dan Hasil Uji Perangkat Lunak)

Pertimbangan Teknologi

Pada pembuatan aplikasi ini digunakan teknologi J2ME (Java platform Micro Edition) sebagai teknologi dasar pembuatan aplikasi. Pemilihan teknologi ini dipertimbangkan berdasarkan hal-hal sebagai berikut :

1. J2me menggunakan JVM (Java Virtual Machine) sehingga dapat dijalankan pada semua tipe OS apapun. Dengan teknologi ini, maka platform-platform yang beraneka ragam seperti symbian os, palm os, android, windows mobile atau linux, tidak akan menjadi masalah.
2. Aplikasi yang menggunakan teknologi J2ME dapat diimplementasikan pada berbagai macam device selama device tersebut mendukung teknologi Java

Selain mendukung Java, device yang diimplementasikan aplikasi ini harus sudah support dengan jaringan internet. Device harus mendukung teknologi minimal GPRS.

Proposal Tugas Besar

Link download proposal : download proposal

Judul

Mobile Based Aplication for Manchester United Community (MAC MUC)

Latar belakang

Perkembangan teknologi informasi telah mengubah manusia dalam menyelesaikan semua pekerjaannya, tidak hanya dalam pekerjaannya saja tetapi dalam segala aspek kehidupan manusia, seperti pada saat pencarian informasi. Komunitas penggemar Club Sepak Bola Manchester United di kawasan IT Telkom sangat banyak. Para anggota dari komunitas tersebut tentunya membutuhkan informasi mengenai club kesayangan mereka secara cepat. Namun, saat ini, informasi tersebut hanya dapat diakses melalui website saja. Padahal untuk mengakses sebuah website harus membutuhkan perangkat seperti laptop atau computer. Hal tersebut kurang efisien bagi para komunitas MU Fans Club. Untuk itu dibuatlah aplikasi –judul– yang bertujuan untuk memudahkan para penggemar Club Sepak Bola MU mengakses informasi club kesayangan mereka itu.

Tujuan

• Memudahkan para penggemar Club Sepak Bola Manchester United untuk mendapatkan informasi
• Memanfaatkan handphone sebagai salah satu sarana dalam pencarian informasi

Target pengguna

Aplikasi ini ditujukan untuk kalangan umum. Karena aplikasi ini merupakan aplikasi mobile maka setiap member dapat menggakses setiap infonya melalui handphone.

Fungsionalitas

Fungsionalitas-fungsionalitas yang terdapat pada aplikasi mobile ini antara lain:

• Registrasi member
• Login member
• Logout member
• Edit profile
• View info(club, player, match, tranning, classmain, bursa  pemain)

Tools implementasi/ desain

Tool yang digunakan dalam pembuatan aplikasi ini antara lain

• Flash
• MotoDev

Teknik evaluasi

• Membuat quisioner
• Melihat jumlah anggota yang gabung di MU Fans Club Mobile
• Menggunakan polling yang terdapat di aplikasi tersebut