Skip to main content

Simple Traffic Light Apps


    Traffic Light Apps

    A. Abstraksi

        Dalam kesempatan kali ini saya akan membuat aplikasi sederhana yang menampilkan secara simpel gambaran lampu lalu lintas yang diatur oleh sebuah timer. Karena nantinya saya akan mencoba menampilkan secara visual sebuah lampu lalu lintas dengan timer-nya maka untuk dapat melakukan hal tersebut saya akan mencoba mengimplementasikan java swing untuk menampilkan GUI (Graphical User Interface) di dalam programnya nanti. Di dalam aplikasi sederhana nanti, GUI berfungsi untuk menampilkan 3 warna lampu yaitu merah, kuning, hijau yang menyala secara bergantian dalam selang 10 detik.


    B. Diagram

    B.1 Diagram Class

             Pada gambar di bawah ini adalah gambaran tentang hubungan beberapa class yang dibentuk untuk memvisualisasikan sebuah lampu lalu lintas.



    B.2 Diagram Object
            
              Pada gambar di bawah ini adalah gambaran kasar mengenai aplikasi sederhana Traffic Light.
 



    C. Source Code
    
    C.1 DigitPane.java
    
            Source Code yang ada di bawah ini digunakan untuk membuat tampilan waktu yang terletak di bawah traffic light.


    C.2 SignalPane.java
            Source Code yang ada di bawah ini digunakan untuk membuat tampilan warna-warna lampu lalu lintas.


    C.3 TrafficLightPane.java
            Source Code yang ada di bawah ini akan menentukan lampu mana yang akan menyala dan berapa lama lampu akan menyala.


    C.4 AppFrame.Java
            Source Code yang ada di bawah ini akan menampilkan semua yang sudah dibuat dalam beberapa code sebelumnya menjadi satu kesatuan.



    D. Output
        
        Cara menjalankan aplikasi sederhana yang sudah dibuat adalah sebagai berikut :




Comments

Popular posts from this blog

Login & Contact Us With Bootstrap

  Sup Daijoubu? Pos kali ini adalah dokumentasi tugas mengenai Bootstrap, implementasi bootstrap pada kesempatan kali ini adalah membuat halaman login dan contact us. Untuk tampilan masing-masing halaman adalah sebagai berikut : 1. index.html (Sebagai Home Page) 2. Login Form (Sebagai Login Page) 3. Feedback-Form (Sebagai Contact Us Page) Untuk source code tampilan di atas dapat diakses pada link di bawah ini : Repository Github Untuk melihat tampilan di atas secara live dapat diakses pada link di bawah ini: Login-Contact Web Sekian yang dapat disampaikan pada kesempatan kali ini. Terimakasih atas perhatiannya.

Simple Catalogue

 Sup Daijoubu? Pada kesempatan kali ini saya akan membuat sebuah katalog simpel menggunakan HTML + CSS, untuk tampilannya adalah sebagai berikut : Untuk membuat tampilan seperti di atas tentunya diperlukan file HTML & CSS (you dont say :v), berikut adalah file html & css : 1. index.html 2. style.css Untuk website dapat diakses pada link ini Wall.in   Sekian yang dapat saya sampaikan mohon maaf apabila ada kesalahan dalam penulisan

Lebih Simpel dengan Ajax

 Sup Daijoubu? Pada kesempatan kali ini saya akan mencoba mengimplementasikan ajax dengan cara yang sederhana. Akan terdapat 2 file yang terdapat komponen ajax yaitu text.html dan filter.html. 1. text.html, file ini akan mengimplementasikan AJAX untuk menampilkan sebuah text. 2. filter.html, file ini akan mengimplementasikan AJAX untuk melakukan filter. Untuk pengimplementasiannya akan terdapat beberapa file penunjang yaitu sebagai berikut : a. HTML : 1. index.html 2. text.html 3. filter.html b. CSS : 1. home.css 2. text.css c. JSON : 1. text.JSON 2. filter.JSON