7.2 Membuat komik digital sederhana

Dalam pembuatan komik digital sederhana, ada beberapa komponen yang diperlukan yaitu gambar bersambung (berupa .jpg atau .png). Setelah mempersiapkan gambar bersambung, pembuatan komik digital pada dasarnya hanya menampilkan beberapa gambar dengan bantuan tombol, yaitu tombol previous dan next.

Kesulitan yang dihadapi saat membuat aplikasi pada wearable device Samsung Gear S2 adalah bentuk layarnya bulat. Hal tersebut memerlukan waktu ekstra untuk menyesuaikan tampilan aplikasi dengan bentuk layar.

Step 1: Membuat Project Baru

1. File > New > Tizen Wearable Web Project.
7.7.1.1

2. Template > Basic > Project Name > Isi Project Name.
7.7.1.2

3. Komponen penting pada Project Explorer yaitu index.html, subfolder css, dan subfolder js.
7.7.1.3

Step 2: Menambahkan Aset, File dan Resource

  1. Tambahkan subfolder bernama images dan comic pada Project Explorer.
    7.7.2.1

  2. Pada subfolder images, tambahkan file gambar komik dengan cara copy terlebih dahulu gambar yang akan digunakan lalu klik kanan subfolder images > paste.

Berikut contoh gambar yang dapat dijadikan komik digital.
7.7.7.
7.7.2.23.

  1. Pada subfolder comic, tambahkan file yang bernama page1.html hingga page4.html (sesuai dengan jumlah gambar komik) dengan cara klik kanan subfolder comic > new > page1.html.

                                                           ![7.7.2.3](7.7.2.3.png)     
    
                                                           ![7.7.2.3.1](7.7.2.3.1.png)
    

Step 3: Menambahkan Code

  1. Tambahkan tombol previous dan next pada setiap file dari index.html, page1.html hingga page terakhir.
  2. Sesuaikan CSS dengan mengganti code pada subfolder css > style.css.

Lalu jalankan aplikasi dengan menggunakan emulator maupun device.

results matching ""

    No results matching ""