Show GN: Saya membuat web app untuk menggambar rencana perjalanan di atas peta
(drt0927.github.io)Halo.
Saya ingin membagikan web app (trip sketch) yang saya buat sebagai proyek pribadi.
Saat menyusun rencana perjalanan bersama pacar saya,
layanan yang ada kebanyakan berpusat pada daftar jadwal atau teks, sehingga
sulit untuk menata rute perpindahan dan urutan kunjungan sekaligus di atas peta.
Karena itu, saya mencoba membuat sendiri web app yang memungkinkan Anda menandai tempat di atas peta, mengatur urutan dan waktu, lalu menulis rencana perjalanan seolah-olah sedang “menggambarnya”.
Fitur utama
• Menyusun rencana perjalanan berbasis Google Maps
• Setelah memilih lokasi di peta, atur tanggal / waktu / urutan kunjungan
• Mencatat biaya sederhana untuk tiap titik perjalanan
• Tersimpan otomatis di browser storage tanpa login
• Mengekspor rencana perjalanan ke PDF
Tech stack
• Vue + TypeScript
• Google Maps JavaScript API
• Web app statis (deploy di GitHub Pages)
Lain-lain
• Saya membuatnya agar bisa langsung digunakan tanpa akun
• Karena masih tahap MVP, fiturnya disusun seminimal mungkin
• Saya sangat terbuka terhadap masukan tentang usability maupun fitur
Silakan dicoba dengan santai, dan saya akan berterima kasih jika Anda berkenan memberi pendapat.
5 komentar
Saya baru mencoba menambahkan dua-tiga lokasi di web lalu menulis komentar, jadi mungkin saya belum memahami semuanya, tapi tolong anggap ini sekadar pendapat pribadi.
Saat menambahkan tempat, akan bagus kalau bisa juga menambahkan foto seperti saat menulis komentar. (Semacam pengenalan singkat tentang apa saja yang ada di sana)
Saat berpindah tempat, itu ditampilkan sebagai jarak garis lurus di peta, tetapi akan bagus juga kalau di sana bisa ditambahkan foto atau tulisan tersendiri. (Untuk hal seperti apakah akan pindah naik mobil, saya biasanya cek dengan menandai titik berangkat dan tujuan di Naver Map, lalu kalau itu bisa di-capture dan disimpan, nanti tidak perlu bolak-balik membuka Naver Map, cukup melihat ini saja rasanya perpindahannya akan lebih mudah dipahami)
Saat diekspor ke PDF, format sekarang juga bagus, tetapi akan bagus kalau ada opsi untuk menampilkan hanya lokasi pada hari tersebut di peta berdasarkan tanggal, sehingga terlihat seperti ini:
[Map hari ke-1]
Itinerary hari ke-1
[Map hari ke-2]
Itinerary hari ke-2
Akan bagus kalau bisa dilihat seperti itu juga. Dengan PDF saja jadi lebih mudah memahami rute untuk hari tersebut.
Terima kasih.
Menurut saya ini sangat bagus.
Pengembangan server masih belum selesai, jadi fitur unggah file belum ada,
tetapi saya sudah memperbaruinya agar peta bisa ditampilkan di PDF!
Terima kasih atas masukannya!
Menurut saya masukan yang Anda sampaikan sangat bagus.
Saya akan berusaha semaksimal mungkin untuk menerapkannya!
Layanan peta sering membuat pengguna perlu banyak menggeser peta. Karena bertabrakan dengan scroll browser, sepertinya pesan "Use two fingers to scroll..." jadi sering muncul.
Sepertinya ukuran layar perlu disesuaikan dengan baik agar sebisa mungkin tidak memunculkan scroll browser.
Terima kasih atas masukannya!