Python, Numbers And Operasi Aritmatika

Numbers And Operasi Aritmatika

Pada blog kali ini saya akan menunjukan cara mengoperasikan Numbers and Operasi Aritmatika dengan menggunakan bahasa pemograman Phyton. Sebelum itu bagi teman-teman yang belum melihat postingan saya sebelum nya di anjurkan untuk melihat postingan tersebut terlebih dahulu, untuk melihat postingan sebelum nya bisa dengan click link Berikut ini http://ngoding-gan.blogspot.com/2018/12/mengenal-bahasa-pemograman-python.html 

Yang harus di persiapkan

1. Niat dan Keinginan
2. Text Editor ( Pycharm )

Selanjutnya buat folder baru dengan nama (Bebas)

Bukak Text editor nya click kanan pada folder yang telah di buat click newfile

Berikut adalah Sourcode nya

click kanan lalu pilih Run

Hasl nya Seperti Berikut

Sekian Blog saya kali ini 

Next Postingan akan ada lanjutan tentang pemograman Python

Thanks

Read More

Mengenal Bahasa Pemograman Python

Python

Python adalah bahasa pemrograman interpretatif multiguna. Tidak seperti bahasa lain yang susah untuk dibaca dan dipahami, python lebih menekankan pada keterbacaan kode agar lebih mudah untuk memahami sintaks. Hal ini membuat Python sangat mudah dipelajari baik untuk pemula maupun untuk yang sudah menguasai bahasa pemrograman lain.

Bahasa ini muncul pertama kali pada tahun 1991, dirancang oleh seorang bernama Guido van Rossum. Sampai saat ini Python masih dikembangkan oleh Python Software Foundation. Bahasa Python mendukung hampir semua sistem operasi, bahkan untuk sistem operasi Linux, hampir semua distronya sudah menyertakan Python di dalamnya.

Dengan kode yang simpel dan mudah diimplementasikan, seorang programmer dapat lebih mengutamakan pengembangan aplikasi yang dibuat, bukan malah sibuk mencari syntax error.

print("Python sangat simpel")

Hanya dengan menuliskan kode print seperti yang diatas, anda sudah bisa mencetak apapun yang anda inginkan di dalam tanda kurung (). Dibagian akhir kode pun, anda tidak harus mengakhirnya dengan tanda semicolon ;

Meskipun tidak sepopuler bahasa pemrograman C atau Java, kelebihan bahasa pemrograman Phyton dapat dijadikan salah satu bahan pertimbangan dalam memilih bahasa pemrograman yang akan dipelajari. Bahasa Phyton merupakan salah satu bahasa pemrograman yang menjadi bahasa pemrograman resmi yang digunakan oleh perusahaan Google.

Bahasa ini merupakan bahasa pemrograman yang tidak menggunakan compiler. Dengan sifat open-source yang dimilikinya, bahasa ini dapat digunakan untuk melakukan berbagai hal dari mulai mengembangkan web, mengembangkan video game, membangun GUI desktop, maupun mengembangkan perangkat lunak.

Bahasa ini dikembangkan oleh seorang programmer bernama Guido van Rossum pada tahun 1991. Dengan kelebihan bahasa pemrograman Phyton yang dimilikinya, bahasa ini telah digunakan untuk membangun layanan-layanan platform terkenal, seperti Instagram, Youtube, dan Spotify.

Seperti bahasa-bahasa lainnya, kelebihan bahasa pemrograman Python menyebabkan perusahaan-perusahaan teknologi meliriknya untuk digunakan dalam mengembangkan platformnya. Kelebihan-kelebihan bahasa pemrograman Python tersebut antara lain adalah sebagai berikut:

1. Mudah di pelajari
2. Mudah Digunakan
3. Mendukung internet of things Dengan Baik

Berikut adalah tutorial mendownload Python :

Sekian Postingan kali ini 

Thanks...

  

Read More

Membuat Sensor Cahaya LDR

Sensor Cahaya LDR

    LDR (Light Dependent Resistor) merupakan salah satu komponen resistor yang nilai resistansinya akan berubah-ubah sesuai dengan intensitas cahaya yang mengenai sensor ini. LDR juga dapat digunakan sebagai sensor cahaya. Perlu diketahui bahwa nilai resistansi dari sensor ini sangat bergantung pada intensitas cahaya. Semakin banyak cahaya yang mengenainya, maka akan semakin menurun nilai resistansinya. Sebaliknya jika semakin sedikit cahaya yang mengenai sensor (gelap), maka nilai hambatannya akan menjadi semakin besar sehingga arus listrik yang mengalir akan terhambat.

Alat yang dibutuhkan

• Arduino Uno
• LED
• LDR
• Kabel Jumper
• BreadBoard
• Buzzer

Schematic Diagram

Script

const int ledPin = 13;

const int buzzerPin = 12;

const int ldrPin = A0;

void setup () {

Serial.begin(9600);

pinMode(ledPin, OUTPUT);

pinMode(buzzerPin, OUTPUT);

pinMode(ldrPin, INPUT);

}

void loop() {

int ldrStatus = analogRead(ldrPin);

if(ldrStatus < 800) {

tone(buzzerPin, 100);

digitalWrite(ledPin, HIGH);

delay(100);

noTone(buzzerPin);

digitalWrite(ledPin, LOW);

delay(100);

Serial.println(“ALARM DEACTIVETED”);

}

else{

tone(buzzerPin, 100);

digitalWrite(ledPin, HIGH);

delaya(100);

noTone(buzzerPin);

digitalWrite(ledPin, LOW);

delay(100);

Serial.println(“ALARM ACTIVATED”);

}

}

Sekian Postingan kali ini Semoga bermanfaat

Thanks...

Read More

Belajar Membuat Jumbotron

Jumbotron

   Pada postigan kali ini saya ingin melanjutkan postingan sebelum nya, bagi yang belum melihat postingan saya sebelum nya bisa click link berikut http://ngoding-gan.blogspot.com/2018/12/belajar-membuat-navigation.html . Kali ini saya ingin berbagi sedikit pengetahuan yaitu tentang Jumbotron pada Bootstrap.Apa itu Jumbotron? yaitu merupakan sebuah style yang telah tersedia di Bootstrap yang bisa kita gunakan untuk meletakkan content yang berukuran cukup besar misalnya seperti untuk membuat header web ataupun content-content gambar yang di rasa membutuhkan ukuran yang cukup besar bisa menggunakan bootstrap agar tampilannya lebih rapi,oke lebih baik kita mulai saja.

Berikut Hal yang baru hadir di Bootstrap 4

Banyak hal baru yang hadir di Bootstrap 4, diantaranya:

• Sekarang Boostrap menggunakan Sass, sebelumnya mengggunakan Less.
• Layout-nya sekarang menggunakan Flexbox.
• Penambahan komponen Cards untuk menggantikan wells, thumbnails, dan panels.
• Mem-forked Normalize.css untuk membuat modul CSS baru bernama Reboot untuk HTML reset.
• Opsi kostumisasi baru menggunakan variabel Sass.
• Menghentikan dukungan untuk versi browser jadul seperti IE8 dan IE9 serta menggunakan unit rem sebagai satuan ukuran komponen.
• Penulisan ulang plugin JavaScript menggunakan ES6 untuk memanfaatkan peningkatan yang diberikan padanya.
• Meningkatkan auto-placement untuk tooltip, popover, dan dropdown berkat pustaka bernama Popper.js.
• Tampilan Dokumentasi yang telah didesain ulang dan ditulis ulang menggunakan Markdown.
• Kotak pencarian baru.
• Build tools baru menggunakan npm.
• dan masih banyak lagi…

Berikut Adalah contoh sintax pembuatan Jumbotron

Berikut Hasil nya

Sekian Postingan kali ini semoga bermanfaat, Next akan ada lanjutan nya 

Thanks...

Read More

Mengenal Programmer Front-End & Programmer Back-End

Front-End & Back-End

    Di dunia IT istilah front-end dan back-end sering sekali terdengar. Bagi para developer istilah dan maksud dari front-end dan back-end sudah tidak asing lagi. Namun, bagi orang yang tidak berada pada bidang IT, istilah tersebut sangat asing. Berikut adalah penjelasan nya 

1. Front-End

      Dari artinya saja seharusnya kalian sudah bisa paham apa itu front end. Front end ini merupakan tugas dari developer yang biasanya membuat tampilan luar/ layout pada website. Bahasa programming atau yang harus dikuasai oleh front end, yaitu HTML, CSS, Javascript, Jquery, dll. Lebih simple mengenal front end, yaitu apapun bentuk atau tampilan website yang kita lihat pada browser

Apa saja yang harus di kuasai oleh seorang Front-End Programmer

  Menurut yang saya ketahui, seorang Front-End programmer harus paham tentang HTML, CSS dan Javascript, itu adalah hal yang paling dasar ketika ingin menjadi seorang Front-End, karena pada Front-End, dasar nya kita hanya membuat tampilan luar.

  Setelah paham dengan HTML, CSS, dan Javascript, Selanjutnya dapat menggunkan Freamwork CSS yaitu Bootstrap Dll

2. Back-End 

     Apakah back end bekerja atau mengurus website di belakang layar ? Itu benar, developer yang bertugas di bagian back end tidak mengurus tampilan luar website, tapi mengurus database atau server pada website. Biasanya untuk bisa mengakses halaman khusus (admin panel, admin page, admin tool, back office, dashboard) pada website harus dengan cara login memakai username dan password. Bahasa programming atau yang harus dikuasai oleh back end, yaitu php, sql, java dan sebagainya.

Biasanya developer atau programmer yang jago pada bagian back end juga jago pada bagian front end

Apa bahasa pempograman yang di pakai oleh seseorng back-en programmer

Developer back end, dalam pemrograman web, ada berapa bahasa pemrograman yang digunakan yaitu dari sisi server, seperti PHP, ASP, Node.Js, Python dengan Django. Begitu juga dengan database yaitu MySql, Orcale, MongoDB, acces dan lain-lain.

Sekian Materi singkat kali ini semoga bermanfaat

Tanks

Read More

Pengenalan Fiber Optik

Fiber Optik (FO)

Apa itu Fiber Optik..?

    Fiber Optik adalah suatu jenis kabel yang terbuat dari kaca atau plastik yang sangat halus, dan digunakan sebagai media transmisi karena dapat mentransmisikan sinyal cahaya dari suatu lokasi ke lokasi lainnya dengan kecepatan tinggi.

Ukuran fiber optik ini sangat kecil dan halus (diameternya hanya 120 mikrometer), bahkan lebih kecil dari helaian rambut manusia. Komponen jaringan ini memiliki kecepatan transmisi yang tinggi dengan menggunakan pembiasan cahaya sebagai prinsip kerjanya. Sumber cahaya yang digunakan untuk proses transmisi adalah laser atau LED.

Jenis-Jenis Kabel Fiber Optik

1. FO Singel Mode

   Kabel fiber optik single mode yaitu kabel jaringan yang memiliki transmisi tunggal, sehingga hanya bisa menyebarkan cahayanya hanya melalui satu inti dalam suatu waktu.

Jenis fiber optik ini memiliki inti berukuran kecil dengan diameter sekitar 9 mikrometer yang digunakan untuk mentransmisikan gelombang cahaya dari sinar inframerah dengan panjang gelombang 1300-1550 nanometer.

2. FO Multimode

  Kabel fiber optik multimode merupakan kabel yang dapat mentransmisikan banyak cahayan dalam waktu bersamaan karena memiliki ukuran inti besar yang memiliki diameter sekitar 625 mikrometer.  Kabel jenis ini biasanya digunakan untuk keperluan komersial yang pada umumnya diakses banyak orang. Fiber optik ini mengirimkan sinar inframerah yang memiliki panjang 850-1300 nanometer.

Tipe Kabel Fiber Optik

1. Tight Buffer (Indoor/Outdoor)
2. Breakout Cable (Indoor/Outdoor)
3. Aerial Cable/Self-Supporting
4. Hybrid & Composite Cable
5. Armored Cable
6. Low Smoke Zero Halogen (LSZH)
7. Simplex cable
8. Zipcord cable

Fungsi Kabel Fiber Optik

Mengacu pada pengertian fiber optik di atas, fungsi serat optik pada dasarnya sama seperti kabel lainnya, yaitu untuk menghubungkan antar komputer dalam suatu jaringan komputer.

Letak perbedaan antara fiber optik dengan jenis kabel lainnya adalah kemampuannya dalam memberikan kecepatan tinggi dalam hal akses dan transfer data. Selain itu, serat optik juga tidak mengalami gangguan elektromagnetik seperti halnya kabel lainnya karena pada kabel ini tidak terdapat arus listrik

Selain karena kelebihan fiber optik tersebut proses instalasi juga harus dilakukan oleh para ahli sehingga membuat biaya instalasinya menjadi lebih mahal. Pada umumnya perusahaan operator telekomunikasi lebih memilih memakai kabel fiber optik karena berbagai kelebihannya tersebut.

Komponen Fiber Optik

1. Bagian Inti ( Core )

      Bagian inti fiber optik terbuat dari bahan kaca dengan diameter yang sangat kecil (diamaternya sekitar 2 μm sampai 50 μm). Diameter serat optik yang lebih besar akan membuat performa yang lebih baik dan stabil.

2. Bagian Cladding

 

     Bagian cladding adalah bagian pelindung yang langsung menyelimuti serat optik. Biasanya ukuran cladding ini berdiameter 5 μm sampai 250 μm.

Cladding terbuat dari bahan silikon, dan komposisi bahannya berbeda dengan bagian core. Selain melindungi core, cladding juga berfungsi sebagai pemandu gelombang cahaya yang merefleksikan semua cahaya tembus kembali kepada core.

3. Bagian Coating/Buffer

Bagian coating adalah mantel dari serat optik yang berbeda dari cladding dan core. Lapisan coating ini terbuat dari bahan plastik yang elastis.

Coating berfungsi sebagai lapisan pelindung dari semua gangguan fisik yang mungkin terjadi, misalnya lengkungan pada kabel, kelembaban udara dalam kabel.

4. Bagian Strength Member&Our Jacket

Lapisan ini merupakan bagian yang sangat penting karena menjadi pelindung utama dari sebuah kabel fiber optik. Lapisan strength member dan outer jacket adalah bagian terluar dari fiber optik yang melindungi inti kabel dari berbagai gangguan fisik secara langsung.

Kelebihan Dan Kekurangan Fiber Optik

1. Kelebihan

• Memiliki kecepatan transmisi yang tinggi dengan kapasitas mencapai 1 GB/detik
• Dapat mentransmisikan data dengan jarak yang cukup jauh tanpa adanya bantuan penguat sinyal
• Bahannya terbuat dari kaca dan plastik sehingga tahan terhadap karat
• Ukuran kabel sangat kecil dan fleksibel
• Kabel ini memanfaatkan gelombang cahaya sehingga tidak terganggu oleh adanya gelombang elektromagnetik seperti gelombang radio
• Fiber optik tidak mengandung aliran listrik sehingga mencegah terjadinya kebakaran akibat konsleting
• Memiliki keamanan tinggi karena minim distorsi

2. Kekurangan

• Biaya instalasi dan perawatan cenderung lebih mahal daripada jenis kabel lainnya
• Membutuhkan sumber cahaya yang kuat
• Kabel harus dipasang dengan jalur berbelok untuk memaksimalkan kecepatan dan kelancaran transmisi cahaya

Demikian lah materi tentang pengenalan Fiber Optik Semoga Bermanfaat. 

Thanks...

Read More

Mengenal Bahasa Pemograman

Bahasa Pemograman

   Sebelum nya Kita juga sudah membahas tentang bahasa pemograman Javascript, kita juga harus tau, apa yang di maksud dari bahasa pemograman itu sendiri

Pengertian Bahasa Pemograman

     Bahasa pemrograman dapat dikatakan sebagai sekumpulan instruksi yang diberikan kepada komputer untuk dapat melaksanakan tugas-tugas tertentu dalam menyelesaikan suatu permasalahan. Bahasa pemrograman sering juga disebut dengan bahasa komputer.

    Biasanya, agar komputer dapat menjalankan suatu tugas tertentu, seorang programmer harus mengetahui langkah-langkah yang dibutuhkan dalam penyelesaian tugas tersebut. Langkah-langkah itu disebut dengan algoritma, yang kemudian dituangkan kedalam berbagai jenis bahasa pemrograman yang diinginkan.

Fungsi Dari bahasa Pemograman

Pada dasarnya, bahasa pemrograman berfungsi untuk memerintah komputer untuk dapat mengolah data sesuai dengan langkah-langkah penyelesaian yang telah ditentukan oleh programmer

.

1. Media Komunikasi antara Pengembang dengan Komputer atau Mesin

Secara umum, fungsi bahasa adalah sebagai media komunikasi dengan pihak lain. Begitu juga dengan bahasa pemrograman. Namun, bahasa yang hanya dimengerti oleh mesin atau komputer berbeda dengan bahasa yang digunakan manusia. Mesin atau komputer hanya dapat mengerti penggunaan bilangan biner untuk dapat menerjemahkan instruksi yang diberikan.

2. Media dalam Mengembangkan Suatu Sistem

Sekarang ini, Anda telah banyak mengenal berbagai sistem atau aplikasi, seperti Photoshop, CorelDraw, Microsoft Word, Tokopedia dan lainnya. Aplikasi tersebut dikembangkan dengan menggunakan berbagai bahasa pemrograman.

Tingkatan Bahasa Pemograman

Secara umum, bahasa pemrograman dapat dikelompokkan kedalam 3 tingkatan, yaitu tingkat rendah (low-level), tingkat menengah (medium-level), dan tingkat tinggi (high-level). Berikut ini adalah tingkatan bahasa pemograman

1. Bahasa Pemrograman Tingkat Rendah (Low-level)

Bahasa pemrograman tingkat rendah berisi instruksi-instruksi yang ditujukan kepada komputer dengan menggunakan kode-kode biner (binary codes). Kode-kode tersebut akan langsung diterjemahkan oleh komputer tanpa harus melalui proses kompilasi. Namun, tingkatan rendah ini memiliki banyak kekurangan sehingga diciptakannya bahasa tingkatan medium.

2. Bahasa Pemrograman Tingkat Menengah (Medium-level)

Bahasa pemrograman tingkat menengah maksudnya instruksi yang diberikan berupa kode mnemonic, seperti ADD, SUB, DIV, STOLOD, JMP dan lainnya. Namun, tingkatan medium ini memiliki banyak kekurangan, salah satunya bahasa tersebut harus diterjemahkan terlebih dahulu ke dalam bahasa mesin karena komputer hanya mengerti penggunaan bahasa mesin. Assembler merupakan sebutan untuk penerjemah bahasa assembly kedalam bahasa mesin.

3. Bahasa Pemrograman Tingkat Tinggi (High-level)

Untuk mengatasi banyak kekurangan yang dimiliki bahasa tingkat menengah, maka diciptakanlah bahasa pemrograman tingkat tinggi. Bahasa pemrograman tingkat tinggi ini berisi instruksi-instruksi dengan menggunakan bahasa alamiah yang dimengerti oleh manusia, seperti bahasa Inggris atau Matematika.

1. Bahasa pemrograman C  (kategori tingkat tinggi)
2. Bahasa pemograman JAVA (kategori tingkat tinggi)
3. Bahasa pemograman PYTHON
4. Bahasa pemograman RUBY
5.  Bahasa pemograman SQL  (kategori tingkat tinggi)
6. Bahasa pemograman ColdFusion
7. Bahasa pemograman PHP  (kategori tingkat tinggi)
8.  Bahasa pemograman HTML  (kategori tingkat tinggi)
9. Bahasa pemograman COBOL
10. Bahasa pemograman MICROSOFT VISUAL BASIC  (kategori tingkat tinggi)
11. Bahasa pemograman VISUAL C++ (kategori tingkat tinggi)
12. Bahasa pemograman DELPHI  (kategori tingkat tinggi)
13. Bahasa pemograman C++ (kategori tingkat tinggi)
14. Bahasa Pemrograman ASP
15. Bahasa Pemrograman Javascript (kategori tingkat tinggi)
16.  Bahasa Pemrograman CSS

Dan Masih Banyak bahasa pemograman yang lain nya...

Sekian Untuk Blog hari ini 

Thanks...

Read More

Cara Membuat Mengkoneksikan PHP ke Database

Database (Basis Data)

Apa itu Database (Basis data)...?

    Basis data (database) adalah kumpulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data, struktur data dan juga batasan-batasan pada data yang akan disimpan.

Contoh Database (Basis data) 

• Basis Data MySQL

      MySQL merupakan basis data sumber terbuka yang paling popular dan banyak digunakan untuk aplikasi berbasis web seperti website dinamis dan e-commerce. Tahun 2013, MySQL merupakan basis data kedua yang paling banyak digunakan di dunia dan yang pertama untuk basis data sumber terbuka

• Basis Data Oracle

      Oracle merupakan basis data relasional terkemuka yang dimiliki oleh Oracle Corporation. Oracle telah dianggap sebagai basis data terbaik untuk versi basis data komersial. Oracle sendiri tersedia dalam berbagai konfigurasi dengan cakupan tool yang dapat disesuaikan untuk perusahaan skala kecil, menengah hingga besar yang membutuhkan solusi yang terbaik dan tepat dari sebuah basis data untuk keperluan bisnisnya. Oracle dianggap lebih baik untuk masalah kinerja dan skalabilitas dibandingkan dengan basis data komersial lainnya.

• Basis Data Microsoft SQL Server

       Microsoft SQL Server adalah basis data relasional yang bersifat komersial. Tidak seperti Microsoft Office Access yang peruntukannya untuk komputer dekstop, Microsoft SQL Server menyediakan layanan pengelolaan basis data untuk kelas perusahaan dan juga alat intelijen bisnis terpadu (integrated business intelligence (BI) tools).

• Basis Data MariaDB

      MariaDB merupakan pengembangan versi lain MySQL oleh Michael Widenius yang telah meninggalkan Sun Microsystems setelah diakuisisi secara resmi oleh Oracle Corporation.

Kali ini Kita akan belajar cara membuat dan mengkoneksikan PHP ke Database

1. Pertama yang harus di lakukan adalah, kalian harus mempunya Aplikasi XAMPP ( Bebas ) kali ini saya menggunkan Aplikasi XAMPP
2. Setelah di Install Tekan Tombol star pada Apache dan MySQL ( Apache merupakan Web Server dan MySQL merupakan Database Server 
   
3. Selanjutnya Akan Muncul pada localdisk C Folder xampp
4. Didalam Folder xampp click folder htdogs lalu buat folder baru (nama nya bebas) kali ini kita kasi nama 'tutorial' saja
5. Setelah di buat bukak web browser lalu ketik http://localhost/phpmyadmin/ akan muncul tampilan seperti berikut ini -->

      

     6. Selanjut nya click new pada sudut atas sebelah kiri

     7. Buat nama database nya dengan nama 'db_tutorial' (bebas)

     8. Setelah Database nya jadi drak folder yang di buat tadi ke dalam text editor nya

     9. Setelah itu Click kanan pada folder tersebut lalu click new file buat file dengan nama                 'koneksi.php'

   10. Berikut Adalah script koneksi nya --> 

   11. Untuk melihat apakah ada error/tidak buka pada web browser http://localhost/ akan tampil folder yang telah di buat tadi, lalu click folder tersebut, jika hasil yang keluar pada browser nya kosong, berarti koneksi nya sudah jalan

Anda sudah berhasil membuat dan mengkoneksikan PHP ke database

Read More

Pengenalan Bahasa Pemograman Javascript

Javascript

Apa Itu Javascript?

Javascript adalah bahasa pemograman yang awal nya di rancang untuk berjalan di atas Browser,sintax javascript ditulis dalam dalam tag <script></script>

Javascript termasuk ke dalam bahasa pemograman yang populer di dunia programming 

Apa saja yang dibutuhkan untuk belajar Javascript?

1. Code Editor ( Sublime Text, Dll )
2. Browser ( Chrome, Mozilla )

Bagaimana Cara Menulis Code Javascript di HTML?

Penulisan Javascript pada HTML sama hal nya dengan penulisan CSS yaitu: 

1. Embed (Kode Javascript ditempel langsung pada HTML)
2. Inline (kode Javascript ditulis pada atribut HTML)
3. Eksternal (Kode Javascript ditulis terpisah dengan file HTML

1.  Penulisan Kode Javasript dengan Embed

    Pada cara ini, kita menggunakan tag <script> untuk menempelkan (embed)kode Javascript pada HTML. Tag ini dapat ditulis di dalam tag <head> dan <body>.

Penulisan script javascript yang baik adalah ditulisa pada bagian bawah tag <body>

2.  Penulisan Kode Javasript dengan Inline

 Script javascript nya di tulis di Attribut HTML nya

tag "a" Merupakan attribut dari HTML, dan di dalam nya (alert) Merupakan tag javascript nya

3.  Penulisan Kode Javasript dengan Eksnternal

 Cara penulisan ini adalah dengan membuat file baru dengan format ".js" lalu dihubungkan menggunkan Link 

     Contoh nya -> Ini file 'script.js'

 ini script untuk menghubungkan Ke file 'script.js' dari HTML      

         

Sekian Postingan saya kali ini semoga bermanfaat

Thanks-

Read More

Belajar Membuat Navigation

Navigation

    Baiklah disini saya akan melanjutkan Tutorial sebelum nya, bagi yang melihat postingan sebelum nya, saya sarankan untuk melihat postingan saya sebelumnya -->  https://ngoding-gan.blogspot.com/2018/12/pengenalan-sistem-grid.html

Apa Itu Navigation..?

Menu Navigasi pada blog merupakan elemen yang perlu diperhatikan di dalam sebuah blog yang mementingkan penampilan dan style untuk setiap detilnya. Ada bermacam-macam bentuk menu navigasi di dalam sebuah blog itu, ada menu navigasi horizontal, menu navigasi vertikal atau yang lainya. Selain menggunakan menu horisontal drop down menu, kita juga bisa membuat menu horisontal sederhana (tanpa cabang) ataupun membuat menu horisotal bercabang dengan script css.


Menu navigasi adalah sebuah fasilitas yang diberikan oleh si pemilik situs dimana didalamnya berisi sekumpulan link-link penting. Menu navigasi juga berfungsi sebagai pemandu kepada pengunjung agar dapat lebih mudah dalam menentukan kategori yang diinginkan tanpa harus bersusah payah mencarinya.

Apa Fungsi dari Navigation..?

Fungsi dari menu nafigasi adalah untuk mempermudah pembaca saat melihat ataupun melakukan pencarian suatu label/judul yang ada di blog yang dikunjunginya.

Apa Manfaat Dari Navigation

Ada beberapa manfaat dari menu navigasi, yaitu :


1.    Mempercepat Untuk Mendapatkan Sitelink
Dengan adanya menu navigasi maka blog/web semakin cepat mendapatkan sitelink karena sebagian dari beberapa sitelinknya berasal dari menu navigasi


2.    Dinilai Sebagai Web/Blog Profesional
Mengapa dinilai sebagai profesional ? . karena kita telah menyusun rapih artikel artikel kita dan telah mengatur sekat antara post 1 dan post lainya serta kita telah mengatur web kita menjadi user friendly karena dengan mudah para visitor untuk menjelajahi blog kita dan dengan mudah mengunggah daya tarik pengunjung.


3.    Dinilai Baik dari Google
Dinilai baik oleh google karena kita telah memanjakan visitor dan google tau itu . maka dari itu google akan menilai lebih pada blog kita

Berikut ini adalah Sourcode untuk membuat navigation menggunakan Bootstrap

Sintax HTML nya :

Maka Hasil nyaa akan seperti berikut  :

Dan ini adalah tampilan pada Handphone

Terimakasih, Selanjutnya Saya akan menunjukan cara membuat Thumbnail

Thanks

Read More