Belajar Ruby : Memahami Data Struktur Array Ruby

Memahami Data Struktur Array Ruby, artikel ini mengajarkan mengenai array dan cara membuat data struktur baru yang menggunakan kode hash ruby serta  menjelaskan bagaimana array dan hash dapat membantu membuat program ruby menjadi lebih baik.

Data Struktur Array Ruby

Array

Array merupakan sebuah variabel yang dapat menyimpan banyak data secara terstruktur dan bertingkat/multidimensi yang terdiri dari huruf dan angka yang bersifat sementara. bentuk dasar dari array seperti kode berikut ini :

kalimat 1 – 3 merupakan array  yang tersimpan dalam variabel, jika ingin ditampilkan berdasarkan indeks array dari data yang dimulai dari 0. nanti akan dijelaskan lebih lanjut.

berikut ini penulisan array dengan 2 tipe data string dan number.

sedangkan array multi dimensi adalah array didalam array, berikut ini contoh kode array multi dimensi bertipe data number.

sebagaimana array pada bahasa pemrograman yang lain, kita tahu bahwa array terurut berdasarkan indeks array dimulai dari nilai 0. hal ini juga berlaku juga sama di ruby.

Dalam kondisi yang berbeda misalkan kita ingin membuat indeks array yang tidak menggunakan number yang dimulai dari 0.

Hash Array Ruby

hash array digunakan jika kita tidak menggunakan indeks key dari array, format hash array harus menggunakan aturan penulisannya . berikut ini format kodenya

dapat dilihat terdapat sebuah kode “=>” yang mengartikan value/nilai dari key yang memiliki nilai sendiri disetiap “key” yang bisa kita tentukan dengan nama sendiri. contoh dalam kode program yang telah di perbaharui

untuk menggunakan hash array  kita harus mendefisikan kan suatu variabel yang menggunakan hash array, seperti ini :

kita dapat menambahkan banyak key ke variabel hewan kemudian menampilkannya menggunakan key dari hash array contoh nya seperti berikut

Sekarang Bagaimana menampilkan semua Hash Array dengan data yang banyak ?  masihkah dengan pengulangan pada ruby  , Kita akan menggunakan fungsi pengulangan .each untuk menampilkan data dari hash array.  lihat contoh berikut ini :

Kode  array diatas memiliki 5 bahasa pemrograman dihimpun dalam variabel bahasas. lalu mengulang array bahasas ke variabel bahasa kemudian mencetak variabel bahasa menggunakan puts.

Multidimensi Array

Sekarang kita akan belajar bagaimana menampilkan nilai dari multidimensi array contohnya

Outputnya seperti berikut ini

multidimensional

contoh kode lain yang menggunakan multidimensional :

multidimensional

 

Demikianlah cara Memahami Data Struktur Array Ruby , semoga bermanfaat dan selamat belajar cara memahami data struktur array ruby

Struktur Logika Perulangan Pada Ruby Programming

Struktur Logika Perulangan Pada Ruby Programming, Perulangan atau dalam bahasa inggrisnya adalah loop, atau looping.  Setiap bahasa pemrograman tentunya memiliki perulangan, terutama perulangan pada Ruby. Banyak algoritma yang memerlukan proses perulangan atau looping sebagai terwujudnya algoritma seperti menggunakan array, searching, sorting dan lainnya.

Memahami Perulangan Pada Ruby Programming

Ada beberapa perulangan pada Ruby, seperti for, while, until, dan .each. Dari masing-masing metode perulangan pada Ruby yang berbeda ialah .each. Jenis perulangan .eachbiasanya digunakan untuk memecah array, namun array sendiri dapat disedehanakan dengan semua perulangan, kembali lagi ke masing-masing kebutuhan.

Pengertian Dasar Perulangan Pada RUBY

Seperti namanya perulangan atau looping yaitu digunakan untuk mempermudah melakukan proses yang berulang-ulang sesuai dengan perintahnya. Contoh sederhananya adalah, apabila kita menampilkan angka 1 sampai 100.

Penulisan Perulangan FOR pada RUBY

Perulangan for digunakan untuk mengulang suatu pernyataan sebanyak yang kita butuhkan. Penggunaan perulangan for pada Ruby yaitu dengan menentukan kondisi jumlah atau nilai yang ingin diulang “variabel in  nilai awal .. nilai akhir ”, contoh sederhananya:

Dari kode perulangan for pada Ruby diatas akan mencetak angka 1 – 10, seperti gambar dibawah ini:

perulangan for pada ruby

penjelasan mengenai kode ruby diatas sebagai berikut

k : variabel yang digunakan untuk menampung nilai pengulangan

1 : nilai awal dari sebuah pengulangan

.. : mendefinisikan bahwa pengulangan berlanjut sampai

10 : nilai akhir dari sebuah pengulangan for

variabel akan menampung setiap pengulangan yang terjadi di ruby mulai dari nilai awal sampai dengan nilai akhir.

 

Penulisan Perulangan While Pada RUBY

Perulangan while mirip dengan for, namun untuk menentukan kondisinya hanya dengan menggunakan operator perbandingan saja, misalnya $i <= batas, contoh sederhananya:

Untuk outputnya kurang lebih sama dengan penjelasan perulangan sebelumnya, yaitu perulangan dengan menggunakan for. Dimana akan menampilkan angka 1 – 9, perbedaan yang mencolok dengan menggunakan for adalah kondisi tidak ditulis didalam fungsi perulangannya, dan proses penambahan angka.

 

Penulisan Perulangan each pada RUBY

Jenis perulangan each pada RUBY ini adalah yang paling berbeda dari perulangan sebelumnya, yaitu perulangan each pada RUBY ini berguna untuk memecah isi array, atau lebih sederhananya ialah untuk menyederhanakan nilai array agar dapat dibaca dengan mudah, berikut ini adalah contoh Kode nya:

Contoh sederhana diatas maka akan menampilkan output seperti gambar dibawah ini:

pengulangan each di ruby

Demikianlah Cara Memahami Perulangan Pada Ruby Programming

Belajar Ruby : Memahami Control Flow dalam Ruby

Memahami Control Flow dalam Ruby, Di setiap bahasa pemrograman akan selalu memiliki Control Flow untuk pengkondisiannya dan hal ini berlaku juga untuk Ruby karena itu kali ini akan dibahas kali ini adalah mengenai apa saja Control Flow dalam Ruby.

Control Flow dalam Ruby

Dengan adanya Control Flow memberikan fleksibelitas dalam bahasa pemrograman ruby yang dibutuhkan karena kita dapat memilih berbagai macam output tergantung dari input user atau hasil output merupakan hasil dari proses yang terjadi dari program yang dibuat.

PENGKONDISIAN DI RUBY

Memahami IF…else

if

If di Ruby berfungsi untuk membuat ekpresi, yang berfungsi menentukan kalimat untuk diperiksa kondisinya yang bernilai benar atau salah. jika ekpresi bernilai benar/true, maka ruby akan menjalankan perintah/kode yang ada di dalam blok if. sebaliknya jika ekpresi bernilai salah/false, maka ruby tidak akan menjalankan perintah tersebut.

berikut ini adalah contoh kode IF di bahasa pemrograman ruby :

if…else

selanjutnya kondisi IF…Else , else merupakan perintah lanjutan yang dapat kita gunakan jika suatu kondisi tidak berisi nilai true, maka akan melanjutkan ke baris perintah yang ada di else.

contoh kodenya seperti berikut ini :

kode diatas menjelaskan jika nilai 1 lebih besar dari nilai 2 maka jalankan perintah print “I wont get Printer because one is less than two” dan jika bukan maka menjalankan perintah lainnya.

if…elsif…

ekpresi if dengan pengkondisian lebih dari 2 dapat menggunakan if…elseif… Jika ekpresi ini kamu dapat membuat pengkondisian sebanyak yang dibutuhkan. contoh kodenya sebagai berikut

Unless

Unless memiliki arti kalau tidak yang biasa digunakan untuk memeriksa yang memiliki nilai false dibanding dengan nilai true. kondisi ini terbalik dengan ekpresi if..else. kodenya seperti ini

kode diatas akan menjalankan perintah puts “time to eat!” jika hungry bernilai true dan sebaliknya.

OPERATOR DI RUBY

Equal dan Not Equal

dalam bahasa indonesianya “sama dengan”. kita bahas ini karena “sama dengan” telah kita gunakan untuk membuat variabel “=” ( baca disini : Membuat Program Sederhana Ruby ).

Operator ini biasanya akan kita gunakan untuk membandingkan antara dua nilai. untuk itu kita akan menggunakan operator “==” untuk melakukan tugas tersebut. contoh kode menggunakan equal

dan satu lagi adalah Not Equal atau “tidak sama dengan” yang merupakan kebalikan dari Equal, untuk membandingkan 2 nilai dengan ketentuan tidak harus sama. Contoh Kodenya Seperti Berikut ini :

Less Than dan Greater Than

Less Than ( Kurang Dari ) dan Greater Than ( Besar Dari ), operator ini akan digunakan untuk membandingkan sebuah nilai dengan tipe data number. Operator ini terdapat 4 macam Simbol yaitu :

  • Kurang Dari : <
  • Kurang Dari Sama Dengan : <=
  • Lebih Besar Dari : <
  • Lebih Besar Dari Sama Dengan : <=

Contohnya Seperti Kode Berikut Ini

 

And, Or, Not

Selanjutnya Operator Boolean yang biasa digunakan di Ruby ada 3 macam yaitu :

  • And ( && )
  • Or ( || )
  • Not ( ! )

Contoh Kode :

Demikian Belajar Ruby : Memahami Control Flow dalam Ruby, Semoga Bermanfaat apabila belum mengerti harap bertanya pada kolom komentar. terima kasih

Belajar Ruby : Membuat Program Sederhana Ruby

Pada Artikel ini kita akan belajar membuat program sederhana ruby, program sederhana ini akan membaca input dari user dan menggunakan fungsi capitalization .

Ruby bahasa pemrograman

kita akan menggunakan fungsi-fungsi ruby yang telah dibawah sebelumnya di artikel berkenalan dengan bahasa pemrograman ruby

Fungsi “.capitalize!”

fungsi yang dapat mengubah huruf pertama pada kalimat menjadi huruf kapital. contoh

fungsi capitalize di ruby

 

Program Sederhana Ruby

setelah belajar 1 fungsi baru selanjutnya kita akan membuat aplikasi sederhana.

Buatlah 1 baris kode yang menanyakan nama. seperti berikut

selanjutnya kita menyimpan hasil input dari user jawab dari pertanyaan menggunakan gets.chomp.

tambahkan kode dibawah ini setelah kode yang telah kita buat sebelumnya.

fungsi  gets digunakan untuk mengambil input dari user, ruby secara otomatis membuat newline setelah fungsi ini.

sedangkan fungsi chomp digunakan untuk menghapus baris baru lebih dari 1 ketika menggunakan fungsi gets . sebenarnya kamu dapat menggunakan tanpa chomp tetapi akan ada beberapa newline.

kemudian tambahkan beberapa pertanyaan tambahan lagi seperti nama akhir, kota asal dan provinsi. 

setelah mengeksekusi gets.chomp tiap nilai di simpan dalam variable, untuk menampilkan data didalam variabel gunakan kode berikut :

untuk menampilkan variabel didalam string dapat menggunakan kode #{nama_variabel}!

jangan lupa untuk menggunakan kode capitalize! dibawah kode gets.chomp disetiap kode pertanyaan sehingga akan terlihat perbedaan antara keduanya.

sehingga kode secara keseluruhan menjadi seperti kode dibawah ini

hasil kode Program Sederhana Ruby

demikian artikel Belajar membuat Program Sederhana Ruby dan semoga artikel ini bermanfaat.

Belajar Ruby : Berkenalan Dengan Bahasa Pemrograman Ruby

Berkenalan Dengan Bahasa Pemrograman Ruby, Setelah sebelumnya kita Melakukan Persiapan untuk belajar bahasa pemrograman ruby selanjutnya kita akan mengenal ruby lebih dalam lagi.

Ruby adalah bahasa yang powerfull dan flexibel kita dapat menggunakannya untuk aplikasi web development atau pembuatan website.

Bahasa ini juga dapat digunakan untuk memproses text, membuat game, dan merupakan bahasa utama dari framework web ruby on rails.

Bahasa Pemrograman Ruby

Kelebihan Ruby

Bahasa Pemrograman ruby memiliki 4 kelebihan yaitu :

High-Level : bahasa pemrograman yang mudah untuk dimengerti dan ditulis dengan bentuk yang terstruktur kode ruby.

Interpreted : Memiliki kemudahan dalam melakukan maintenance terhadap suatu kode/aplikasi, sehingga apabila terdapat sebuah bug pada program dalam lebih mudah untuk di ketahui.

Object-Oriented  : Bahasa Pemrograman yang beroritentasi kepada objek, semua data dan fungsi didalam paradigma dibungkus dalam kelas-kelas atau objek-objek.

Easy To Use : Bahasa Ruby telah diciptakan oleh Yukihiro Mastsumoto dan biasa dipanggil dengan Matz pada tahun 1995. Matz membuat sebuah bahasa pemrograman menekankan pada kebutuhan manusia pada komputer. oleh karena itu lah mengapa ruby easy to use.

 

Tipe Data Ruby

Di ruby kita dapat menyimpan informasi atau data yang menggunakan bermacam tipe data. Terdapat 3 tipe data pada ruby  yang harus kamu ketahui :

  1. Number, Digunakan untuk menyimpan kode yang berupa angka, contoh : 12,14,60,12
  2. Boolean, Digunakan untuk memberikan hasil nilai true dan false, contoh : true, false
  3. String, Digunakan untuk menyimpan sebuah teks. contoh : “ini sebuah teks diruby”

 

Latihan buatlah 3 variabel dengan 3 tipe data yang berbeda.

 

Variabel Ruby

salah satu dasar dari sebuah pemrograman adalah variabel. kamu dapat membuat variabel dengan sebuah nama yang menyimpan sebuah nilai.

Sebagai contoh kita akan membuat sebuah variabel dengan nama my_num yang memiliki nilai 25 dan dapat kita tuliskan menjadi seperti berikut ini :

jadi untuk mendeklarasikan sebuah variabel di ruby caranya sangatlah mudah dengan membuat sebuah nama variabel my_num,  gunakan = untuk mengisi nilai di variabel lalu variabel sudah siap digunakan.

sebaiknya sebuah variabel menggunakan huruf kecil agar mudah diingat, contoh menampilkan nilai dalam variabel

penulisan variabel dalam ruby

 

Aritmatika Operator Ruby

Variabel ruby tidak hanya untuk menyimpan sebuah variabel seperti contoh diatas tetapi juga dapat melakukan semua perhitungan yang di ajarkan pada waktu sekolah.

terdapat 6 operator aritmatika di ruby yang nantinya sering digunakan yaitu

  1. Addition/Tambah ( + ) , contoh : 2 + 3 = 5
  2. Subtraction/Pengurangan ( – ), contoh : 2 – 3 = -1
  3. Multiplication/Perkalian ( * ), contoh : 2 * 3 = 6
  4. Division/Pembagian ( / ), contoh 3/3 =1
  5. Exponentiation/Pangkat ( ** ), contoh 2**3 = 8
  6. Modulo/Sisa Bagi ( % ), contoh 25 % 7 = 4

contoh perhitungan aritmatika dalam ruby

 

Perbedaan ‘puts‘ dan ‘print‘ di Ruby

kode print di ruby hanya akan menampilkan nilai yang kamu buat. sedangkan kode puts sedikit berbeda, kode puts akan dimulai dengan baris baru setelah menampilkan nilai yang kamu buat, terlihat pada kode dan gambar berikut ini.

put dan print ruby

 

Fungsi Di Ruby

Seperti yang sudah dijelaskan bahwa ruby  adalah object-oriented dan berarti semua yang ada di ruby merupakan object.

ruby memiliki fungsi tersendiri layaknya sebuah pemrograman yang dibawa dari bahasa ini, fungsi tersebut seperti menghitung panjang sebuah string, membalik sebuah kata dan lainnya.

akan kita bahas pada artikel ini..

 

Fungsi “.length”

merupakan fungsi yang digunakan untuk menghitung jumlah dari string. cara menggunakannya adalah fungsi diletakan setelah kode puts dan print. contoh

fungsi length pada ruby

terlihat jumlah string dari kalimat adalah 45 huruf termasuk spasi. fungsi ini dapat digunakan sebagai validasi menghitung jumlah karakter yang diinput oleh user.

 

Fungsi “.reverse”

cara menggunakan fungsi reverse ini sama dengan fungsi length. tetapi fungsi ini digunakan untuk membalikkan suatu string. contoh kode dan gambar di interactive ruby

fungsi reverse di ruby

kode di atas akan menampilkan kata yang terbalik dari kata yang diinput. contoh alow menjadi wola

 

Fungsi “.upcase” dan “.downcase”

dua fungsi ini digunakan mengubah suatu string, upcase digunakan untuk mengubah semua huruf menjadi huruf besar sedangkan downcase malah sebaliknya yaitu mengubah huruf menjadi huruf kecil. contohnya sebagai berikut

fungsi upcase dan downcase pada ruby

Koment Dibaris Kode Ruby

untuk  membuat koment di baris kode ruby kita dapat menambahkan tanda # untuk membuat sebuah catatan di kode dan tidak akan tereksekusi

selain menggunakan tanda # kamu juga membuat catatan dengan multi line menggunakan kode =begin dan diakhiri dengan =end

 

demikian artikel Berkenalan Dengan Bahasa Pemrograman Ruby, semoga dapat bermanfaat.

 

Belajar Ruby : Persiapan Belajar Bahasa Pemrograman Ruby

Ruby adalah bahasa pemrograman ruby dinamis berbasis skrip yang berorientasi obyek. Tujuan dari ruby adalah menggabungkan kelebihan dari semua bahasa-bahasa pemrograman skrip yang ada di dunia. Ruby ditulis dengan bahasa pemrograman C dengan kemampuan dasar seperti Perl dan Python. Sumber : Wikipedia

Untuk belajar bahasa pemrograman ruby kita harus mempersiapkan software dan kamu membutuhkan koneksi internet

Ruby dapat digunakan di banyak sistem operasi  linux, OS X, dan windows.

Ruby Di Linux/UNIX,

1. Pertama masukkan kode berikut di terminal ubuntu

2. kemudian Download package rbenv dan RVM

3. Setelah didowload ketik kode berikut di terminal x.x.x sesuaikan dengan versi yang sudah didownload

4. proses akan sedikit lama tergantung dengan kecepatan komputer kamu

5. setelah selesai lalu ketikan kode instal  ini

setelah selesai coba check versi ruby kamu dengan perintah

jika tidak berhasil coba gunakan perintah ubuntu ini

 

Ruby Di Windows

Disini kamu membutuhkan koneksi internet dan Ruby installer , Download installer Disini

Double klik aplikasi ruby installer.exe , kemudian lakukan seperti proses install seperti biasa

ruby installer

Setelah proses instal selesai maka akan dilanjutkan dengan komponen tambahan installer yang lain tekan enter untuk melakukan download-install komponen tambahan yang lain.

Pemrograman Ruby

Tunggu proses download-install, proses ini akan menggunakan waktu yang cukup lama tergantung kecepatan koneksi internet yang kamu miliki.

Setelah proses selesai kamu dapat menggunakan ruby di all programs – ruby x.x.x.x (tergantung versi) – interactive ruby.

Interactive ruby ini lah yang akan kita gunakan sebagai editor untuk belajar bahasa pemrograman ruby.

hello world ruby

Demikian artikel Persiapan Belajar Bahasa Pemrograman Ruby, untuk artikel selanjutnya akan di bahas mengenai dasar dasar pemrograman ruby. atas perhatiannya semoga membantu.

Source Code Ecommerce Sederhana Gratis

Source Code Ecommerce Sederhana Gratis, Dibuat menggunakan PHP versi 4 dibuat dengan sederhana :

aplikasi  Ecommerce Sederhana Gratis terdiri dari

halaman frond end :

  • Registrasi Page
  • Login Page
  • Order Page
  • Item Page

Halaman Back End :

  • Ganti Password
  • Data Pelanggan
  • Data produk
  • Data Transaksi
  • Laporan-Laporan

Berikut ini gambar Front end

FRONT END ECOMMERCE SEDERHANA

Gambaran Back End

Back ENd Ecommerce Sederhana

jika Berminat File Dapat Di Download Disini

Note Gdrive : Z****.B***@***L.C**

Membuat Website AMP Sederhana Dengan Mudah

Membuat Website AMP – Bagian satu, setelah berkenalan secara singkat mengenai web AMP (accelerated mobile pages) sekarang kita akan membuat halaman sederhana tersebut beserta tag-tag AMP yang wajib kita gunakan.

penulis anggap pembaca telah memiliki aplikasi xampp di komputer nya jika belum silakan Baca : cara Instal dan cara menggunakan xampp.

  1. untuk mulai Membuat Website AMP sebaiknya gunakan lah google crome karena kita akan menggunakan devtools di browser crome untuk validasi, silakan download halaman berikut ini disini
  2. setelah didownload extract file di folder htdocs dan beri nama “amp” pada folder
  3. kemudian akses halaman amp dengan mengetikan http://localhost/amp/article.html di browser
    Membuat Website AMP - contoh halaman HTML AMP di Browserakan tampil halaman seperti ketika mengakses.  halaman tersebut
  4. didalam file article.html terdapat kode html biasa yang akan kita ubah menjadi halaman yang support AMP. berikut ini kode-kode html dari article.html
  5. copy semua code article.html kemudian paste di halaman yang baru lalu disimpan dengan nama article.amp.html
  6. lalu tambahkan AMP js berikut ini diantara <head> di halaman article.amp.html

    sehingga menjadi seperti ini
  7. lalu simpan, selanjutnya adalah membuat file article.amp.html di browser dengan mengakses http://localhost/amp/article.amp.html#development=1 , #development=1 digunakan untuk memvalidasi halaman amp.
  8. lalu aktifkan crome devtools (ctrl + shift + i) untuk melihat hasilnya aktifkan mode mobile( ditandai lingkaran merah) dan tab console.
    AMP validasi mode

kita Membuat Website AMP  menggunakan #development=1 pada url dan akan terlihat banyak validasi error yang tampil di devtools tab console. hal ini baik karena kita akan memperbaiki error sehingga layak digunakan.

sebelum lebih lanjut untuk memahami devtools di crome sebaiknya kamu langsung kunjungi website ini, agar mudah memahami fungsi-fungsi dari devtools crome.

selanjutnya kita akan satu per satu memperbaiki error di halaman article.amp.html

Memperbaiki Error Charset AMP

pada error pertama terdapat tulisan

error tersebut tampil karena kita tidak menyertakan meta encode pada Saat Membuat Website AMP. letak kode tersebut di antara head karena itu lah error tersebut berada posisi paling atas.

masukan kode berikut ini setelah head untuk menghilangkan errornya.

sehingga kode menjadi

simpan lalu refresh. check kembali  error charset

Memperbaiki  error canonical link AMP

selanjutnya kita ke error

Setiap kali Membuat Website AMP membutuhkan link halaman lain sebagai referensi halaman canonical. halaman canonical dapat berisi halaman AMP  itusendiri maupun non AMP.

Non AMP ini adalah halaman dengan kode html asli dari halaman yang sudah kita conver menjadi halaman AMP. contoh : article.html

tambahkan kode berikut ini setelah kode dari charset

atau

sehingga kode menjadi

simpan lalu refresh. check kembali error canonical.

MEMPERBAIKI ERROR ATTRIBUTE AMP

AMP membutuhkan sebuat attibute didalam tag html untuk pengenal bahwa halaman itu merupakan halaman dari AMP (deklarasi)

Error ini yang akan tampil jika tidak mendeklarasikan attribute tersebut.

untuk memperbaikinya gunakan

atau

sehingga kode menjadi seperti ini

simpan lalu refresh. check kembali error attribute amp.

Memperbaiki Error Viewport AMP

selanjutnya menghilangkan error viewport di AMP

sebuah File AMP wajib memiliki width dan minimum-scale untuk viewport, nilai untuk masing-masingnya adalah device-width dan 1. viewport adalah tag umum yang biasanya terletak di dalam <head> di halaman HTML.

untuk memperbaiki error viewport di file AMP dengan cara, menambahkan kode meta seperti berikut

nilai dari width dan minimum-scale sangat wajib digunakan di AMP, sedangkan initial-scale merupakan pilihan optional tetapi hampir semua mobile web selalu menggunakannya didalam kode meta sehingga sangat disarankan untuk menggunakannya.

Mengganti Eksternal Stylesheet

error yang biasa tampil di AMP biasanya akan terlihat seperti ini

penyebab error tersebut adalah karena kita menggunakan eksternal stylesheet

dalam AMP untuk load halaman secepat mungkin tidak dapat menggunakan eksternal stylesheet jadi semua stylesheet harus berada dalam 1 halaman. dan penulisan stylenya pun berbeda yaitu seperti ini

untuk menyelesaikan masalah yang ada adalah :

  1. di dalam <head> hapus kode berikut ini.
  2. lalu copy kode yang ada dalam file base.css lalu ditaruh di dalam

coba reload kembali halaman tersebut. semoga error nya dapat hilang

Demikianlah Membuat Website AMP Sederhana Dengan Mudah ,  semoga dapat membantu. untuk pertanyaan silakan diajukan dikolom komentar

Perkenalan AMP (Accelerated Mobile Pages) pada website

Perkenalan AMP, AMP adalah singkatan dari Accelerated Mobile Pages atau halaman seluler yang dipercepat. AMP merupakan suatu cara yang digunakan untuk membuat halaman website menjadi ringan dan lebih cepat. AMP ini dikhususkan untuk perangkat seluler atau Mobile device.

Perkenalan AMP LOGO BESAR AMP

Bahasa Pemrograman ini diperkenalkan dan dikembangkan oleh google. Banyak yang berpendapat jika website diakses melalui halaman AMP maka peningkatan kecepatannya bisa mencapai 85%. untuk WordPress sendiri telah memiliki plugin yang dapat digunakan untuk membuat teknologin AMP dapat digunakan di CMS tersebut.

2 kelebihan yang ditawarkan oleh AMP jika suatu website menggunakan bahasa pemrograman ini yaitu

  1. Performa tinggi
  2. Flexibel
  3. SEO Friendly

AMP juga sekarang telah dikembangkan oleh banyak pihak, banyak website-website besar yang telah menggunakan bahasa pemrograman ini seperti wordpress, wompmobile. tentu saja hal ini sangat berpengaruh terhadap user experience ketika mengunjungi website anda.

HALAMAN AMP

untuk bahasa pemrogramannya pun AMP tetap mengadaptasi bahasa pemrograman web yaitu HTML walaupun ada beberapa tag yang berubah dan terdapat aturan-aturan penulisan lainnya. berikut ini contoh halaman AMP.

pada contoh halaman amp diatas akan dijelaskan mengenai tag-tag yang wajib digunakan di halaman HTML AMP

MARK-UP STANDAR AMP

berikut ini adalah rule atau aturan yang wajib diikuti berupa penulisan HTML amp yang digunakan.

selanjutkan kita akan belajar bagaimana cara membuat sebuah halaman AMP yang memenuhi standar penulisannya.

demikian perkenalan AMP yang singkat ini. semoga bermanfaat dan sampai jumpa diartikel berikutnya.

 

Tutorial php Bagian 1 : Perkenalan PHP 7

Sebelum Tutorial php Bagian 1 : Perkenalan PHP 7 ini kita mulai sebaiknya kita berkenalan dahulu mengenai pengertian PHP, kategori bahasa, dan sejarah singkat PHP.

PHP adalah singkatan dari “PHP: hyper Preposcesspr” merupakan bahasan pemrograman yang bersifat open source yang banyak digunakan oleh programmer untuk mengembangkan aplikasi berbasis web.

PHP LOGO

Logo PHP sumber wikipedia.org

open source memiliki arti boleh digunakan oleh seseorang atau orang banyak yang dapat memanfaatkan seluruh source kode secara bebas.

ketika tulisan ini dibuat versi PHP memiliki versi 7,  versi ini memiliki banyak kelebihan dari sebelumnya versi 5.6 yaitu dalam hal keamanan, kecepatan, flexibilitas.

jika dibandingkan dengan bahasa pemrogramman web lainnya PHP masih sangat banyak diminati oleh programmer untuk belajar.

popularitas bahasa pemrograman server side

dari gambar diatas terlihat bahwa PHP itu masih nomor satu untuk kategori bahasa pemrogramman server-side.

server side adalah sebuah bahasa pemrograman yang memiliki teknologi dimana semua perintah / kodenya di proses dan di jalankan di sisi server.

jadi tidak heran jika kamu ingin melihat kode PHP disuatu website karena kode tersebut dijalankan dari server.

beda halnya dengan bahasa pemrograman lain seperti HTML, CSS, javascript. bahasa tersebut merupakan bahasa pemrograman dari client side.

client side berbeda sangat berbeda dengan server side malah bisa di katakan bertolak belakang, sehingga membuat bahasa pemrograman server side lebih aman dari server side.

salah satu alasan mengapa bahasa pemrogramman client side dikatakan kurang aman karena dapat dilihat melalui browser.

PHP telah banyak mengalami perubahan sejak mulai diperkenalkan adapun versi-versi tersebut adalah

  1. PHP/FI : Personal Home Page/Forms Interpreter ( 1994)
  2. PHP/FI : Personal Home Page/Forms Interpreter 2 ( 1996 )
  3. PHP: Hypertext Preprocessor 3 ( 1997 )
  4. PHP: Hypertext Preprocessor 4 ( 2000 )
  5. PHP: Hypertext Preprocessor 5 ( 2004 )
  6. PHP: Hypertext Preprocessor 6 ( 2005 ) dianggap produk gagal di konversi ke PHP 5
  7. PHP: Hypertext Preprocessor 7 ( 2017 )

karena teknologi bersifat selalu berkembang maka penulis lebih menganjurkan untuk para pemula untuk langsung belajar bahasa pemrograman PHP 7, sebelumnya harus mengerti dulu bahasa dasar web yaitu bahasa pemrograman HTML

Demikian Informasi singkat pada Tutorial php Bagian 1 : Perkenalan PHP 7, untuk bahasa pemrograman HTML akan dibuat terpisah oleh penulis. serta kelanjutkan pembelajaran kita mengenai PHP akan dilanjutkan cara menginstal webserver di komputer.

Sumber :
php.net, w3techs.com, wikipedia.org