Kadang-Koding adalah salah satu perusahaan yang bergerak di bidang media informasi sebagai software house pengembang website. Selama dua bulan magang di perusahaan ini, kami, para peserta magang, diberikan berbagai tugas untuk belajar dan mengembangkan kemampuan kami di dunia web development.
Pada hari pertama magang, kami langsung diberikan tugas pertama yang bertujuan untuk pembelajaran, yaitu membuat tampilan sederhana dari profil personal. Pengerjaan tugas ini diberi waktu sekitar satu minggu, dan tugasnya disampaikan melalui media Google Drive oleh pembimbing kami, Mas Dinar.
Saya membuat dua tampilan utama dalam tugas ini, yaitu halaman Home dan halaman Profile. Berikut adalah penjelasan mengenai hasil desain saya:
Tampilan Halaman Home
Penjelasan :
- Header Awal:
- Terdapat dua gambar (picture) yang dapat bergerak seperti slideshow.
- Disertai dengan form informasi singkat yang mencantumkan alamat, nomor telepon, dan email saya.
- Bagian Tengah
- Menampilkan foto saya dengan teks Welcome My Profile.
- Ikon media sosial Instagram dan Facebook yang dapat diklik untuk mengunjungi profil saya.
- Gallery
- Terdapat bagian galeri yang menampilkan beberapa foto saya, termasuk foto terbaru, foto dolan (jalan-jalan), dan koleksi foto lainnya.
- Terdapat bagian galeri yang menampilkan beberapa foto saya, termasuk foto terbaru, foto dolan (jalan-jalan), dan koleksi foto lainnya.
- Footer
- Terdapat teks Copyright 2019 Kreasi Suka-Suka.
- Terdapat teks Copyright 2019 Kreasi Suka-Suka.
- Desain Responsif
- Tampilan halaman ini dinamis dan dapat menyesuaikan dengan ukuran jendela (windows) yang digunakan, baik untuk tampilan desktop maupun mobile. Berikut untuk tampilan mobilenya
- Tampilan halaman ini dinamis dan dapat menyesuaikan dengan ukuran jendela (windows) yang digunakan, baik untuk tampilan desktop maupun mobile. Berikut untuk tampilan mobilenya
Tampilan Profile
Halaman kedua ini dapat diakses melalui tombol Contact Us di halaman Home.
Penjelasan :
- Header
- Berisi informasi sekilas seperti alamat, nomor HP, dan email, namun tanpa fungsi slideshow pada latar belakangnya.
- Berisi informasi sekilas seperti alamat, nomor HP, dan email, namun tanpa fungsi slideshow pada latar belakangnya.
- Bagian Profile
- Foto saya ditampilkan di sisi kiri, diikuti dengan informasi personal seperti:
- Nama
- Hobi
- Tanggal Lahir
- Status
- Ikon media sosial yang saya gunakan
- Selain itu, terdapat progress bar untuk menggambarkan tingkat kemampuan saya dalam berbagai bidang.
- Foto saya ditampilkan di sisi kiri, diikuti dengan informasi personal seperti:
- Footer
- Sama seperti halaman Home, dengan teks Copyright 2019 Kreasi Suka-Suka.
- Sama seperti halaman Home, dengan teks Copyright 2019 Kreasi Suka-Suka.
- Desain Responsif
- Halaman ini juga didesain dinamis sehingga dapat menyesuaikan dengan ukuran layar. Berikut untuk tampilannya:
- Halaman ini juga didesain dinamis sehingga dapat menyesuaikan dengan ukuran layar. Berikut untuk tampilannya:
- Navigasi
- Terdapat tombol Home untuk kembali ke halaman utama.
Kesimpulan
Pengalaman ini sangat berkesan karena tidak hanya mengasah kemampuan teknis saya dalam membuat desain web menggunakan HTML dan CSS, tetapi juga memberikan pelajaran tentang ketelitian dan kreativitas. Dengan bimbingan Mas Dinar, saya dapat menyelesaikan tugas ini dengan baik dan merasa bangga dengan hasilnya.
Magang di Kadang-Koding Indonesia benar-benar menjadi pengalaman berharga yang memberikan banyak pelajaran baru di dunia pengembangan perangkat lunak. Bagi siapa saja yang ingin belajar lebih banyak tentang web development, saya sangat merekomendasikan pengalaman magang seperti ini!
Categories: Motivation
0 Comments
Leave a comment