pip install PySide2

4. Unduh aplikasi Qt Creator 5.12 di sini.

5. Sambil menunggu proses download selesai silahkan daftar akun Qt terlebih dahulu, ini diperlukan untuk melakukan autentikasi saat melakukan proses instalasi berlangsung nanti.

6. Pastikan untuk mencentang semua pilihan yang ada di saat instalasi. Ini diperlukan untuk menghindari error saat instalasi.

Running Tests

Setelah berhasil melakukan proses instalasi, saatnya kita melakukan pengetesan dengan membuat sebuah "Hello, Za Warudo!" dalam Aplikasi Qt Creator.

1. Mulailah dengan membuat project baru dengan mengeklik tombol New dan pilih "Qt Quick Application".

2. Namailah nama project kalian dan pilih lokasi yang akan dipilih. Yang digaris kotak merupakan opsional karena itu merupakan set default direktori project.

Kalian bisa pilih diantara ini, bebas :

Klik finish

3. Setelah itu masuk ke menu project yang ada di sebelah kiri. Pastikan untuk interpreternya terpilih Phyton 3.10.

4. Kemudian masuk ke menu Design dan pastekan kode tersebut di text editor.

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQml 2.3 //class yg dibutuhkan untuk QtObject

Window {
    id: window
    width: 640
    height: 480
    visible: true
    color: "#BF40BF"
    title: qsTr("Hello World")

        Item {
            id: container
            x: 0
            width: 640
            height: 200
            anchors.verticalCenter: parent.verticalCenter



            Rectangle {
                id: myRect
                width: 200; height: 175
                color: "black"
                radius: 10
            }

            Text {
                color: "#ffffff"
                text: "Hello, Za Warudo !"
                font.bold: true
                textFormat: Text.RichText
                font.pointSize: 10
                anchors.centerIn: myRect

            }

            states: State {
                name: "reanchored"
                AnchorChanges { target: myRect; anchors.right: container.right }
            }

            transitions: Transition {
                // smoothly reanchor myRect and move into new position

                AnchorAnimation {
                    duration: 2000
                    loops: Animation.Infinite
                }


            }

            Component.onCompleted: container.state = "reanchored"
        }
    
}

5. Klik Run dengan mengeklik tombol play berwarna hijau di tepi tepi kiri.

Nice! Kalian ready to go untuk menjadi seorang coder

Authors

Lessons Learned

What did you learn while building this project? What challenges did you face and how did you overcome them?

FAQ

Kenapa penjelasan mengenai program di dalam repo tidak dijelaskan?

Karena di repo ini hanya sebagai dokumentasi pekerjaan yang telah dilakukan saat melakukan magang di PT Rekaindo Global Jasa (PT REKA). Misalkan ikut di dokumentasikan disini, akan menghambat proses developing program ini dikarenakan Saya buat dari 0, "create from scratch".

Apakah ada rencana untuk membuat tutorial dengan Bahasa Indonesia?

Sudah sempat dipikirkan, setelah ada waktu dan tempat yang memadai Kalian bisa pantau melalui playlist ini.

Dimana tempat untuk mempelajari project yang semisal dengan ini?

Untuk sumber belajar Saya dapatkan berawal dari beberapa Channel di YouTube, diantaranya ini :

🔗 Find out More (Single Links)