Tugas 4 PWEB 2021

 Di postingan ini, saya akan menjelaskan proses pembuatan website katalog yang saya kerjakan. Langkah-langkah yang saya lakukan adalah:

1. Membuat file html

Hal pertama yang saya lakukan adalah membuat file dengan nama index.html. Kemudian dengan memanfaatkan emmet di vscode, saya cukup mengetikkan html:5 untuk menggenerate boilerplate kode html 5. Kemudian saya tinggal menyesuaikan title dan lang.

2. Membuat kerangka website

Kemudian di dalam tag body, saya membuat kerangka websitenya. Pertama saya membuat header, tiga section yang masing-masing akan berisikan daftar produk, tentang, dan kontak, dan terakhir footer. Di dalam header saya menambahkan title, subtitle, dan juga nav. Di dalam nav sendiri saya menambahkan link ke section-section tadi. Dan terakhir, di dalam section produk saya menambahkan article untuk tiap baju.

3. Mengisi konten website

Langkah selanjutnya, saya menambahkan konten dari websitenya. Saya mencari gambar baju dari Google Image, kemudian diletakkan di folder img dan ditambahkan ke website. Saya juga memberikan deskripsi, harga, dan tombol beli di tiap baju. Tidak lupa juga saya menambahkan konten untuk section tentang dan kontak.

4. Menambahkan styling ke website

Kemudian setelah konten dirasa cukup, saya kemudian menambahkan styling. Untuk website ini saya menggunakan external css. Saya membuat file style.css di folder styles lalu mereference file itu di index.html. Di dalam file tersebut, saya memberikan styling ke class-class yang telah saya buat sebelumnya.

5. Men-deploy website

Setelah website dirasa cukup bagus, selanjutnya adalah men-deploy website tersebut. Masih sama seperti tugas sebelumnya, saya menggunakan github pages karena website ini masih statis. Saya membuat sebuah repo baru di Github dan meng-push kodenya ke repo tersebut. Lalu saya tinggal mengaktifkan github pages di setting repo tersebut dan website pun sudah bisa diakses.

Website ini bisa diakses dengan link berikut

Sementara source codenya bisa dilihat di link berikut

Tugas 4 MPPL A 2021

Di postingan ini, saya akan menampilkan Project Charter dari Moka Pos yang telah kami kerjakan. Anggota kelompok kami adalah:

• Muhammad Nur Abdurrauf 05111940000140
• Syamil Difaul Haq Sukur 05111940000196

Berikut adalah Project Charter yang sudah kami buat:

Tugas 3 PWEB B 2021

 Pada postingan ini, saya akan menjelaskan hal-hal yang saya lakukan untuk melengkapi website warung tegal. Langkah-langkah yang saya lakukan adalah:

1. Menyalin html

Yang pertama kali saya lakukan adalah menyalin file html yang terdapat di contoh berikut. Saya juga mencari gambar yang mirip dengan gambar di contoh itu.

2. Menambahkan slideshow

Kemudian saya memutuskan untuk menambahkan slideshow gambar makanan dibawah navbar. Saya menggunakan referensi berikut dalam pembuatannya. Saya menyalin kode html, css, dan js dari referensi tersebut, kemudian menyesuaikannya dengan keperluan saya. 

3. Menambahkan video

Lalu saya juga memutuskan untuk menambahkan video. Video yang saya gunakan akan diputar dari Youtube sehingga tidak perlu meng-host videonya. Pertama saya menambahkan div baru dan meletakkan section course didalamnya. Div itu kemudian saya atur stylenya supaya float di kiri dan kemudian saya membuat section baru dengan class video. Kemudian saya mencari video yang sesuai, menekan tombol share, memilih embed dan menyalin kode iframenya ke section video tadi.

4. Men-deploy website

Sama seperti tugas-tugas sebelumnya, saya memilih menggunakan github pages. Saya membuat sebuah repo baru dan meng-push kode website ke repo tersebut. Kemudian saya mengaktifkan github pages dari setting repo tersebut. Website pun sudah bisa diakses.

Website ini bisa diakses dengan link berikut

Sementara source codenya bisa dilihat di link berikut

Tugas 3 MPPL A 2021

Di postingan ini, saya akan menampilkan Statement of Work dari Moka Pos yang telah kami kerjakan. Anggota kelompok kami adalah:

• Muhammad Nur Abdurrauf 05111940000140
• Syamil Difaul Haq Sukur 05111940000196

Beberapa referensi yang kami gunakan dalam mengerjakan tugas ini adalah:

• https://relevant.software/blog/statement-of-work-sow-in-software-development-everything-to-know/
• https://gbksoft.com/blog/statement-of-work-in-software-development/
• https://info-menarik1.blogspot.com/2019/02/pengertian-statement-of-work.html

Berikut adalah SOW yang sudah kami buat:

Tugas 2 PWEB B 2021

Postingan ini akan menjelaskan proses pembuatan profil diri sederhana saya. Langkah-langkah yang saya lakukan adalah:

1. Membuat dokumen HTML baru

Dengan bantuan Emmet di VS Code, saya bisa dengan mudah menggenerate dokumen html. Kemudian saya hanya perlu menyesuaikan beberapa hal seperti title, lang, dsb.

2. Mengisi body html

Hal yang selanjutnya saya lakukan adalah membuat div dengan class container dan membuat beberapa section didalamnya. Alasan saya membuat div dan section seperti ini, adalah supaya lebih mudah melakukan styling nantinya.

Di tiap section inilah saya akan mengisi profil diri saya. Di section biodata, riwayat pendidikan, dan kontak, saya memilih menggunakan table. Sedangkan di section pengalaman dan prestasi saya memilih menggunakan definition list (dl). Selain itu saya juga menambah title utama di div dan subtitle di setiap section. Tidak lupa juga saya menambahkan foto di section biodata. Saya juga menambahkan class pada bagian yang saya rasa perlu di-styling nantinya.

3. Melakukan styling sederhana

Disini saya menggunakan internal style dengan menggunakan tag style di head karena halamannya masih sederhana sehingga masih mudah di-maintain meskipun tidak membuat file baru. Dengan memanfaatkan class yang telah saya tambahkan di langkah sebelumnya, saya bisa memilih suatu bagian dan mengubah stylenya.

4. Men-deploy profil

Langkah terakhir yang perlu dilakukan adalah men-deploy. Sama seperti tugas sebelumnya, saya memilih menggunakan github pages karena halamannya masih statis. Saya membuat repo baru di github kemudian mem-push profil yang sudah saya buat kesana.

 Kemudian saya membuka halaman setting repo saya di github, dan membuka pilihan Pages. Di situ saya memilih branch master sebagai source, memilih directory root, dan meng-klik tombol save. Setelah beberapa saat, halaman profil diri saya sudah berhasil dipublish

Profil diri saya bisa diakses melalui link https://raassh-23.github.io/tugas-2-pweb-profil-diri/, sedangkan kodenya bisa dilihat di repo https://github.com/raassh-23/tugas-2-pweb-profil-diri.

Tugas 2 MPPL A 2021

Di postingan ini, saya akan mencoba melakukan analisis yang dilakukan di tahap inisiasi pada sebuah siklus manajemen proyek. Proyek yang akan saya analisa adalah Moka POS.

Berikut adalah hasil analisisnya:

a. Identification of the problem

Masalah yang dapat diselesaikan proyek ini adalah:

• Pencatatan transaksi secara manual kadang menimbulkan kesalahan
• Kesulitan mengelola pesanan dalam jumlah besar
• Penggunaan e-wallet semakin meningkat
• Analisis penjualan harian sulit dilakukan
• Pencatatan stok barang kurang akurat
• Perhitungan pajak yang sulit
• Data toko dapat disalahgunakan karyawan
• Perlu memberikan diskon dan promo dengan mudah
• Kesulitan mengelola toko cabang
• Kesulitan mengelola toko online di berbagai platform
• Perlu melakukan analisis perilaku pelanggan untuk meningkatkan pelayanan
• Ingin melakukan survey pelanggan dengan mudah
• Ingin menerapkan program loyalty dengan mudah
• Di usaha restoran, pesanan bisa diantar ke meja yang salah

b. Identification of the scope

Scope dari proyek ini adalah pedagang dan umkm di Indonesia, baik barang maupun jasa

c. Identification of deliverables

Deliverables yang dihasilkan adalah sebuah aplikasi di mobile dan juga website dashboard. Selain itu, juga terdapat hardware opsional yang dapat digunakan, seperti printer, barcode scanner, dll.

d. Identification of the project stakeholders

Project stakeholders dari proyek ini adalah:

• Pemilik usaha
• Karyawan
• Pelanggan
• Pengembang Moka POS
• Pengembang aplikasi e-wallet

e. Development of a business case

Proses-proses bisnsi di proyek ini, antara lain:

• Pemilik usaha dan karyawan dapat register dan login
• Pemilik usaha dan karyawan dapat mencatat transaksi
• Pelanggan dapat membayar dengan e-wallet
• Pemilik usaha dapat mengatur barang dagangan
• Pemilik usaha dapat melihat dan mengisi stok
• Pemilik usaha dapat melihat arus kas
• Pemilik usaha dapat melakukan manajemen karyawan
• Pemilik usaha dan karyawan dapat melakukan manajemen pelanggan
• Pemilik usaha dapat memberikan promo, diskon, dan program loyalty 
• Pemilik usaha dapat mengelola toko-toko cabang dan toko online secara terintegrasi
• Karyawan dapat melayani pelanggan di toko online secara terintegrasi
• Karyawan usaha restoran dapat melakukan manajemen meja

Tugas 1 PWEB B 2021

 Di postingan ini, saya akan menjelaskan proses pembuatan website CV saya. Langkah-langkah yang saya lakukan adalah :

1. Mencari template

Saya memilih untuk menggunakan template yang sudah ada untuk mempercepat proses pembuatan. Dengan adanya template, saya tinggal melakukan beberapa penyesuaian sehingga pembuatan CV saya jadi lebih mudah tetapi hasilnya tetap bagus. Template yang saya pilih adalah Resume yang disediakan di Startbootstrap.

2. Mengubah konten website

Setelah template di-download, selanjutnya adalah mengubah konten dari file html-nya. Saya mengubah item di navbar menjadi berbahasa Indonesia dan juga mengubah urutannya. Saya juga mengubah urutan section sesuai dengan navbar dan mengubah isinya sesuai dengan data saya.

3. Mengubah style website

Berikutnya saya juga mengubah warna yang digunakan di template agar lebih sesuai dengan preferensi saya. Selain warna, saya juga mengubah style font untuk beberapa bagian. Saya membuat file css baru dan menambahkan link ke file tersebut di html-nya. Kemudian saya mengisikan file css tadi dengan style yang baru. 

 4. Men-deploy website

Setelah website dirasa sudah selesai, maka langkah selanjutnya adalah men-deploy website tersebut. Karena website-nya masih statis, saya memilih untuk menggunakan Github Pages yang gratis dan juga mudah digunakan. Pertama, saya membuat sebuah repository dengan nama raassh-23.github.io di Github. Kemudian saya commit dan push website tadi ke repo tersebut. 

Setelah push selesai, website CV saya sudah bisa diakses dengan url yang sama seperti nama repo tadi, yaitu raassh-23.github.io. 

Tugas 1 MPPL A 2021

 Di postingan ini, saya akan menjelaskan tugas yang telah saya kerjakan, yaitu:

1. Bergabung ke situs proyek

Saya sudah bergabung ke website projects.co.id sejak tahun 2015. Berikut adalah profil saya

2. Temukan pekerjaan/proyek yang sesuai

Saya sudah lama membuat service "Pembuatan Game Dengan Construct 3". Berikut adalah halaman servicenya

Project terakhir yang saya kerjakan adalah project dengan owner rizakusuma. Di project ini, owner meminta untuk dibuatkan sebuah game sederhana tentang pemisahan sampah.

Di game ini, pemain harus menggerakkan tempat sampah ke kiri dan kanan untuk menangkap sampah. Tempat sampah juga bisa diganti untuk menyesuaikan sampah yang akan ditangkap. Pemain akan kehilangan nyawa bila sampah yang ditangkap tidak sesuai tempatnya atau bila sampah tidak tertangkap. Jika nyawa pemain sudah habis, maka permainan berakhir. Level juga akan selesai ketika waktunya sudah habis.

Game ini ditujukan untuk android dan dibuat dengan menggunakan game engine Construct 3. Semua asset baik art maupun sound menggunakan free asset yang tersedia di internet. Demo game ini bisa dimainkan di link berikut.

3. Skill untuk mengerjakan proyek tersebut

• Graphic design untuk art game (kurang)
• Sound design untuk sfx dan bgm game (kurang)
• Construct 3 sebagai game engine (mampu)
• Javascript sebagai salah satu bahasa yang digunakan Construct 3 (mampu)