Iqbal Nurfaizi: April 2019

Nama : Iqbal Nurfaizi

NPM : 53416563

Kelas : 3IA02

Konsep Game

Seiringnya berjalan waktu game-game sekarang banyak yang bergrafik bagus dan gameplay yang sangat banyak FPS, RPG dan action sudah sangat banyak dijumpai pada saat ini. Meskipun masih banyak game yang bergrafik sederhana tapi masih banyak orang sering memainkannya, misalnya game Tetris. Game Tetris sudah begitu dikenal pada jaman sekarang ,apalagi bagi mereka para pencintanya. Game tersebut adalah salah satu jenis permainan yang sangat melegenda, bahkan mungkin sudah memiliki banyak versi dan episode dari permainan ini. Tampilan menarik serta tantangan dalam cara memainkannya,membuat permainan ini bukan saja disukai oleh pencinta permainan tapi juga oleh anak-anak dan orang dewasa.

Genre Game

Tetris adalah game teka-teki yang sangat sederhana, dan harus diakui, sangat adiktif. Kita bisa mengontrol balok tetris berputar pada sebuah sumbu agar dapat masuk kecelah dibawahnya. Game tetris merupakan Genre dari arcade. Game ini bertipe tersebut karena di game ini kita berpacu dengan waktu dimana kita harus mengatur posisi tetris sebelum sampai dibawah untuk menyesuaikan tetris tersebut kedalam celah celah yang ada, jadi harus memerlukan ketelitiann dan kecepatan untuk bisa memenangkan game tersebut.

Peraturan Game

Pada permainan, berbagai macam tetromino yang terdiri dari empat balok akan jatuh. Tujuan dari permainan ini adalah dengan memanipulasi tetromino yang jatuh, dengan mengerakannya ke samping atau memutarnya, sehingga akan terbentuk garis horizontal tanpa celah, ketika sudah terbentuk, tetromino tersebut akan menghilang, sehingga tetromino diatasnya akan terjatuh. Ketika permainan berlanjut, tetromino tersebut akan jatuh lebih cepat. Permainan akan berakhir apabila tetromino berikutnya terhalang sehingga tidak bisa masuk.

Grafik Game

Game tetris mempunyai spesifikasi yang sangat ringan sehingga dapat dimainkan di semua perangkat mobile atau desktop, dan setiap perangkat mempunyai spesifikasi yang berbeda-beda, untuk disemua perangkat game Tetris sudah bewarna RGB ( sudah support semua warna ) dan sudah HD pada semua perangkat tempat dimainkkannya Tetris Tersebut

Storybord Game

Untuk game kali ini saya menggunakan game tetris besutan EA games pada mobile android

Loading Screen

Setiap permainan akan dimulai dengan loading screen

Main Menu

Pilihan mode yang ada pada Tetris mobile android

Mode Marathon

DI mode ini pemain akan disugui permainan tertris yang tenang namun setelah sekain lama berhasil menyusun tetris, maka tetris akan turun lebih cepat dan disini kita dituntut untuk mendapatkan poin yang besar dengan cara bermain tanpa kalah atau berhenti

Mode explore

Disini pemain akan mengadu skill dengan pemain online dan adu kecepatan

Mode Galaxy

Di mode ini pemain akan mengexplore satu persatu rintangan yang ada, setiap level mempunyai rintangan yang berbeda, saat permainan dimulai pemain akan disuguhi tetris yang sudah disusun seemikian rupa dan pemain harus menyusun tetris sesuai tetrus yang sudah ada untuk menghilankan blok tetris setiap horizontalnya sampai habis dan semakin tinggi level maka kesulitan akan semakin bertambah

Kelompok: Iqbal Nurfaizi(53416563)
Joshua Filbert(53416759)

1. Buka Bootstrap di https://getbootstrap.com/

2. Kemudiian buatlah folder dengan format html menggunakan text editor, pada bagian ini saya membuat website sederhana dengan text editor Visual Studo Code

3. pada default folder hmtl maka sudah muncul code: <!DOCTYPE html>

<html>

<head>

<title>Softskill</title>

<body>

</body>

</html>

4. kembali kehalaman bootstrap, kita dapat menggunakan bootstrap dengan mengimportnya menggunakan link diantara <head>.....</head> atau kita dapat mengunduhnya secara langsung dan mengubah link importnya ke folder bootstrap yang sudah didownnload

5. pertama saya ingin membuat tulisan cover yang besar. Di Bootstrap sudah disediakan template tersebut dengan nama JUMBOTRON pada bagian dokumentai dengan link https://getbootstrap.com/docs/4.3/components/jumbotron/

6. Setelah itu Copy template yang sudah disediakann oleh bootstrap tersebut ke bagian diantara <Body>....</body> seperti contoh:

<body>

<h1 class="display-4">Web Science</h1>

<p class="lead">Web Science dapat disimpulkan yaitu segala sesuatu yang berkaitan dengan ilmu pengetahuan yang diperoleh dari sumber yang akurat dan dapat di unduh dari dunia maya tanpa kita harus menuju ke sumber informasi yang ada di informasi yang ingin kita cari, sehingga memudahkan kita untuk memperoleh informasi.</p>

</div>

</body>

7. Kita dapat mengubah tulisan yang ada pada jumbotron tersebut dah menambahkan beberapa option untuk mengubah font dan posisi tulisan yang ada

8. setelah itu pada bagian bawah kita menambahkan template card dari bootstrap dan dapat diambil dari link : https://getbootstrap.com/docs/4.3/components/card/

9. lalu tambahkan link berikut diawah </div> karena kita akan menambahkan komponenn baru dibawah jumbotron bukan didalam jumbotron seperti contoh:

body>

<h1 class="display-4">Web Science</h1>

</div>

<h5 class="card-title">Iqbal Nurfaizi (53416563)</h5>

<p class="card-text">Untukku sukses itu adalah mencari pengalaman bukan kemapanan </p>

<a href="https://www.instagram.com/iqbal_nurfaizi/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Rifqi Ranadi (NPM)</h5>

<p class="card-text">Sederas ombak lautan, ada rindu yang datang bersama kenangan</p>

<a href="https://www.instagram.com/rifqiranadi/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Luthfi Hamid (NPM)</h5>

<p class="card-text">Mereka bilang impian saya terlalu besar, saya bilang mereka berpikir terlalu kecil</p>

<a href="https://www.instagram.com/mdskb_/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Joshua Filbert (NPM)</h5>

<p class="card-text">Indeed, the great friends are hard to leave, and difficult to forget</p>

<a href="https://www.instagram.com/joshuafilbert/?hl=id" class="btn btn-info">Instagram</a>

</div>

10. setelah itu kita dapat mengubah tulisan dan gambar yang telah disediakan

11. untuk menambahkan gambar pada bagian (src=”#”) dengan mengetikkan nama folder gambar tersebut beserta formatnya berupa .jpg/png/DLL :

12. Berikut adalah keseluruhannya

<!DOCTYPE html>

<html>

<head>

<title>Softskill</title>

</head>

<body>

<h1 class="display-4">Web Science</h1>

</div>

<h5 class="card-title">Iqbal Nurfaizi (53416563)</h5>

<p class="card-text">Untukku sukses itu adalah mencari pengalaman bukan kemapanan </p>

<a href="https://www.instagram.com/iqbal_nurfaizi/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Rifqi Ranadi (NPM)</h5>

<p class="card-text">Sederas ombak lautan, ada rindu yang datang bersama kenangan</p>

<a href="https://www.instagram.com/rifqiranadi/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Luthfi Hamid (NPM)</h5>

<p class="card-text">Mereka bilang impian saya terlalu besar, saya bilang mereka berpikir terlalu kecil</p>

<a href="https://www.instagram.com/mdskb_/?hl=id" class="btn btn-info">Instagram</a>

</div>

<h5 class="card-title">Joshua Filbert (NPM)</h5>

<p class="card-text">Indeed, the great friends are hard to leave, and difficult to forget</p>

<a href="https://www.instagram.com/joshuafilbert/?hl=id" class="btn btn-info">Instagram</a>

</div>

</body>

</html>

13. Berikut adalah cara pembuatan website sederhana dengan bootstrap. Ini adalah sebagian dari front end web, dimana web web besar sudah menggunakan Bahasa pemograman dan system database yang canggih
14. Untuk melihat webnya bisa dilihat di link: http://softskill.epizy.com/tugassfotskill.html

Iqbal Nurfaizi

Sabtu, 27 April 2019

Game Tetris

Selasa, 23 April 2019

Proses pemmbuatan website sederhana dengan bootstrap