Advertisement
  1. Computer Skills

Cara Membuat Aplikasi Jam Dunia

Scroll to top
Read Time: 7 min

() translation by (you can also view the original English article)

Begitulah sifat peran saya sehingga saya mendapati diri saya bekerja tidak hanya dengan rekan-rekan di Inggris, tetapi dengan mereka di Australia, Eropa, dan Amerika Serikat. Beberapa zona waktu ini dapat dengan mudah menghambat perencanaan panggilan konferensi; Saya perlu cara untuk mencari waktu yang nyaman bagi tim mana pun untuk berkumpul bersama di panggilan Skype.

Dalam tutorial ini, saya akan menunjukkan kepada Anda cara membuat ikon Dock yang memberi Anda akses siap ke zona waktu yang penting bagi Anda —  dan lebih banyak lagi. Meskipun ada aplikasi menubar yang melakukan ini, di Mac App Store, metode saya menghindari menambahkan ikon lain ke bilah menu (yang sudah ramai) dan tidak memerlukan biaya apa pun.


Sebelum Kita Mulai

Sebelum kita mulai, kita perlu memastikan bahwa kita memiliki yang berikut:

  • Koneksi internet untuk mengakses time.is via web-browser
  • Ikon jam yang cocok untuk 512x512px, atau 1024x1024px untuk tampilan HiDPI (retina)
  • Aplikasi cairan

Bagaimana Membuat "App" Jam Dunia Kita

Untuk membuat dan menyesuaikan zona waktu kita sangat mudah. Inilah prosesnya:

  1. Kita akan menggunakan situs web bernama Time.Is di mana kita akan menyesuaikan halaman web untuk kebutuhan pribadi.
  2. Kita akan membuat ikon jam khusus.
  3. Kita kemudian akan membuat "aplikasi", untuk OS X, menggunakan tool kecil yang berguna yang disebut aplikasi Fluid.
  4. Kita akan menemukan aplikasi baru di Dock.

1. Membuat dan Menyesuaikan Zona Waktu Kita

Bagian dari proses ini cukup mudah, melibatkan sedikit lebih banyak daripada mengunjungi situs web dan menyesuaikannya dengan kebutuhan khusus Anda.

Langkah 1. Kunjungi Time.Is

Kunjungi situs web time.is, di peramban yang Anda pilih, dan time.is akan default ke waktu saat ini di zona waktu Anda.

The time.is websiteThe time.is websiteThe time.is website
Situs web time.is

Langkah 2. Menghapus Zona Waktu

Selain zona waktu Anda saat ini, waktu ditampilkan dalam huruf besar, situs web time.is juga akan menampilkan waktu di beberapa zona waktu lainnya. Jika zona waktu yang disarankan tidak memenuhi persyaratan Anda, klik yang Anda ingin hapus untuk mengubah ke waktu itu dan kemudian klik tautan Hapus dari lokasi favorit. Ulangi proses ini untuk semua zona waktu yang ingin Anda hapus.

Removing times zonesRemoving times zonesRemoving times zones
Menghapus zona waktu

Langkah 3. Menambahkan Zona Waktu

Envato berkantor pusat di Melbourne, Australia. Saya sering perlu tahu jam berapa sekarang, di bawah, jadi ini akan menjadi zona waktu pertama yang perlu saya tambahkan.

Menambahkan zona waktu sangat sederhana. Gunakan kotak pencarian di bagian atas halaman web dan masukkan kota yang perlu Anda ketahui waktu. Saat Anda mengetik, time.is akan menyarankan kota dan mempersempitnya saat Anda terus mengetik.

Pilih kota yang benar dan kemudian klik tautan Tambahkan ke lokasi favorit. Ulangi proses ini untuk semua tempat yang perlu Anda ketahui waktu. Setiap kali Anda menambahkan kota ke lokasi favorit, sebuah kotak kecil dengan tempat dan waktu akan ditambahkan ke halaman web Anda.

Adding timezonesAdding timezonesAdding timezones
Menambahkan zona waktu

Langkah 4. Menyesuaikan Informasi yang Ditampilkan

Mengingat bahwa saya berada di Inggris, cara kita menampilkan tanggal dan waktu akan berbeda dengan cara di mana, misalnya, seorang Amerika akan terbiasa. Situs time.is default ke format yang akrab dengan rekan-rekan Amerika saya, tapi saya ingin sedikit meng-Anglicise-nya.

Untuk melakukan ini, klik tautan More >> di bagian atas halaman untuk mengungkapkan menu yang diperluas dan kemudian pilih Kustomisasi untuk mengungkapkan pengaturan yang dapat diubah.

Salah satu hal pertama yang akan saya lakukan adalah mengoreksi ejaan dengan memilih Bahasa Inggris Inggris. Saya sekarang menyesuaikan hal-hal.

Customising the displayed informationCustomising the displayed informationCustomising the displayed information
Menyesuaikan informasi yang ditampilkan

Saya dapat terus mengubah cara tanggal ditampilkan ke DD-MM-YY yang lebih logis. Pengguna Eropa mungkin ingin memilih, format ISO yang lebih logis, YY-MM-DD. Anda dapat memilih mana yang paling sesuai dengan Anda, atau hanya menggunakan format MM-DD-YY standar Amerika.

Pilih apakah Anda ingin mempertahankan tombol sosial dan apakah Anda ingin membalikkan warna menjadi putih di atas hitam. Ketika Anda puas dengan penyesuaian Anda, klik kanan pada tautan yang mengatakan right-click on this link dan salin ke clipboard Anda (CMD C). Anda mungkin ingin menempelkan tautan khusus Anda ke dalam dokumen teks untuk diamankan. Yang mengatakan, selama Anda mengizinkan cookie browser (yang merupakan perilaku default dari semua browser web utama) maka pengaturan Anda akan disimpan untuk kali berikutnya Anda mengunjungi halaman web time.is.

Saving your customisationsSaving your customisationsSaving your customisations
Simpan penyesuaian Anda

2. Buat Ikon Jam Kustom

Bukanlah keharusan bagi Anda untuk melakukan tahap ini, tetapi jika niat Anda adalah untuk meletakkan ikon di dermaga, Anda mungkin ingin itu juga pas secara estetika.

Untuk membuat ikon saya, saya mengambil tangkapan layar ikon jam Mondaine Swiss di aplikasi iPad Clock. Saya kemudian mentransfer screenshot ini ke Mac saya.

Membuka tangkapan layar di Pixelmator (Anda dapat menggunakan aplikasi pengeditan grafis yang berbeda), saya memangkas tangkapan layar menjadi gambar yang cocok untuk sebuah ikon. Untuk keperluan OS X, ikon Anda harus berukuran 512x512 piksel, atau 1024x1024 piksel untuk tampilan retina.

Ekspor gambar akhir Anda sebagai file .png (Grafik Jaringan Portable), memastikan bahwa ia memiliki background transparan. Catat lokasi tempat Anda mengekspor ikon yang baru dibuat.

Using Pixelmator to create the app iconUsing Pixelmator to create the app iconUsing Pixelmator to create the app icon
Menggunakan Pixelmator untuk membuat ikon aplikasi

Tips: Jika Anda tidak punya waktu, atau kecenderungan, untuk membuat ikon jam kustom Anda sendiri, silakan gunakan Mondaine Clock yang saya buat untuk tutorial ini.


3. Buat "Aplikasi" Dengan Aplikasi Fluid

Selanjutnya, kita akan membawa halaman web khusus kita dan ikon kustom kita bersama-sama ke dalam sebuah "aplikasi" yang akan kita buat menggunakan aplikasi praktis bernama Fluid, dari Celestial Teapot Software.

Fluid memungkinkan kita membuat aplikasi Mac dengan mengubah situs web menjadi aplikasi desktop OS X.

Langkah 1. Membuat Aplikasi Kustom Anda

Unduh dan buka aplikasi Fluid. Temukan string URL khusus yang Anda simpan dari Langkah 4 di menyesuaikan situs web time.is.

Masukkan URL khusus Anda dan nama yang sesuai untuk aplikasi Anda.

Entering the criteria to create an appEntering the criteria to create an appEntering the criteria to create an app
Memasukkan kriteria untuk membuat aplikasi

Langkah 2. Lampirkan Ikon Kustom Anda

Untuk membuat aplikasi Anda dengan ikon kustom Anda, pilih Other di bidang Icon dan browse ke lokasi di mana ikon kustom Anda disimpan.

Creating the appCreating the appCreating the app
Membuat aplikasi

Langkah 3. Buat Aplikasi Anda

Setelah Anda memasukkan informasi yang diperlukan, klik tombol Create dan kemudian Launch now.

The Word Time app in the DockThe Word Time app in the DockThe Word Time app in the Dock
Aplikasi Word Time di Dock

Aplikasi Anda akan dibuat, ditempatkan di folder Aplikasi. Sebuah ikon akan dibuat di Dock dan aplikasi akan diluncurkan.

Anda dapat menyeret ikon aplikasi ke mana pun Anda ingin berada di Dock. Anda bahkan dapat menariknya dari Dock jika Anda menginginkannya untuk tidak berada di sana. Jika Anda ingin menyimpan aplikasi waktu di Dock, klik kanan dan periksa apakah itu disematkan ke Dock (ini seharusnya merupakan perilaku default).

Keeping the app in the DockKeeping the app in the DockKeeping the app in the Dock
Menyimpan aplikasi di Dock

Menggunakan Aplikasi Kustom Anda

Anda sekarang memiliki akses siap ke aplikasi time.is disesuaikan Anda memberi Anda waktu saat ini di zona waktu yang berbeda yang menarik. Mengetahui apakah tidak apa-apa bagi kolega panggilan Skype di Melbourne, Danau Mammoth atau Manchester sekarang hanya berjarak satu klik saja.

Apakah Anda memilih untuk mencari aplikasi waktu di Dock, atau tidak, itu terserah Anda. Bagaimanapun, ingatlah bahwa Anda dapat meluncurkannya dengan sangat cepat jika Anda menggunakan Spotlight atau Alfred. Gunakan tombol CMD Spacebar atau Option Spacebar, masing-masing, untuk meluncurkan aplikasi ini. Solusi hebat bagi orang-orang yang menganggap keyboard lebih produktif.

The end result. (Note, you can continue to customise your "app" in the same way as described in section 1, step 4The end result. (Note, you can continue to customise your "app" in the same way as described in section 1, step 4The end result. (Note, you can continue to customise your "app" in the same way as described in section 1, step 4
Hasil akhirnya. (Catatan, Anda dapat terus menyesuaikan "aplikasi" Anda dengan cara yang sama seperti yang dijelaskan di bagian 1, langkah 4)

Semuanya Selesai!

Ya, ada aplikasi di luar sana yang melakukan hal serupa dengan memasukkan akses ke zona waktu global ke dalam Menu Bar Anda, tetapi biasanya membutuhkan biaya dan di mana kesenangannya? Aplikasi Fluid jauh lebih fleksibel, jadi mengapa tidak mengatur zona waktu global Anda, dan lebih banyak lagi, dan mendukung aplikasi Fluid dengan membeli lisensi, jika ini cocok untuk Anda.

Dalam tutorial ini, saya telah menunjukkan cara menyesuaikan aplikasi web dan membuat "aplikasi" dalam OS X, menggunakan alat yang disebut Fluid, untuk memberikan akses cepat dan mudah ke informasi zona waktu dari Dock. Pendekatan saya membebaskan Menu Bar Anda dari kekacauan ikon tambahan dan itu bahkan tidak mengharuskan Anda untuk menemukan aplikasi di dermaga - Anda dapat menggunakan peluncur cepat favorit Anda untuk menjalankan akses ke zona waktu global kapan pun Anda perlu tahu jam berapa di tempat lain .

Beri tahu kami, di komentar di bawah, bagaimana Anda mengatur zona waktu Anda, atau jika Anda memiliki tips atau trik lainnya.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Computer Skills tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.