instalasi lua dan LuaSDL beserta dengan keunggulannya

Lua ?

Lua (/[invalid input: 'icon']ˈluː.ə/ loo-ə; dari bahasa Portugis: lua yang berarti "bulan") merupakan bahasa pemrograman ringkas yang

dirancang sebagai bahasa pemrograman dinamis berbasis skrip dengan semantik yang dapat dikembangkan atau ditambahkan. Sebagai bahasa skrip, Lua memiliki API dalam bahasa C yang relatif lebih sederhana dibandingkan bahasa skrip lainnya.

Lua ditulis pertama kali oleh Roberto Ierusalimschy, Luiz Henrique de Figueiredo, dan Waldemar Celes yang merupakan anggota Computer Graphics Technology Group (Tecgraf) pada universitas Pontifical Catholic, Rio de Janeiro, Brasil, pada tahun 1993.

Sebelumnya, sejak tahun 1977 hingga tahun 1992, pemerintah Brazil menerapkan kebijakan perdagangan yang membatasi perdagangan termasuk pertukaran baik perangkat keras ataupun perangkat lunak komputer. Dalam atmosfer yang demikian, banyak klien Tecgraf tidak mampu, baik secara politik maupun finansial, untuk membeli perangkat lunak dari luar. Alasan itulah yang mendorong Tecgraf untuk mengimplementaskan perangkat utilitas dasar yang dibutuhkan.

Secara historis, bahasa pemrograman Lua berawal dari bahasa pemrograman yang digunakan untuk pendeskripsian serta entri data, serta pengkonfigurasian suatu sistem yang masing-masing dikembangkan secara terpisah oleh tecgraf dari tahun 1992 hingga tahun 1993.[2] Tujuan pengembangan tersebut awalnya merupakan usaha untuk menambahkan fitur serta meningkatkan fleksibilitas atas dua proyek pengembangan perangkat lunak yang sedang mereka kerjakan saat itu. Namun terdapat kekurangan atas alur kontrol atas bahasa tersebut sehingga menumbuhkan ide untuk mengembangkannya lebih lanjut dengan fitur-fitur dasar yang lengkap sebagai sebuah bahasa pemrograman.

Kelebihan Bahasa Pemrograman Lua

Lua dalam penggunaan bahasanya memberikan beberapa kelebihan fasilitas-fasilitas diantaranya extensibility, simplicity, efisiensi, dan portabilitas. Dibawah ini merupakan penjelasan mengenai masing-masing fasilitas yang dimiliki bahasa pemrograman Lua tersebut.

1. Extensibility Extensibility Lua menarik perhatian sehingga banyak orang menganggap Lua bukan sebagai suatu bahasa, tetapi sebagai suatu perangkat untuk membangun bahasa-bahasa domain spesifik. Lua telah dirancang untuk diperluas, pada kode Lua dan kode eksternal C. Lua menerapkan banyak kemampuan dasarnya melalui fungsi-fungsi eksternal. Hal ini sangat mudah untuk menghubungkan Lua dengan bahasa-bahasa lain, seperti Fortran, Java, Smalltalk, Ada, bahkan dengan bahasa bahasa penulisan yang lain.

2. Simplicity Sederhana Lua adalah bahasa yang mudah dan sederhana. Lua mempunyai sedikit konsep. Kesederhanaan ini membuat Lua mudah dipelajari dan memperbesar suatu implementasi yang sederhana. Distribusinya yang lengkap source program, manual, biner-biner lebih untuk beberapa platform sesuai dengan floopy disk.

3. Efisiensi Lua mempunyai implementasi yang efisien. Benchmark yang mandiri menunjukkan Lua sebagai bahasa tercepat dalam dunia bahasa penulisan.

4. Portabilitas Lua dapat dijalankan di semua platform seperti: Android, NextStep, OS2, PlayStation II Sony, Mac OS-9 dan OS X, BeOS, MS-DOS, IBM, EPOC, PalmOS, MCF5206ELITE Evaluation Board, RISC OS, dan semua jenis Unix dan Windows. Source program untuk masing-masing platform hampir sama. Lua tidak menggunakan kumpulan kondisi untuk menyesuaikan kodenya kepada mesin-mesin yang berbeda sebagai gantinya.

Kekurangan Bahasa Pemrograman Lua

Bahasa pemrograman lua juga memiliki kekurangan diantaranya sebagai berikut :

1. Bahasa pemrograman Lua bersifat struktural dan bukan berbasis pemrograman berorientasi obyek.

2. Lua hanya mendukung beberapa jenis struktur data atomik seperti boolean, floating string dan srting. Jenis tipe atau struktur data lainnya seperti set, array atau list direpresentasikan dalam Lua melalui sebuah tipe data yaitu table.

Lua SDL ?

Lua-SDL2 adalah pengikatan portabel SDL2, ditulis dalam C murni untuk efisiensi. Ia mencoba untuk tetap sedekat mungkin dengan SDL, bertindak sebagai penjilidan sederhana daripada mencoba mendesain ulang interaksi antara programmer dan SDL.

Lua-SDL2 mengambil keuntungan penuh dari kemampuan berorientasi objek Lua sedapat mungkin, memungkinkan programmer untuk sepenuhnya memanfaatkan desain berorientasi objek bawaan SDL.

Lua-SDL2 dirancang agar kompatibel mungkin. Perpustakaan memiliki dukungan untuk semua fitur SDL2 terbaru, sementara masih mengkompilasi dengan SDL 2.0.1.

Jika perpustakaan dikompilasi dengan rilis titik yang lebih baru dari SDL dari apa yang tercantum di sini, perpustakaan harus tetap berfungsi, hanya tanpa akses ke fitur yang lebih baru.

Lua-SDL2 kompatibel dengan:
* Lua 5.1, 5.2, 5.3, or LuaJIT
* SDL 2.0.1 and greater

Installing

Jika Anda memiliki LuaRocks diinstal,

$ luarocks install lua-sdl2

Langkah-Langkah Menginstall Lua

Setelah mengenal apakah bahasa Lua itu, maka langkah selanjutnya adalah bagaimana malakukan pengaturan agar Sublime Text dapat dipergunakan untuk mempermudah proses pengerjaan program dalam bahasa Lua.

Sebagaimana plugin atau paket lain (semisal untuk bahasa Python), instalasi paket-paket tambahan yang diperlukan untuk bahasa Lua ini akan lebih mudah dilakukan jika menggunakan Package Control. Jika belum ter-install maka cara instalasi Package Control bisa dibaca dan diikuti pada link ini.

Dua sumber informasi yang baik yang dapat dipakai untuk memandu instalasi paket untuk Lua adalah:

How do you execute a lua file in sublime text 3?
Sublime Text

Berikut adalah paket-paket yang saya instal di Sublime Text untuk pemrograman dalam bahasa Lua:

LuaLove is a package for Sublime Text 2/3 with support for the Love2D API. It is based on SublimeLove, LuaSublime, and lua_snippet.
LuaExtended is a syntax definition and snippet package for Sublime Text 3.

Meskipun tertulis untuk ST 3, paket ini juga dapat berfungsi di ST 2.

Paket ini berfungsi untuk menyediakan interpreter internal sehingga pengguna dapat mencoba kode program secara interaktif. Sama seperti penggunaannya untuk bahasa Python , paket ini juga berfungsi baik untuk bahasa Lua.

Terakhir, kita dapat mencoba kode-kode contoh dari link pada bagian pertama artikel ini dengan Sublime Text yang telah konfigurasi sebagaimana pada bagian dua.

Sumber :
https://sunupradana.info/tkr/2017/06/27/sublime-text-lua/
https://github.com/Tangent128/luasdl2
https://text-id.123dok.com/document/wq2656rez-kelebihan-bahasa-pemrograman-lua-kekurangan-bahasa-pemrograman-lua.html

Read More

Pygame || Python

Pengertian Pygame

Pygame adalah seperangkat modul Python yang dirancang untuk membuat permainan. Pygame menambahkan fungsi di atas dengan sangat baik di SDL perpustakaan. Hal ini memungkinkan Anda untuk membuat sebuah game dengan fitur yang lengkap dan sebuah program multimedia dalam bahasa python. Pygame sangat portabel dan dapat berjalan pada hampir semua platform dan sistem operasi. Pygame sendiri telah didownload jutaan kali, dan telah memiliki jutaan kunjungan ke situsnya.

Pygame ini gratis. Dan dirilis di bawah Lisensi GPL , Anda dapat membuat sebuah aplikasi yang open source, gratis, freeware, shareware, dan game komersial dengan pygame ini.

Untuk pengenalan yang bagus untuk pygame ini, periksa baris demi baris simpanse tutorial, dan pengenalan untuk programmer python atau Bab 17 sampai 20 dari buku “Ciptakan Anda Game Komputer Sendiri dengan Python” .

Keunggulan dari Pygame

Kenapa menggunakan pygame? Banyak alasan menggunakan pygame diantara lain adalah :
· Sillness built in . Dibuat hanya untuk menghibur para pengguna aplikasi dan hanya hiburan semata saja .
· Truly portable . Bisa dimainkan di computer desktop dan bisa dimainkan dimana saja .
· Logic game . Logika permainanya juga sangat mudah karena mungkin pada generasi millennial kini lebih sering bermain game jadi untuk membuat game sudah terbayang .
· It’s Simple and easy to use . Anak kecil dan orang dewasa juga bisa mamainkan pygame karena konsep gamenya sangat basic sekali masih 2D dan juga untuk anak kecil tidak terlalu sulit .
· Komputasi juga ringan
· Dapat bekerja secara cepat pada computer yang menggunakan processor intel
· Sebagai sarana hiburan

Cara install pygame di Windows pada python 3

Langkah 1 : Cek versi python kalian.

Saya anggap kalian sudah install python nya ya.. jika kalian belum install python nya ya… kalian bisa baca tutorial instalasi python nya DISINI YA temen - temen…. Oke kita balik lagi ke pembahasan utama kita di postingan kali ini ya…

Nah langkah yang pertama ini, kalian harus mengetahui terlebih dahulu versi python yang terinstall di PC kalian dulu ya…. Bisa dengan cara membuka IDLE python nya seperti pada gambar no 1 di bawah ini. Atau bisa juga di C:/pythonxx/python.exe seperti pada gambar no 2 di bawah ini. Maka akan muncul seperti pada gambar no 3.

Langkah 2 : Medownload atau mengunduh file instalasi pygame.

Setelah itu kalian buka browser kalian dan pergi ke pygame.org/download.shtml . nah terus, klik link seperti Pada gambar bawah ini. Atau lebih mudahnya, kalian bisa klik link ini http://www.lfd.uci.edu~gohlke/pythonlibs/#pygame

Nah pilih file library pygame sesuai versi python kalian yang sudah kalian cek tadi pada langkah pertama tadi ya... Untuk memudahkan pemilihan versinya, kalian bisa lihat gambar di bawah ini.

Lalu download file yang sesuai versi python kalian ya… dan harus sesuai loh ya… hehe..

Langkah 3 : extract file hasil download.

Nah setelah itu, silahkan cari file instalasi pygame hasil download nya tadi ya… setelah itu, ubah extensi “.whl” menjadi “.zip”. caranya bisa lihat pada gambar di bawah ini ya..

Setelah itu extract seperti biasa ya… dengan cara klik kanan, lalu pilih “extract”. Sekarang buka folder “pygame-1.9.2.data” hasil dari ‘extract’ tadi. Lalu buka forder “Headers”. Setelah itu select semuanya. Atau tekan “ctrl+a” setelah itu klik kanan pada mouse lalu pilih “copy”. Untuk memudahkan step ini, kalian bisa lihat gambar di bawah ini agar lebih mudah.

Langkah 4 : Paste file yang sudah di copy.

Nah setelah kalian salin file – file nya, Lalu selanjutnya silahkan kalian pergi ke drive “C”. lalu pilih folder python sesuai versi nya. Contoh “pythonXX” huruf XX ini menandakan versi python nya. Contoh “python34”. Silahkan masuk ke folder “pythonxx” nya.. lalu masuk ke folder “include”. Nah di folder ini silahkan buat folder baru dengan nama “pygame”. Lalu paste file yang sudah di copy tadi kedalam folder “pygame” ini.untuk memudahkan langkah ini, silahkan simak gambar yang ada di bawah ini.

Langkah 5 : copy paste folder pygame.

Setelah itu selesai, silahkan copy folder “pygame” dan “pygame-1.9.2.data” hasil extract tadi ya. INGATT!!! Folder ”pygame” yang di copy adalah folder hasil extract nya ya.. bukan folder yang kita buat tadi. Untuk lebih jelasnya lihat gambar di bawah ini.

Lalu silahkan masuk ke dalam drive “C” lalu masuk ke folder “pythonxx”. Setelah itu masuk ke folder “Lib”. Lalu masuk ke folder “site-packages”. Nah silahkan paste di dalam folder “site-packages” ini ya. Untuk lebih jelasnya, simak gambar di bawah ini..

Langkah 6 : Finsih dan pengecekan.

Nah sekarang sudah selesai proses nya… namun, untuk memastikan pygame nya sudah terinstall atau belum, sekarang buka IDLE nya.. dan coba ketikkan “import pygame”. Dan jika tidak error berarti tandanya sudah berhasil seperti pada gambar yang ada di bawah ini... oke Selamat berkarya temen – temen…

Read More

game populer

Disetiap platform game, pasti terdapat game-game yang dianggap legendaris bagi orang-orang. Berikut adalah game legendaris yang ada di berbagai macam konsole

1. PS4 : 

A. God of War

God of War merupakan salah satu game legendaris yang hanya ada di PS. Karena game tersebut memiliki latar cerita yang sangat menarik yaitu Dewa dari Yunani.

B. Detroid : Become Human

Karena digame ini kita (robot) sudah banyak digunakan didunia manusia. Didalam game ini juga robot dapat memiliki perasaan seperti manusia. 

2. X BOX

A. Halo 5 : Guardian

Game ini merupakan game pertama game FPS pertama yang dikembangkan oleh X BOX. Game ini hanya ada di X BOX saja.

B. Forza Horizon 3 

Merupakan game balap yang dibuat dan dikembangkan oleh Microsoft hanya untuk X Box dan juga Microsoft Windows. Game ini sangat populer karena kita dapat bermain balapan bersama dengan orang lain atau biasa yang disebut dengan multiplayer.

3. Nintendo Switch

A. Mario Cart

Siapa diantara kita yang tidak kenal dengan karakter mario? pasti kita semua kenal dengan karakter Mario ini. Karakternya yang sangat unik dan juga menarik itulah yang membuat game ini banyak dimainkan oleh orang orang. 

B. Minecraft : Switch Edition

Minecraft merupakan game yang sangat terkenal di dunia maya. Game dengan grafik rendah tetapi banyak dimainkan orang orang karena digame tersebut kita dapat membuat dunia kita sendiri dan dimasuki oleh orang-orang. Selain bermain bersama teman-teman, kita bisa juga mendapatkan achievment di game tersebut.

4. Android & iOS

A. PlayerUnknown's Battlegrounds Mobile

Siapa diantara kita yang tidak kenal game PUBG? Game PUBG Mobile merupakan salah satu game PC yang diadaptasi kedalam sebuah mobile agar dapat digunakan disegala tempat. Pastinya game yang berisi 100 orang ini sangat asik dimainkan bersama teman-teman.

B. Mobile Legends

Mobile Legends merupakan game MOBA yang pertama kali diadaptasikan didalam sebuah mobile. Dengan gameplay yang lebih mudah dibandingkan PC, tentunya orang-orang akan memainkann game tersebut dengan sangat mudah dengan teman-temannya. Dan juga game Mobile Legends ini merupakan salah satu game dengan download paling banyak di device Android dan iOS.

Read More

Pengantar Teknologi Game | Pengantar Game

TOPIK 1 : DEFINISI GAME

Dalam kamus bahasa Indonesia “Game”diartikan sebagai permainan. Permainan merupakan bagian dari bermain dan bermain juga bagian dari permainan keduanya saling berhubungan. Permainan adalah kegiatan yang kompleks yang didalamnya terdapat peraturan, play dan budaya. Sebuah permainan adalah sebuah sistem dimana pemain terlibat dalam konflik buatan, disini pemain berinteraksi dengan sistem dan konflik dalam permainan merupakan rekayasa atau buatan, dalam permainan terdapat peraturan yang bertujuan untuk membatasi perilaku pemain dan menentukan permainan. Game bertujuan untuk menghibur, biasanya game banyak disukai oleh anak – anak hingga orang dewasa. Games sebenarnya penting untuk perkembangan otak, untuk meningkatkan konsentrasi dan melatih untuk memecahkan masalah dengan tepat dan cepat karena dalam game terdapat berbagai konflik atau masalah yang menuntut kita untuk menyelesaikannya dengan cepat dan tepat. Tetapi game juga bisa merugikan karena apabila kita sudah kecanduan game kita akan lupa waktu dan akan mengganggu kegiatan atau aktifitas yang sedang kita lakukan.

Game berasal dari kata bahasa inggris yang berarti dasar permainan. Permainan dalam hal ini merujuk pada pengertian kelincahan intelektual( Intellectual Playability Game) yang juga bisa diartikan sebagai arena keputusan dan aksi pemainnya. Dalam game, ada target-target yang ingin dicapai pemainnya.


Dampak Positif dari Game
1. Game membuat pintar

Penelitian di Manchester University dan Central Lanchashire University membuktikan bahwa gamer yang bermain game 18 jam per minggu memiliki koordinasi yang baik antara tangan dan mata setara dengan kemampuan atlet.

2. Game membantu melatih konsentrasi dan imajinasi

Dr. Jo Bryce, kepala penelitian di suatu universitas di Inggris menemukan bahwa gamer sejati punya daya konsentrasi tinggi yang memungkinkan mereka mampu menuntaskan beberapa tugas sekaligus. Dan juga game mampu untuk menumbuhkembangkan imajinasi yang ada pada tiap individu manusia.

3.Game membantu mengurangi strees

Banyak masyarakat luas khususnya orang tua meributkan kekerasan akibat video game. Sebetulnya, mereka tak mau mengakui kalau game itu salah satu cara yang tidak berbahaya untuk mengusir stres. Pertempurannya virtual, senjatanya palsu, dan darahnya juga bohongan. Bahkan “first-person shooter” yang paling keras pun serba digital. Para peneliti di Indiana University menjelaskan bahwa bermain game dapat mengendurkan ketegangan syaraf.

Contohnya :
1. Membuat anak pintar berbahasa inggris dikarenakan hamper semua game dibuat dengan memasukan bahasa inggris yang mau tidak mau kita harus belajar bahasa inggris dan menemukan kosa kata yang belum pernah kita temuin dan tak jarang banyak game yang dapat berkomunikasi dengan orang lain di manca Negara yang membuat kita terbiasa berkomunikasi dengan berbahasa inggris.
2. Melatih konsentrasi pada player, tidak jarang banyak game yang mengutamakan konsentrasi dalam gamenya , disaat itulah konsentrasi kita terlatih.

Tapi selepas dari itu semua game juga memiliki dampak negatif .

Dampak Negatif dari Game

1. Mengakibatkan Kecanduan serta Mengurangi Sosialisasi

Bila game dimainkan terus menerus tanpa henti dapat mengganggu kehidupan real yang kita jalani contoh: tidak mengerjakan tugas,membolos,dll. Dalam kehidupan sosial pun game juga dapat berpengaruh buruk, seperti sikap acuh tak acuh, ketidakpedulian serta sikap sombong. Hal ini dikarenakan karena game bertujuan supaya terus dimainkan oleh penggunanya(gamer) sehingga ia bisa melalaikan segala keperluananya.

2.Tingkat Kesehatan yang Terus Menurun

Bermain game terus menerus selama berjam-jam dapat membuat kesehatan pemainnya menurun dengan drastis. Diantaranya para gamer dapat terkena paparan cahaya radiasi komputer yang dapat merusak saraf mata dan otak, kesehatan jantung menurun akibat bergadang 24 jam bermain game (game online). Ginjal dan lambung juga terpengaruh akibat banyak duduk, kurang minum, lupa makan karena keasyikan main. Mengakibatkan berat badan menurun karena lupa makan, atau bisa juga bertambah karena banyak ngemil dan kurang olahraga, mudah lelah ketika melakukan aktivitas fisik, kesehatan tubuh menurun akibat kurang olahraga. Yang paling parah adalah dapat mengakibatkan kematian.

3.Tidak mampu membedakan mana kenyataan mana dunia game

Untuk dampak ketiga ini mungkin agak terlalu ekstrim dan beberapa terjadi di negara Amerika,Eropa serta Jepang dimana para gamer tidak dapat membedakan mana kenyataan dan mana dunia game.

Contohnya :
1. pada kasus penembakan oleh 2 orang siswa SMA di Amerika terhadap beberapa orang disekelilinginya dimana penembakan itu diilhami dari salah satu game tembak-menembak “QUAKE”. Dan juga masih banyak kasus-kasus serupa dimana mereka mengilhaminya dari memainkan game yang beredar di pasaran.
2. Pada kasus kecanduan game banyak orang yang mengudap gangguan tidak lepas dari gadget, mereka harus menjalani pengobatan yang intensif untuk mengembalikan ke keadaan yang normal.





TOPIK 2 : GAME DARI BEBERAPA KONSOL (PC,PS4,NINTENDO SWICTH, XBOX)

1. PS4 : Honor, Assassin Creed Odyssey
Alasan : game tersebut keren dan memiliki graphic luar biasa dan juga mengasah skill strategi
2. X-Box : Call of Duty: Black Ops 2, Kingdom Hearts
Alasan : game tersebut terbaik untuk mengasah skill berperan adapun untuk game kindom heart karakternya sangat lucu dan kombinasinya bagus
3. Nintendo Switch : Street Fighter, The Lagend of Zelda : A Link to the Past
Alasan : game tersebut memiliki strategi yang luar biasa dan dapat mengasah skill playernya
4. Android : LifeAfter, Subway Surf
Alasan : game tersebut keren dapat mengasah skill survive di alam bebas dan ketika ada serangan zombie, adapun game subway surf terlihat asik dimainkan
5. IOS : Sonic Racing, Sneaky Sasquatch
Alasan : siapa yang tidak kenal sonic karakter ini merupakan karakter legendaris yang telah lama menemani kita dalam serial maupun game
6. PC : Skryrim Elder Scroll V, War World Z
Alasan : game tersebut keren karena mengasah skill bertahan hidup di zaman kerajaan dan juga pada masa zombie

Read More

ANALISA WEBSITE MILIK PEMERINTAH

Pada kesempatan kali ini saya akan menganalisa website milik pemerintah salah satunya adalah website Kementrian Perencanaan Pembangunan Nasional / Badan Perencanaan Pembangunan Nasional (Bappenas)dengan alamat http://www.bappenas.go.id. Berikut sedikit penjelasan tentang profil website tersebut

VISI
"Mewujudkan kementrian PPN / Bappenas yang andal, kredibel dan proaktif untuk mendukung pencapaian tujuan berbangsa dan bernegara

MISI
Menyusun rencana pembangunan nasional yang berkualitas
Melakukan pemantauan dan evaluasi kinerja pelaksanaan rencana pembangunan nasional, kajian dan evaluasi kebijakan yang berkualitas terhadap permasalahan pembangunan, sebagai masukan bagi proses perencanaan berikutnya dan atau untuk perumusan kebijakan pembangunan di berbagai bidang.
Melakukan koordinasi yang efektif dalam pelaksanaan tugas-tugas Kementerian PPN/Bappenas

TUJUAN
Untuk mewujudkan Visi dan melaksanakan Misi di atas, Kementerian PPN/Bappenas menetapkan 2 (dua) tujuan yang akan dicapai dalam 5 (lima) tahun ke depan sesuai dengan peta strategi, sebagai berikut:
Terwujudnya rencana pembangunan nasional (RPJMN dan RKP) yang berkualitas.
Terlaksananya penugasan lainnya dari Presiden/Pemerintah dalam kaitan kebijakan pembangunan nasional.

Kelebihan Website
Dari segi tampilan, web tersebut tampak sederhana dan memberikan kesan elegan
Dari segi tata letak, web tersebut sangat tertata rapi
Menyediakan menu - menu yang menjelaskan tentang badan pemerintahan tersebut secara lengkap. Mulai dari profil serta kegiatan - kegiatannya
Web tersebut selalu up to date mengenai badan pemerintahan tersebut

Kekurangan Website
Mungkin karena script yang dimasukkan pada menu cukup banyak, saat mengakses web tersebut memerlukan beberapa waktu agar menu barnya muncul
Pada halaman utama web, tampilan yang ditampilkan cukup banyak sehingga menjadikannya terlihat rumit
Untuk mengetahui seberapa sering orang mengunjungi suatu website, banyak software atau web yang menyediakan informasi traffic rank untuk menghitung persentase orang yang mengunjungi website tersebut salah satunya adalah Alexa Rank
Alexa Rank
Sebuah peringkat yang di buat oleh Alexa.com untuk website atau blog berdasarkan banyaknya trafik atau kunjungan terhadap website atau blog tersebut, dan data trafik atau kunjungan tersebut adalah berdasarkan informasi dari jutaan pengguna internet yang memasang Toolbar alexa pada browser internet mereka yang digabungkan dengan informasi yang didapat Alexa rank yang lainnya

1. Seberapa populer website ini dikunjungi orang

 Dari gambar diatas kita dapat mengetahui pengunjung secara global berjumlah 116650 orang sedangkan pengunjung secara nasional berjumlah 2481 orang.

2. Siapa saja yang mengunjungi website ini

Dari gambar diatas kita dapat mengetahui pengunjung berasal dari 3 negara yaitu Indonesia, Turki dan yang terbanyak adalah Amerika.

4. Kata kunci pertama yang dimasukkan pada mesin pencari untuk mengakses web ini

5.Seberapa cepat website ini diakses

Kelebihan

Dari hasil uji diatas dapat diketahui bahwa

Alexa rank dapat diakses secara gratis

Alexa rank menjelaskan secara terperinci terhadap website yang di analisis mulai dari berapa banyak yang mengakses sampai lokasi pengunjung terbanyak pun dapat dilihat bahkan masih banyak lagi fitur yang ada

Dapa dijadikan widget pada website / blog

Kekurangan

Dari hasil uji diatas dapat diketahui bahwa

Walaupun Alexa Rank dapat diakses secara gratis namun untuk membuka fitur - fitur lainnya, Alexa Rank harus berbayar

Alexa Rank hanya menghitung secara akurat jika user menginstal Alexa Rank pada toolbarnya

Apabila sebuah website / blog mendapatkan satu pengunjung yang datang mengunjungi halaman - halaman pada website / blog tersebut maka hitungan data yang terhitung tetap satu kali

Read More

Membuat Website Dengan Bulma

Dinsi saya akan menjelasakan tentang cara membuat website dengan menggunakan tools tools yang digunakan untuk membantu dalam pembuatan website ini. Tools yang digunakan untuk tmapilan yaitu menggunakan Bulma jika kita membuat website dengan menggunakan css aja maka akan memakan waktu yang lama untuk menentukan posisinya dan lain lain.

Source link:

https://dafailyasa.github.io/tugas1/

ketika menghostingnya ada nama karena itu adalah username, jika tidak ada usernamenya makan tidak akan biasa dihosting

1.       Langkah pertama

-          Pada link 1, kita mengambil cdn atau API pada bulma karena untuk bias menggunakan bulma.

-          Link 2 dan script 2, kita juga menggunakan fontawesome dari google untuk memakai font dari google

-          Script 2, mengambil API pada jquery untuk selanjutnya akan dijelaskan dibawah

2.       Langkah selanjutnya kita membuat struktur struktur pada html seperti gambar dibawah:

-          Kegunaanya adalah supaya ketika membuat code lebih terstruktur

3.       Ketika kita sudah membuat struktur strukturnya kita langsung saja membuat Navigation:

-          Pada class class tersebut merupakan dari class bulma.

Maka hasilnya akan seperti gambar dibawah ini:

4.       Lalu kita membuat untuk tampilan Body atau isinya

Untuk membuat tampilan diatas maka codenya seperti berikut:

-          Untuk gambar seperti facebook dan lainya. Menggunakan gambar yang dimasukan pada folder yang sama

-          Sama seperti diatas website ini menggunakan class class pada bulma

Untuk membuat tampilan diatas maka codenya seperti berikut:

Untuk membuat tampilan diatas maka codenya seperti berikut:

Untuk membuat tampilan diatas maka codenya seperti berikut:

-          Kegunaan form adalah untuk button submit ketika kita sudah mengisi data yang dinginkan maka kita akan menuju ke Gmail aplikasi. Ketika seorang ingin menghubungi maka akan melalui gmail

5.       Kita menggunakan javascript supaya pada navigartion diatas ketika kita klik maka akan smooth scroll untuk memperindah website

6.       Untuk Hosting website ini menggunakan Github karena supaya kita tahu ketika ada perubahan kita bias melakukan perubahan terserbut. Dan juga ketika ada kesalahan kita bias kembali ke project sebelumnya.

-          Kita harus mempunyai account github tersebut

-          Jika sudah maka kita melakukan perintah pada coloum 1

-          Kegunaanya

o   Git init : untuk mengisisialiasi

o   Git add README.md : untuk menambahkan

o   Git commit : untuk commit ketika sudah dimasukan

o   Git remote: untuk menentukan origin mana yang mau kita pakai

o   Git push: untuk push pada remote

Full Source Code

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Pengantar Web Sience</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">

    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="style.css">

    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

   

  </head>

  <body>

      <!-- Navbar -->

    <nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">

    <div class="navbar-brand">

        <a class="navbar-item" href="#dafa">

        <h2 class="nav-name"> <b> Pengantar Web Sience </b> </h2>

        </a>

        <span class="navbar-burger burger" data-target="navMenu">

                <span></span>

                <span></span>

                <span></span>

              </span>

            </div>

        <div id="navMenu" class="navbar-menu">

        <div class="navbar-end">

                <a href="#about" class="navbar-item">About</a>

                <a href="#skill" class="navbar-item">Dev tool</a>

                <a href="#contact" class="navbar-item">Contact</a>

              </div>

        </div>

    </div>

    </nav>

    </div>

    </nav>

    <!--Intro-->

    <section class="hero"  id="dafa">

      <div class="hero-body">

        <div class="container">

          <h1 class="title" id="titone">

            Selamat Datang Semuanya Di Website Kami

          </h1>

          <h2 class="subtitle" id="subone">

            i design code beutifully simple things, and i love what i do.

          </h2>

          <div class=" is-horizontal-center">

            <a href="#"> <img src="image/facebook.png" alt="my facebook"> </a>

            <a href="#"> <img src="image/instagram.png" alt="my instagram"> </a>

            <a href="#"> <img src="image/github.png" alt="my github"> </a>

            <a href="#"> <img src="image/google-plus.png" alt="my google+"> </a>

          </div>

        </div>

          <img src="image/backgroundimg2.jpg" alt="my image profile" width="480" height="20" class="center">

         

        </div>

    </section>

    <!--the content-->

    <section class="hero is-light" id="about">

      <div class="hero-body">

        <div class="container">

          <h1 class="title" id="tittwo">

            Hi, Saya Mahasiswa Gunadarama

          </h1>

          <h2 class="subtitle"id="subtwo">

             <br>

            I study at Gunadarma University Informatics Engineering.<br>

            I'm exploring and learning about make website <br>

          </h2>

        </div>

      </div>

    </section>

    <!--the column-->

    <section class="hero"id="skill">

      <div class="hero-body">

        <div class="container">

          <h1 class="title" id="titone">

              Website Developer 

          </h1>

          <h2 class="subtitle"id="subfour">

              I tend to code things from scratch,

              and enjoy bringing ideas

              to life in the browser. 

          </h2>

          <h5 class="title is-5" id="titfour">Website ini Menggunakan : </h5>

          <h2 class="subtitle"id="subfour">

              HTML, CSS, javascript

          </h2>

          <h5 class="title is-5" id="titfour">  Dev Tools:   </h5>

          <ul>

            <li>Visual Studio Code</li>

            <li>Bulma</li>

            <li>Github</li>

            <li>Terminal</li>

          </ul>

        </div>

      </div>

    </section>

    <!--contact-->

    <section class="hero is-light"id="contact">

        <div class="hero-foot">

          <div class="container">

            <h1 class="title">

              Let’s create something you will love.

               

            </h1> <br><br><br>

            <form action="mailto:dafailyasa25@gmail.com" method="post" enctype="text/plain">

              <div class="field">

                <label class="label">Name</label>

                <div class="control">

                  <input class="input" type="text" name="name" placeholder="Your Name">

                </div>

              </div>

             

              <div class="field">

                <label class="label">Email</label>

                <div class="control">

                  <input class="input" type="text" name="mail" placeholder="Your Email"> <br>

                </div>

              </div>

              <div class="field">

                <label class="label">Message</label>

                <div class="control">

                  <input class="input" type="text" name="comment" placeholder="Your Message">

                  <br> <br>

                  <input class="button is-link" type="submit" value="Send">

                </div>

              </div>

             

            </form>

        </div>   

      </section>

  </body>

  <!--script for menu in mobile-->

  <script type="text/javascript">

    (function() {

    var burger = document.querySelector('.burger');

    var nav = document.querySelector('#'+burger.dataset.target);

    burger.addEventListener('click', function(){

    burger.classList.toggle('is-active');

    nav.classList.toggle('is-active');

  });

})();

  </script>

  <script>

    $(document).ready(function(){

      // Add smooth scrolling to all links

      $("a").on('click', function(event) {

   

        // Make sure this.hash has a value before overriding default behavior

        if (this.hash !== "") {

          // Prevent default anchor click behavior

          event.preventDefault();

   

          // Store hash

          var hash = this.hash;

   

          // Using jQuery's animate() method to add smooth page scroll

          // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area

          $('html, body').animate({

            scrollTop: $(hash).offset().top

          }, 800, function(){

      

            // Add hash (#) to URL when done scrolling (default click behavior)

            window.location.hash = hash;

          });

        } // End if

      });

    });

    </script>

</html>

Read More