Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
BAB III
PELAKSANAAN KERJA MAGANG 3.1 Kedudukan dan Koordinasi
Kedudukan penulis dalam kerja magang ini adalah sebagai Web Programmer di Syscom Education Services. Sebagai Web Programmer penulis berkoordinasi dengan pembimbing lapangan seperti melaporkan progress setiap minggu.
Koordinasi dilakukan dengan cara tatap muka secara langsung dan via aplikasi chat.
3.2 Tugas yang Dilakukan
Tugas yang dilakukan selama kerja magang adalah menyelesaikan target dalam pembuatan situs company profile Syscom Education Services.
3.3 Uraian Pelaksanaan Kerja Magang 3.3.1 Proses Pelaksanaan
Proses magang dimulai dengan mewawancarai Bapak Joshua selaku marketing director untuk mendapatkan requirement berupa rancangan mengenai website yang akan dibuat. Hal utama yang diperlukan dalam pembuatan website ini adalah membuat halaman utama, halaman event, halaman university list, dan halaman about us.
Berdasarkan requirement yang telah ditentukan, struktur website yang dirancang adalah sebagai berikut. Sistem dimulai pada saat user membuka halaman home sebagai halaman utama website. Pada halaman home terdapat menu untuk berpindah halaman ke halaman event, halaman university list, dan halaman about us. Pada menu event user dapat melihat tabel daftar event yang akan diadakan oleh
Syscom. Pada halaman university list user dapat melihat daftar universitas yang bekerjasama dengan Syscom. Kemudian pada halaman about us user dapat melihat informasi umum terkait dengan Syscom.
3.3.2 Perancangan Sistem A. Sitemap
Sitemap adalah peta jalan yang diikuti selama pengembangan situs web.
Sitemap menguraikan maksud dan tujuan dari sebuah situs, seperti menarik pelanggan baru atau membuat penjualan online, untuk memberikan arahan kepada sebuah proyek (Hallissey, 2017). Manfaat utama sitemap adalah untuk memberi pengguna gambaran umum area situs dalam sekejap. Pembuatan sitemap dilakukan dengan mendedikasikan seluruh halaman untuk visualisasi arsitektur informasi (Nielsen, 2008).
Sitemap dari website PT Syscom Education Services dapat digambarkan sebagai berikut pada gambar 3.1.
Gambar 3.1 Sitemap situs PT Syscom Education Services (Sumber:katalog syscom, 2019)
Pada Gambar 3.1 digambarkan sitemap dari website PT Syscom Education Services. Pada level pertama website terdapat halaman home yang merupakan halaman utama website. Lalu pada level selanjutnya terdapat tiga halaman, yaitu halaman event, halaman about us, dan halaman university list. Ketiga halaman tersebut dapat diakses langsung dari menu halaman utama website. Pada halaman event terdapat sebuah komponen utama berupa tabel event list. Lalu pada halaman about us terdapat tiga buah komponen utama, yaitu history, vision and mission, dan google map location. Kemudian pada halaman university list terdapat sebuah komponen utama berupa list of university.
B. Flowchart
Dengan mengikuti perancangan secara tradisional, dibuatlah flowchart sebagai perancangan sistem. Menurut Indrajani (2011), flowchart merupakan gambaran secara grafik dari langkah-langkah dan urutan prosedur suatu program.
Gambar 3.2 Flowchart situs PT Syscom Education Services (Sumber:katalog syscom, 2019)
Pada gambar 3.2 merupakan proses umum dari situs PT Syscom Education Services. Proses dimulai dengan menampilkan halaman utama, kemudian sistem akan menerima input dari user berupa pilihan menu. Jika user memilih menu event maka sistem akan melakukan proses menu event. Jika user memilih menu about us maka sistem akan melakukan proses menu about us. Jika user memilih manu university list maka sistem akan melakukan proses menu university list. Kemudian jika user tidak memilih semua menu maka user dapat memilih untuk mengisi enquiry form. Jika user ingin mengisi enquiry form maka sistem akan menerima input dari user dan mengirim data ke database enquiry form, jika tidak maka sistem akan tetap menampilkan halaman utama. Jika semua proses telah selesai dilaksanakan maka user dapat memilih untuk kembali ke halaman utama atau tidak.
Gambar 3.3 Flowchart proses menu event (Sumber:katalog syscom, 2019) Pada gambar 3.3 menggambarkan proses menu event. Sistem melakukan proses menampilkan halaman event. Setelah sistem menampilkan halaman event maka user dapat memilih untuk kembali ke halaman utama atau tidak, jika ya maka proses telah selesai, jika tidak maka sistem akan kembali ke halaman event.
Gambar 3.4 Flowchart proses menu about us (Sumber:katalog syscom, 2019) Pada gambar 3.4 menggambarkan proses menu about us. Sistem melakukan proses menampilkan halaman about us. Setelah sistem menampilkan halaman about us maka user dapat memilih untuk kembali ke halaman utama atau tidak, jika ya maka proses telah selesai, jika tidak maka sistem akan kembali ke halaman about us.
Gambar 3.5 Flowchart proses menu university list (Sumber:katalog syscom, 2019)
Pada gambar 3.5 menggambarkan proses menu university list. Sistem melakukan proses menampilkan halaman university list. Setelah sistem menampilkan halaman university list maka user dapat memilih untuk kembali ke halaman utama atau tidak, jika ya maka proses telah selesai, jika tidak maka sistem akan kembali ke halaman university list.
3.3.3 Proses Perancangan
A. Perancangan Halaman Utama
Gambar 3.6 Halaman Utama (Sumber:katalog syscom, 2019)
Gambar 3.6 merupakan rancangan awal halaman utama website Syscom.
Pada halaman ini terdapat header yang berisi menu halaman. Pada bagian body website terdapat beberapa komponen yaitu sebagian daftar universitas, testimoni pelanggan, dan enquiry form.
B. Perancangan Halaman Event
Gambar 3.7 Halaman Event (Sumber:katalog syscom, 2019)
Gambar 3.7 merupakan rancangan awal halaman event website Syscom.
Pada halaman ini terdapat header yang berisi menu halaman. Pada bagian body website terdapat sebuah komponen yaitu tabel yang berisi daftar event.
C. Perancangan Halaman About Us
Gambar 3.8 Halaman About Us (Sumber:katalog syscom, 2019)
Gambar 3.8 merupakan rancangan awal halaman about us website Syscom.
Pada halaman ini terdapat header yang berisi menu halaman. Pada bagian body website terdapat beberapa komponen yaitu history dari Syscom, vision and mission dari Syscom, dan google map location.
D. Perancangan Halaman University List
Gambar 3.9 Halaman University List (Sumber:katalog syscom, 2019) Gambar 3.9 merupakan rancangan awal halaman university list website Syscom. Pada halaman ini terdapat header yang berisi menu halaman. Pada bagian body website terdapat sebuah komponen yaitu daftar universitas yang bekerjasama dengan Syscom.
3.3.4 Tampilan User Interface
Berikut adalah tampilan user interface dari situs company profile PT Syscom Education Services berdasarkan rancangan awal yang telah dibuat.
A. Halaman Utama
Gambar 3.10 Halaman Utama
Gambar 3.10 merupakan hasil dari perancangan awal tampilan halaman utama situs company profile PT Syscom Education Services. Pada bagian header
terdapat menu-menu untuk berpindah halaman, dimana terdapat kotak highlight berwarna oranye untuk menandakan halaman yang sedang diakses. Kemudian pada bagian body halaman utama ini terdapat informasi tentang sebagian daftar universitas yang bekerjasama dengan Syscom, testimoni dari pelanggan, dan enquiry form.
B. Halaman Event
Gambar 3.11 Halaman Event
Pada gambar 3.11 ditampilkan hasil dari perancangan awal halaman event.
Pada bagian body halaman event terdapat sebuah tabel yang berisi informasi mengenai event yang akan diadakan oleh Syscom.
C. Halaman About Us
Gambar 3.12 Halaman About Us
Pada gambar 3.12 ditampilkan hasil dari perancangan awal halaman about us. Pada bagian body halaman about us terdapat beberapa informasi mengenai sejarah perusahaan, visi dan misi perusahaan, dan lokasi google map perusahaan.
D. Halaman University List
Gambar 3.13 Halaman University List
Pada gambar 3.13 ditampilkan hasil dari perancangan awal halaman university list. Pada bagian body halaman university list terdapat informasi berupa daftar negara yang dapat dituju oleh calon pelanggan.
3.4 Kendala Yang Dihadapi dan Solusi Atas Kendala 3.4.1 Kendala Yang Dihadapi
Selama praktik kerja magang yang dilakukan, terdapat kendala dalam proses pembuatan website company profile PT Syscom Education Services yaitu kesulitan mendapatkan data yang lengkap.
3.4.2 Solusi Atas Kendala
Adapun solusi atas kendala yang dihadapi adalah memberitahu pembimbing lapangan atas kekurangan data yang diberikan dan meminta data – data yang diperlukan.