1

PROPOSAL PEMBUATAN
APLIKASI MOBILE UNTUK MEMBUAT WEB

Mobile Web Maker BETA 2.0

Ferie Andrian Sujarwo/6561
Herwin Siajuman/6627
Frans Edo Antonius Sidabutar/6612
Victor Adryan S/6360
William Cahyadi/6576

























PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS ATMA JAYA YOGYAKARTA
YOGYAKARTA
2012

2

PENDAHULUAN


I. LATAR BELAKANG

Perkembangan teknologi saat ini semakin berkembang pesat, salah satu
contohnya yaitu internet. Internet sudah ,menjadi salah satu kebutuhan setiap hari.
Karena berbagai informasi terus berkembang dan dibutuhkan semua orang,
sehingga masyarakat tidak lagi tertinggal dalam informasi dan pengetahuan.
pembuatan situs Internet semakin hari semakian banyak dan beragam. banyak
developer baik yang membuat IDE untuk membuat website untuk memberi
kemudahan bagi pengembang yang ingin membuat web site sehingga ada 2juta
web site baru yang terdaftar digoogle setiap minggunya. Melihat perkembangan
situs web yang semakin pesat pembuat aplikasi web itu sendiri mulai menciptakan
kemudahan bagi pengguna untuk mengakses internet. dulunya internet hanya bisa
diakses dengan piranti desktop namun sekarang internet dapat diakses dengan
piranti mobile yang semakin praktis dan portable sehingga user lebih mudah
mengakses internet. Jika mengakses internet sudah dapat di lakukan di piranti
mobile melalui web browser yang khusus di piranti mobile seperti Android web
browser, kenapa tidak untuk membuat website melalui piranti mobile tanpa
melalui desktop.
II. NAMA APLIKASI

MOBILE WEB MAKER BETA 2.0

III. TEMA APLIKASI

Web Mobile Green Computing

IV. DASAR PEMIKIRAN
Saat ini untuk membuat sebuah dokumen html, baik yang menggunakan
html strict 1.0 , css, javascript, xml, dan bahkan PHP kebanyakan dilakukan
dengan menggunakan desktop. Pembuatan web melalui piranti mobile masih
sangat sedikit. Terutama support untuk platform android yang sekarang banyak
3

diminati oleh pengguna Tablet PC dan smartphone masih sangat sulit dalam
pembuatan web sederhana.
Oleh karena itu kelompok kami memiliki sebuah ide untuk membuat
aplikasi perancangan web dengan menggunakan piranti mobile (tablet pc/
smartphone)khusus nya untuk platform android. Aplikasi ini kami beri nama
Mobile Web Maker Beta 2.0.
V. Tujuan
Aplikasi ini dibuat dengan tujuan untuk memudahkan pengguna-pengguna
tablet pc/ smartphone khususnya android yang ingin mengembangkan
kemampuan dan kreativitas mereka dalam membuat dokumen html dan dokumen
berbasis web lainnya. Aplikasi ini dapat digunakan mulai dari penulisan script,
merancang, maupun mendesign template web yang dibuat.
VI. Bentuk Aplikasi
Aplikasi ini dapat membuat dan menyimpan file dalam format txt , html ,
css, xml, js, maupun php.hasil scriptnya dapat dijalankan langsung di browser
android. Untuk tampilan aplikasi ini secara garis besar hampir sama dengan
Adobe Dreamweaver. Ketika Aplikasi ini dijalankan pada bagian atas terdapat
halaman untuk penulisan script dan pada bagian bawahnya terdapat hasil
rancangan berdasarkan script yang kita tulis. Dan Pada saat script dijalankan di
browser tampilannya mengikuti browser tersebut contohnya browser android. Dan
ketika scriptnya ingin ditampilkan di desktop tampilan web akan disesuaikan oleh
web browser yang akan di jalankan di desktop, contoh browsernya seperti:
mozila, google chrome, internet explorer, dsb. Tentunya terdapat perbedaan
tampilan antara mobile browser dan dekstop browser. (lihat gambar pada hal. 4)
Pada gambar 1 tampilan dengan kategori split yang menampilkan script pada
bagian atas, dan hasil design dari script di browser pada bagian bawah.Pada
Pada gambar 2 tampilan dengan kategori code yang menampilkan script pada
bagian atas, dan on screen keyboard pada bagian bawahnya.
4



Gambar 1 Gambar 2
VII. Sasaran
Aplikasi ini kami rancang untuk digunakan para mobile web developer secara
produktif. Dan untuk semua kalangan baik pelajar sampai kalangan mahasiswa
dari yang ingin belajar hingga yang sudah expert dalam perancangan dan
pembuatan web.Aplikasi ini kami targetkan dapat digunakan dengan mudah dan
sederhana bagi user terutama yang masih pemula dalam membuat web.
VIII. Manfaat
Saat ini membuat web dengan menggunakan desktop membutuhkan energi
yang besar apalagi menggunakan desktop PC. Menggunakan laptop juga masih
membutuhkan sumber daya hardware yang cukup besar. Jadi kami menggunakan
5

prinsip green komputing, jika pengguna bisa membuat web melalui piranti
mobile tentu sangat hemat energi dan sangat portable sehingga pengguna bisa
mengembangkan web lebih efektif , efisien, dan real time. Artinya pengguna bisa
membuat web lebih leluasa tanpa di batasi ruang , dan lebih praktis karena piranti
mobile mudah di bawa, simple, dan ringan.
PEMBAHASAN

I. Metode Perancangan Aplikasi
Aplikasi ini mengunakan IDE (Integrated Development Environment) dari java
untuk mentranslasikan script html yang dibuat oleh user. IDE java yang
digunakan adalah kompatibelitas mobile di Android. Langkah Pertama kami
merancang tampilan halaman kode script yang merupakan tempat bagi user untuk
menuliskan script html dan lainnya (css, js, xml, php dsb). Gambar dibawah
adalah bagian script container.

Langkah kedua kami memasukkan kode-kode khusus yang dapat
menampilkan preview dari script yang diketik oleh user secara langsung. Bagian
preview ini sangat berguna bagi user, sehingga user tidak perlu lagi membuka
hasil script di browser karena user bisa melihat langsung hasil eksekusi script di
prewiew.
6



Gambar diatas adalah bagian dari design/preview container.

Langkah ketiga kami membuat menu-menu yang menjadi fungsi utama dalam
aplikasi, seperti:
- Menu File, digunakan untuk menyimpan, membuka, membuat baru dokumen
html user bisa membuka file yang sudah pernah dibuat sebelumnya.
- Menu Edit, yang digunakan untuk memindahkan, menyalin, memasukan
elemen, dari potongan script html.
- Menu view, yang digunakan untuk mengubah tampilan aplikasi baik tampilan
script maupun previewnya seperti memperbesar, memperkecil, splitting, dan
lain-lain.
- Menu modify, yang digunakan untuk merubah isi script ataupun menambahkan
komponen lainnya dalam script seperti pop up menu, animasi, maupun symbol.
- Menu format, yang digunakan untuk mengubah isi elemen pada aplikasi seperti
format elemen huruf, image, dan sebagainya.
- Menu command, digunakan untuk memberi perintah agar aplikasi melakukan
suatu aksi seperti run(mengenerate script untuk ditampilakan di browser).
- Menu window, yang digunakan untuk menampilkan atau menghilangkan
tampilan panel-panel dan submenu dalam aplikasi seperti toolbar, properties,
dan sebagainya.
7

- Menu help, yang digunakan untuk mengetahui versi program, registrasi
produk, tutorial cara pemakaian aplikasi, maupun meminta bantuan secara
online jika terjadi masalah selama penggunaan aplikasi.


Gambar Menu-Menu yang ada pada Mobile Web Maker Beta 2.0

II. Metode Penggunaan aplikasi

Aplikasi ini berjalan dalam platform Android. Aplikasi ini kompatibel mulai
dari Android Froyo 2.2. untuk menjalankan aplikasi, setelah selesai di download
dan di install secara otomatis di android. User mengklik shortcut aplikasi dan
tampilan awal Mobile Web Maker Beta 2.0 akan muncul dan siap digunakan.
Pertama kali aplikasi ini dijalankan akan muncul pilihan untuk membuat
dokumen baru atau membuka direktori file, jika user memilih membuat dokumen
baru maka akan muncul satu halaman kosong untuk menuliskan script html,
sedangkan jika user memilih membuka direktori file maka akan ditampilkan isi
dari android file explorer yang dapat user pilih. Bila format file yang dipilih user
bisa di baca di aplikasi maka isi file akan ditampilkan. user bisa sekedar melihat
ataupun mengeditnya isi filenya melalui cara tersebut.
Jika user ingin menyimpan hasil dokumen html-nya, klik menu file-save-
pilih direktori tempat menyimpannya.
Jika user ingin menyalin atau memindahkan kode script htmlnya, maka user
hanya perlu mengklik kursor pada layar lalu akan muncul pilihan untuk memblok
sebagian atau seluruh script, setelah script yang diinginkan terblok maka akan
muncul pilihan untuk meminta user mau disalin atau dipindahkan ke direktori
mana isi file yang diblok tersebut.
Jika user ingin mengenerate script yang telah diketikkan, dan ingin
menampilkannya di browser, maka user hanya perlu mengklik menu commands
lalu pilih run in browser.
8

PENUTUP
Demikian proposal ini kami ajukan. Semoga aplikasi yang akan kami buat
dapat digunakan sebagai mana mestinya sesuai tujuan aplikasi ini. Dan
harapannya aplikasi ini bisa membawa manfaat yang besar bagi perkembangan
piranti mobile yang saat ini saat penting dalam kehidupan hampir seluruh lapisan
masyarakat. Dan juga bagi para web developer semoga aplikasi ini menjadi tool
yang sangat berguna dan mempermudah dalam pembuatan web dengan piranti
mobile yang mendukung green computing. Aplikasi ini juga diharapkan bisa
dikembangkan manjadi lebih baik. Dengan adanya mobile komputing fleksibelitas
pengguna sangat dipentingkan agar pengguna aplikasi lebih efektive dalam
menggunakan aplikasi ini di piranti mobile tanpa batasan gerak dan ruang jika
dibandingkan dengan mengguanakan desktop maupun laptop. Terima Kasih.