# **DJANGO** ![Django Logo](https://hackmd.io/_uploads/SkWnRPW21l.png) **Django Introduction** Django adalah salah satu web framework yang menggunakan bahasa pemrograman Python. Web framework ini sangat berguna dalam pengembangan web karena sudah menyediakan komponen-komponen yang dibutuhkan untuk membuat dan menjalankan suatu web tanpa harus mulai dari nol. **Cara Kerja Django** Django mengikuti pola desain MVT (Model View Template). 1. Model - Data yang ingin Anda sajikan, biasanya data dari basis data. ``` models.py ``` 2. View - Penanganan permintaan yang mengembalikan template dan konten yang relevan - berdasarkan permintaan dari pengguna. ``` views.py ``` 3. Template - Berkas teks (seperti berkas HTML) yang berisi tata letak halaman web, dengan logika tentang cara menampilkan data. ``` <h1>My Homepage</h1> <p>My name is {{ firstname }}.</p> ``` 4. Alamat URL - Django juga menyediakan cara untuk menavigasi berbagai halaman di situs web. ``` urls.py ``` ![Django MVT](https://hackmd.io/_uploads/Skj7yu-n1x.jpg) **Depedencies** -Python -Virtual Environment ## **Hands On** 1. Buat Direktori baru ``` mkdir DJANGO ``` 3. Cek version Python ``` python --version Python 3.9.2 ``` 3. Buat dan aktifkan virtual environment ``` py -m venv venv .venv\Scripts\Activate.ps1 ``` 4. Instalasi Django didalam virtual environment ``` pip instal Django ``` 5. Membuat project baru dan run server Django ``` django-admin startproject netdev cd .\netdev\ py .\manage.py runserver ``` 6. Cek melalui akses localhost ![Screenshot 2025-03-13 101812](https://hackmd.io/_uploads/ryDoUOb3Je.png) 7. Membuat App ``` py manage.py startapp members ``` 8. Mengkonfigurasi views.py ![Screenshot 2025-03-14 174945](https://hackmd.io/_uploads/Sk7lcKb21g.png) 9. Tampilan web ![Screenshot 2025-03-14 175456](https://hackmd.io/_uploads/BJk4otW2kl.png) 10. Django Templates ![Screenshot 2025-03-14 181955](https://hackmd.io/_uploads/Bypybcb2Jg.png) 11. Konfigurasi urls.py pada folder project ![Screenshot 2025-03-14 182420](https://hackmd.io/_uploads/r1-fz9-n1g.png) 12. Konfigurasi urls.py pada app members ![Screenshot 2025-03-14 182420](https://hackmd.io/_uploads/rkerzcbhJg.png) 13. Konfigurasi views.py pada app members ![Screenshot 2025-03-14 182615](https://hackmd.io/_uploads/H1yuf9-nyg.png) 14. Membuat home yang berbeda ![Screenshot 2025-03-14 185514](https://hackmd.io/_uploads/SJFNK9WhJe.png) 15. Melakukan routing kepada setiap masing-masing home ![Screenshot 2025-03-14 185542](https://hackmd.io/_uploads/BJWvtcZ2kx.png) 16. Membedakan tampilan antara templates, home2, dan home3 ![Screenshot 2025-03-14 185656](https://hackmd.io/_uploads/SJjqKcZ21g.png) ![Screenshot 2025-03-14 185623](https://hackmd.io/_uploads/ByUot9WnJl.png) ![Screenshot 2025-03-14 185731](https://hackmd.io/_uploads/HkR3Y9Wnkx.png) 17. Mengakses web dari home yang berbeda-beda ![Screenshot 2025-03-14 185821](https://hackmd.io/_uploads/B1v-c9-nkl.png) ![Screenshot 2025-03-14 185833](https://hackmd.io/_uploads/S1GMccZnJe.png) ![Screenshot 2025-03-14 185844](https://hackmd.io/_uploads/Hycfq5Z2yg.png) 18. Direct ke page lain ![Screenshot 2025-03-21 180421](https://hackmd.io/_uploads/HJVRP693Je.png) ![Screenshot 2025-03-21 180300](https://hackmd.io/_uploads/HkACPT52yx.png) ![Screenshot 2025-03-21 185720](https://hackmd.io/_uploads/SyiNERcnye.png) ![Screenshot 2025-03-21 185727](https://hackmd.io/_uploads/r1rSVCqnJx.png) 19. Menambahkan folder Snippets ![Screenshot 2025-03-21 185823](https://hackmd.io/_uploads/S1cO4Cqn1e.png) 20. Menambahkan file js dan css ![Screenshot 2025-03-21 185924](https://hackmd.io/_uploads/rk6jN0c3kl.png) 21. Membuat file navigator dan sidebar ![Screenshot 2025-03-21 185957](https://hackmd.io/_uploads/BJjT40qhyg.png) ![Screenshot 2025-03-21 190014](https://hackmd.io/_uploads/HJoAN093ye.png) 22. Membuat superuser ![Screenshot 2025-03-21 190045](https://hackmd.io/_uploads/H1N-H09nyx.png) 23. Mengakses halaman admin ![Screenshot 2025-03-21 190129](https://hackmd.io/_uploads/HktmBC5hJe.png) ![Screenshot 2025-03-21 190153](https://hackmd.io/_uploads/SJ-rHR531g.png) 24. Menambahkan models ![Screenshot 2025-03-21 191451](https://hackmd.io/_uploads/HyFU_C9nye.png) ![Screenshot 2025-03-21 191522](https://hackmd.io/_uploads/B1twdA5nJg.png) 25. Menambahkan members ![Screenshot 2025-03-21 192012](https://hackmd.io/_uploads/rJTjtR9nJx.png) ![Screenshot 2025-03-21 192019](https://hackmd.io/_uploads/SkKnFR9nkx.png) ![Screenshot 2025-03-21 192030](https://hackmd.io/_uploads/Byx6YA9nkx.png) ![Screenshot 2025-03-21 192204](https://hackmd.io/_uploads/H1nx5R931x.png) 26. Menambahkan fitur-fitur ![Screenshot 2025-03-21 193216](https://hackmd.io/_uploads/HyhDhCc2yl.png) ![Screenshot 2025-03-21 193307](https://hackmd.io/_uploads/rkb9n0qh1g.png)