Pengirim Kecerdasan Bikinan

Pengirim Kecerdasan Bikinan

Admin   Desember 01, 2021   Comment  

Sejarah Kecerdasan Buatan

Pada tahun 1950-an Alan Turing yang ialah pionir kecerdasan produksi dan andal matematika asal Inggris melaksanakan percobaan Turing yang dikenal dengan Turing Test, yakni suatu komputer melalui terminalnya diletakkan pada jarak jauh. Di ujung yang satu ada terminal dengan acara kecerdasan bikinan dan di ujung terminal lain ada seorang operator insan. Operator tersebut tidak mengenali bila di ujung terminal telah dipasangi acara kecerdasan buatan. Mereka berkomunikasi dimana terminal di ujung memberikan respon terhadap serangkaian pertanyaan yang diajukan operator, dan operator tersebut menerka bahwa beliau sedang berkomunikasi dengan operator lainnya yang berada di terminal lain. Oleh alasannya itu Turing berasumsi bahwa kalau mesin mampu membuat seorang percaya bahwa dirinya bisa berkomunikasi dengan orang lain, maka dapat dikatakan bahwa mesin tersebut pandai layaknya manusia.

Definisi Kecerdasan Buatan

Kecerdasan produksi atau dalam bahasa inggris Artificial Intelligence merupakan bagian dari ilmu komputer yang mempelajari bagaimana menciptakan komputer bisa melakukan pekerjaan seperti insan bahkan dibutuhkan mampu lebih baik dibanding dengan dijalankan oleh manusia.

Pada dasarnya kecerdasan buatan ialah ilmu komputer yang sungguh luas, oleh alasannya itu kecerdasan produksi mempunyai berbagai cabang mirip pada gambar di bawah ini.

Supaya suatu komputer bisa pandai layaknya manusia, maka perlu diberi bekal pengetahuan dan memiliki kesanggupan untuk menalar atau mempelajari hal-hal baru. Terdapat dua bagian utama yang diperlukan untuk aplikasi yang memiliki kecerdasan buatan, ialah basis pengetahuan dan motor inferensi.

1. Basis Pengetahuan (Knowledge Base) : Berisikan fakta-fakta, teori, ajaran dan korelasi antara satu dengan yang lain.
2. Motor Inferensi (Inference Engine) : kesanggupan mempesona kesimpulan berdasarkan wawasan yang diperoleh.

Perbedaan Kecerdasan Buatan dengan Kecerdasan Alami

Kelebihan Kecerdasan Buatan

• Sifatnya permanen, kecerdasan buatan tidak berubah selama metode komputer maupun aplikasinya tidak menggantinya.
• Mudah untuk diduplikasi dan disebarkan, Kecerdasan bikinan tersebut bisa disalin dari sebuah komputer atau aplikasi yang satu terhadap komputer atau aplikasi yang lain.
• Lebih murah, hal ini dikarenakan menawarkan layanan komputer akan lebih hemat biaya dibanding dengan mendatangkan seseorang untuk menjalankan sejumlah pekerjaan dalam jangka waktu yang lama.
• Dapat didokumentasikan, setiap keputusan yang dibentuk dapat didokumentasikan dengan gampang melalaui melacak setiap kegiatan dari tata cara tersebut.
• Kecerdasan bikinan bersifat konsosten dan teliti dibanding dengan kecerdasan alami yang senantiasa berganti-ubah sesuai keadaan dan suasana orang tersebut.
• Dalam beberapa pekerjaan kecerdasan bikinan mampu mengerjalan beberapa peran lebih singkat dan lebih baik dibanding dengan kecerdasan alami.

Kelebihan Kecerdasan Alami

• Lebih kreatif dibanding dengan kecerdasan produksi sebab memiliki kesanggupan untuk memperkaya wawasan dari sisi apapun, sedangkan kecerdasan bikinan wawasan yang diperoleh hanya sebatas yang sebelumnya diputuskan saat pembangunan sistem.
• Pemikiran kecerdasan alami dapat digunakan secara luas, sedangkan kecerdasan bikinan sungguh terbatas area penggunaanya.
• Memungkinkan memakai pengalaman atau pembelajaran secara langsung, sedangkan kecerdasan produksi harus menerima masukan berbentukinputan simbolik.

Perbedaan Kecerdasan Buatan dengan Program Konvensional

	Kecerdasan Buatan	Program Konvensional
Fokus pemrosesan	Konsep simbolik/numerik (wawasan)	Data dan Informasi
Pencarian	Heuristik	Algoritma
Sifat Input	Bisa tidak lengkap	Harus lngkap
Keterangan	Disediakan	Umumnya tidak ditawarkan
Struktur	Kontrol dipisahkan dari pengetahuan	Kontrol terintegrasi dengan informasi atau data
Sifat output	Kuantitatif	Kualitatif
Kemampuan Menalar	Ya	Tidak

Kecerdasan Buatan pada Aplikasi Komersil

Terdapat beberapa konsep kecerdasan produksi yang diterapan pada aneka macam aplikasi komersil, diantaranya sebagai berikut yang dibagi berdasarkan lingkup utama kecerdasan buatannya :

Sistem Pakar (Expert System)

Pada metode pakar komputer memiliki kegunaan sebagai fasilitas dalam menyimpan pengetahuan para pakar sehingga komputer mempunyai kemampuan dalam menyelesaikan permasalahan dengan menggandakan keterampilan yang dimiliki oleh pakar.

Pengolahan Bahasa Alami (Naturan language Processing)

Dalam hal ini kecerdasan bikinan bisa berkomunikasi dengan pengguna lewat penggunaan bahasa sehari-hari. Contohnya seperti pengguna tata cara memberikan perintah dalam bahasa sehari-hari, contohnya untuk menghubungi seseorang, pengguna cukup memperlihatkan perintah “Halo Google, Telepon Andi” maka metode mentranlasikan perintah bahasa alami tersebut menjadi bahasa komputer sehingga tata cara dapat menelepon kontak Andi.

Pengenalan Ucapan (Speech Recognition)

Manusia mampu berkomunikasi dengan komputer menggunakan suara, salah satu contohnya adalah banyak produsen ponsel pintar yang menawarkan akomodasi alat bantu untuk tunanetra yang memiliki masukan berupa teks dan memiliki keluaran berbentukucapan dari teks tersebut.

Robotika dan Sistem Sensor

Sistem yang dibekali sensor dan mekanika robotika, seperti lampu ruangan yang dibekai sensor untuk mendeteksi eksistensi seseorang tersebut sehingga lampu di ruangan tersebut dapat menyala secara otomatis ketika ada manusia di dalamnya sedangkan jika tidak ada seseorang didalam ruangan tersebut lampu tersebut akan mati dengan sendirinya.

Computer Vision

Computer vision ialah tata cara yang dapat menginterpretasikan gambar atau objek-objek tertentu melalui komputer. Salah satu contohnya adalah mendeteksi contoh pada sidik jari seseorang.

Sumber https://blogbugabagi.blogspot.com/

Dasar-Dasar Desain Web Responsif Dengan Css

Dasar-Dasar Desain Web Responsif Dengan Css

Admin   November 24, 2021   Comment  

Penggunaan perangkat mobile seperti smartphone untuk menjelajahi web berkembang dengan cepat, akan namun sayangnya tidak semua laman web sudah dioptimalkan untuk perangkat mobile. Perangkat mobile mirip smartphone sering terkendala dengan ukuran layar dan membutuhkan pendekatan berbeda dalam bagaimana konten ditampilkan di layar. Terdapat banyak sekali ukuran layar yang berlainan untuk smartphone, tablet, desktop, TV, dan bahkan perangkat yang lain. Ukuran layar selalu berubah, jadi sangat penting agar situs web dapat menyesuaikan dengan tiap ukuran layar.

Kueri media CSS biar responsif

Media kueri merupakan filter yang sederhana yang mampu diimplementasikan pada style CSS. Media kueri bisa memudahkan dalam mengganti style konten web menurut karakteristik dari perangkat yang merender konten web, tergolong tipe tampian, tinggi, lebar,resolusi dan juga orientasi layar.

• Pergunakan media kueri dalam mengimplimentasikan style berdasarkan karaktristik perangkat.
• Pergunakan min-width di atas min-device-width dalam memastikan pengalaman yang terluas bagi pengguna.
• Pergunakan ukuran yang relatif untuk bagian supaya tidak menghancurkan tata letak atau layout.

Contohnya,kau mampu menaruh semua style yang diperlukan untuk fitur cetak dalam media kueri cetak.

Di samping memakai atribut media di tautan style sheet, terdapat dua cara lain dalam menerapkan media kueri yang bisa disematkan dalam file CSS: @media dan @import. Karena alasan kinerja, salah satu dari dua metode pertama tersebut diusulkan pada sintaks @import.

@media print 
  /* print style sheets go here */

@import url(print.css) print;

Logika yang berlaku untuk kueri media yakni tidak saling pribadi, dan untuk setiap filter yang memenuhi patokan tersebut maka blok CSS yang dihasilkan akan dipraktekkan dengan menggunakan aturan tolok ukur prioritas sesuai CSS.

Menggunakan kueri media berdasarkan ukuran penampilan

Kueri media dapat memungkinkan kamu untuk menciptakan pengalaman responsif dikala style tertentu diaplikasikan ke layar kecil, layar besar, dan semua layar. Sintaks kueri media memungkinkan untuk pengerjaan aturan yang bisa dipraktekkan tergantung pada karakteristik perangkat.

@media (query) 
  /* CSS Rules used when query matches */

Meskipun terdapat beberapa item berbeda yang bisa dikuerikan, yang paling biasa dab sering diterapkan untuk desain web responsif yaitu min-width, max-width, min-height, dan max-height.

Parameter	Keterangan
max-height	Aturan diterapkan untuk setiap web browser yang memiliki tinggi lebih kecil dari nilai yang didefinisikan dalam kueri.
max-width	Aturan diterapkan untuk setiap web browser yang mempunyai lebar lebih kecil dari nilai yang didefinisikan dalam kueri.
min-height	Aturan diterapkan untuk setiap web browser yang mempunyai tinggi lebih besar dari nilai yang didefinisikan dalam kueri.
min-width	Aturan diterapkan untuk setiap web browser yang memiliki lebar lebih besar dari nilai yang didefinisikan dalam kueri.
orientation=landscape	Aturan untuk setiap web browser dikala lebarnya lebih besar dari tingginya.
orientation=portrait	Aturan diterapkan untuk setiap web browser dikala tingginya lebih besar dari atau sama dengan lebarnya.

Contoh :

• Ketika web browser lebarnya antara 0 px dan 640 px, diterapkan max-640px.css.
• Ketika web browser lebarnya antara 500 px dan 600 px, gaya dalam @media akan dipraktekkan.
• Ketika web browser lebarnya 640 px atau lebih, diterapkan min-640px.css.
• Ketika web browser lebarnya lebih besar ketimbang tingginya, diterapkan landscape.css.
• Ketika web browser tingginya lebih besar daripada lebarnya, dipraktekkan portrait.css.

min-device-width

Adalah mungkin juga membuat kueri menurut min-device-width, walaupun praktik ini sangat tidak disarankan.

Perbedaannya sungguh kecil namun sangat penting: min-width didasarkan pada ukuran jendela browser sedangkan min-device-width didasarkan pada ukuran layar. Sayangnya beberapa browser, termasuk browser Android lama, tidak melaporkan lebar perangkat dengan benar; browser tersebut melaporkan ukuran layar dalam satuan piksel perangkat, bukan dalam lebar penampilan yang terlihat yang dibutuhkan.

Selain itu, menggunakan min-device-width bisa menangkal bahan diadaptasikan pada desktop atau perangkat lain yang memperbolehkan jendela diubah ukurannya sebab kueri didasarkan pada ukuran perangkat yang sesungguhnya, bukan ukuran jendela browser.

Gunakan any-pointer dan any-hover

Dimulai dengan Chrome 39, style sheet Anda mampu menulis selektor yang meliputi beberapa tipe pointer dan sikap arahkan ke atas. Fitur media any-pointer dan any-hover seperti dengan pointer dan hover dalam mengizinkan Anda untuk melaksanakan kueri kesanggupan pointer pengguna. Namun, tidak seperti yang terakhir, any-pointer dan any-hover beroperasi pada gabungan dari semua perangkat pointer dan bukan cuma perangkat pointer utama.

Menggunakan unit relatif

Konsep penting di balik desain responsif yakni fluiditas dan proporsionalitas yang bertentangan dengan rancangan layout lebar tetap. Menggunakan unit relatif untuk pengukuran bisa membantu mempersempit layout dan mencegah kita secara tidak sengaja menciptakan komponen yang terlalu besar untuk tampilan yang terlihat.

Misalnya, setelan lebar: 100% pada div tingkat atas, memutuskan bahwa itu membentang meliputi lebar performa yang tampakdan tidak terlalu besar atau terlalu kecil untuk penampilan yang terlihat. div akan cocok, tidak menghiraukan apakah itu iPhone berlebar 320 px, Blackberry Z10 berlebar 342 px, atau suatu Nexus 5 yang berlebar 360 px.

Selain itu, memakai unit relatif memungkinkan browser untuk merender materi berdasarkan tingkat zoom pengguna tanpa perlu menambahkan bilah gulir horizontal ke laman.

Tidak direkomendasikan (Lebar tetap)

div.fullWidth 
  width: 320px;
  margin-left: auto;
  margin-right: auto;

Disarankan (Lebar responsif)

div.fullWidth 
  width: 100%;

Memilih breakpoint

Jangan mendefinisikan breakpoint berdasarkan kelas perangkat. Mendefinisikan breakpoint menurut perangkat, produk, nama merek, atau tata cara operasi tertentu yang dipakai dikala ini bisa mengakibatkan mimpi buruk dalam pemeliharaan. Malahan, materi itu sendiri yang mesti memilih bagaimana layout menyesuaikan dengan kontainer.

Buat breakpoint berdasarkan materi, jangan pernah menurut perangkat, produk, atau merek tertentu.

Desainlah untuk perangkat seluler terkecil lebih dulu; kemudian secara progresif mengembangkan pengalaman pengguna seiring bertambahnya properti layar.

Jaga jumlah maksimum baris teks sekitar 70 atau 80 abjad.

Memilih breakpoint utama dengan secara bertahap mulai dari layar kecil hingga ke besar.

Desain materi agar pas dengan ukuran layar kecil apalagi dulu, lalu perluas layar sampai breakpoint menjadi diharapkan. Ini memungkinkan Anda untuk mengoptimalkan breakpoint menurut materi dan menjaga jumlah breakpoint sesedikit mungkin.

Mari kita melakukan pekerjaan lewat acuan yang kita lihat di permulaan: prakiraan cuaca. Langkah pertama ialah menciptakan prakiraan terlihat cantik di layar kecil.

Berikutnya, ubah ukuran browser sampai ada terlalu banyak ruang putih antara komponen, dan performa prakiraan cuaca tampaktidak cantik. Keputusan ini sedikit subjektif, tetapi di atas 600px niscaya terlalu lebar.

Untuk memasukkan breakpoint pada 600 px, buat dua style sheet gres, satu untuk digunakan dikala browser 600 px dan kurang dari itu, dan satu dikala luasnya lebih dari 600 px.

Yang terakhir, optimalisasi CSS. Dalam pola ini, kami sudah menempatkan gaya lazim mirip font, ikon, pemosisian dasar, dan warna di weather.css. Layout tertentu untuk layar kecil lalu ditempatkan di weather-small.css, dan model layar besar ditempatkan di weather-large.css.

#developers.google.com

Sumber https://blogbugabagi.blogspot.com/

Dasar-Dasar Yang Perlu Diketahui Perihal Desain Web Responsif

Dasar-Dasar Yang Perlu Diketahui Perihal Desain Web Responsif

Admin   November 22, 2021   Comment  

Di kurun sekarang penggunaan perangkat seluler seperti ponsel pintar untuk berselancar di internet melalui web terus meningkat secara drastis, akan tetapi sayangnya tidak semua situs web sudah dioptimalkan untuk perangkat seluler. Perangkat seluler lazimnya memilliki dimensi layar yang kecil daripada perangkat desktop, hal inilah yang menjadi hambatan sehingga memerlukan pendekatan yang berlainan dalam bagaimana kontn web ditampilkan di dalam layar.

Di samping itu, terdapat aneka macam dimensi ukuran layar untuk ponsel, tablet, TV, desktop, konsol game dan perangkat lainnya yang mampu dipakai. Dimensi layar selalu berganti, hal ini menyebabkan suatu situs web sangatlah penting untuk dapat beradaptasi dengan tiap ukuran layar.

Desain web responsif, pada awalnya didefinisikan oleh Ethan Marcotte yang menyatakan balasan atas keperluan pengguna dan perangkat yang mereka gunakan. Perubahan tata letak atau layout berdasarkan dimensi layar dan kemampuan perangkat. Contohnya, pada perangkat seluler, pengguna menyaksikan konten yang ditampilkan dalam satu kolom, sedangkan pada perangkat tablet bisa saja konten ditampilkan dengan dua kolom dengan konten yang sama.

Mengatur Tampilan yang Ditampilkan

Suatu laman web yang dioptimalkan untuk banyak sekali perangkat diharuskan menambahkan tag meta viewport di bab kepala atau head dokumen web. Tag meta viewport ini bisa menunjukkan isyarat terhadap web browser tentang bagaimana cara mengendalikan ukuran laman dan skala laman web tersebut.

• Terapkan tag meta viewport dalam mengatur lebar dan penskalaan performa yang terlihat pada web browser.
• Sertakan juga width=device-width dalam mencocokkan atau menyesuaikan lebar layar dalam piksel yang tidak bergantung pada suatu perangkat.
• Sertakan juga initial-scale=1 dalam membentuk keterkaitan 1:1 antara piksel CSS dan piksel yang tidak bergantung pada sebuah perangkat.
• Pastikan laman web mampu diakses dengan tidak menonaktifkan penskalaan pengguna.

Browser seluler mengupayakan pengalaman terbaik dengan menawarkan render halaman pada lebar layar desktop, dan lalu menjajal menciptakan konten tampaklebih baik dengan menambahukuran font dan mengubah ukuran konten agar sesuai dengan layar. Ini memiliki arti bahwa ukuran font mungkin tampil tidak konsisten bagi pengguna, yang mungkin mesti ketuk dua kali atau cubit untuk melaksanakan zoom agar bisa menyaksikan dan berinteraksi dengan konten.

Menggunakan nilai meta viewport width=device-width ini dapat memerintahkan laman web untuk menyesuaikan lebar layar dalam piksel yang tidak tergantung perangkat. Hal ini memungkinkan laman web untuk mengubah posisi atau geometri konten semoga dapat sesuai dengan dimensi ukuran layar yang berlawanan-beda, apakah dirender pada telepon seluler kecil atau monitor desktop yang besar.

Tanpa Viewport

Dengan Viewport

Beberapa web browser mampu menjaga lebar laman web secara konstan ketika beralih ke mode lanskap, dan melaksanakan zoom bukannya mengganti posisi atau geometri untuk mengisi layar. Menambahkan atribut initial-scale=1 mampu memerintahkan web browser dalam membangun hubungan 1:1 antara piksel CSS dan piksel yang tidak tergantung perangkat terlepas dari orientasi perangkat, dan juga memungkinkan laman web untuk memanfaatkan lebar lanskap secara penuh.

Memastikan Tampilan yang Terlihat Dapat Diakses

Disamping menerapkan initial-scale, kau juga dapat menyetel atribut berikut pada tampilan yang terlihat di layar perangkat.

• minimum-scale
• maximum-scale
• user-scalable

Apabila disetel, hal ini mampu menonaktfkan kemampuan pengguna dalam melakukan zoom terhadap performa yang tampakdi web browser dan berpotnsi mengakibatkan dilema aksebilitas.

Menyesuaikan Ukuran Konten dengan Tampilan yang Terlihat

Pada perangkat ponsel dan desktop, pengguna lazimnya menggulir laman web secara vertikal bukan secara horizontal. Jika memaksakan pengguna untuk menggulir secara horizontal atau mesti memperkecil tampilan semoga bisa terlihat seluruh halaman oleh pengguna dapat menyebabkan pengalaman pengguna yang jelek atau jelek.

• Dilarang atau sebisa mungkin untuk disingkirkan memakai elemen berlebar tetap yang besar.
• Konten tidak diperbolehkan bergantung pada lebar tampilan yang terlihat tertentu untuk merender dengan baik.
• Gunakan kueri media CSS untuk menerapkan penataan gaya yang berbeda untuk layar kecil dan besar.

Saat menyebarkan atau membangun suatu situs seluler dengan tag meta viewport, seringkali kita secara tidak sengaja menciptakan konten pada laman web yang tidak muat dalam performa yang terlihat yang telah ditetapkan. Misalkan, gambar yang hendak ditampilkan mempunyai lebar yang lebih lebar dari penampilan yang terlihat bisa mengakibatkan penampilan yang terlihat untuk menggulir secara horizontal. Oleh sebab itu kamu mesti menyesuaikan konten ini semoga muat ke dalam lebar tampilan yang terlihat, sehingga pengguna tidak perlu menggulir secara horizontal.

Disebabkan ukuran dan lebar layar dalam piksel CSS bermacam-macam antar perangkat (contohnya, antara ponsel dan tablet, dan bahkan antara ponsel yang berlawanan), konten tidak diperbolehkan bergantung pada lebar penampilan yang tampaktertentu untuk dirender dengan baik.

Menyetel lebar CSS yang besar secara mutlak untuk elemen laman web (seperti contoh di bawah), mengakibatkan div menjadi terlalu lebar untuk penampilan yang tampakpada perangkat yang lebih sempit (contohnya, perangkat dengan lebar piksel CSS 320, seperti iPhone). Sebaiknya, pertimbangkan untuk memakai nilai lebar relatif, mirip width: 100%. Demikian juga, berhati-hatilah memakai nilai pemosisian absolut besar yang mampu menyebabkan elemen berada di luar penampilan yang terlihat pada layar kecil.

Responsif Iphone

Responsif Nexus

Simak juga Dasar Web Responsif dengan memakai kueri CSS di postingan selanjutnya.

Sumber https://blogbugabagi.blogspot.com/

Dasar-Dasar Yang Perlu Dimengerti Ihwal Desain Web Responsif

Dasar-Dasar Yang Perlu Dimengerti Ihwal Desain Web Responsif

Admin   November 22, 2021   Comment  

Di periode kini penggunaan perangkat seluler seperti ponsel pintar untuk berselancar di internet melalui web terus meningkat secara drastis, akan namun sayangnya tidak semua situs web telah dioptimalkan untuk perangkat seluler. Perangkat seluler lazimnya memilliki dimensi layar yang kecil ketimbang perangkat desktop, hal inilah yang menjadi kendala sehingga memerlukan pendekatan yang berlainan dalam bagaimana kontn web ditampilkan di dalam layar.

Di samping itu, terdapat berbagai dimensi ukuran layar untuk ponsel, tablet, TV, desktop, konsol game dan perangkat yang lain yang mampu dipakai. Dimensi layar selalu berubah, hal ini mengakibatkan sebuah website sangatlah penting untuk dapat menyesuaikan diri dengan tiap ukuran layar.

Desain web responsif, pada mulanya didefinisikan oleh Ethan Marcotte yang menyatakan jawaban atas kebutuhan pengguna dan perangkat yang mereka gunakan. Perubahan tata letak atau layout berdasarkan dimensi layar dan kemampuan perangkat. Contohnya, pada perangkat seluler, pengguna melihat konten yang ditampilkan dalam satu kolom, sedangkan pada perangkat tablet bisa saja konten ditampilkan dengan dua kolom dengan konten yang serupa.

Mengatur Tampilan yang Ditampilkan

Suatu laman web yang dioptimalkan untuk berbagai perangkat diharuskan menyertakan tag meta viewport di bab kepala atau head dokumen web. Tag meta viewport ini mampu memberikan petunjuk kepada web browser perihal bagaimana cara menertibkan ukuran laman dan skala laman web tersebut.

• Terapkan tag meta viewport dalam menertibkan lebar dan penskalaan tampilan yang terlihat pada web browser.
• Sertakan juga width=device-width dalam mencocokkan atau menyesuaikan lebar layar dalam piksel yang tidak bergantung pada suatu perangkat.
• Sertakan juga initial-scale=1 dalam membentuk keterkaitan 1:1 antara piksel CSS dan piksel yang tidak bergantung pada sebuah perangkat.
• Pastikan laman web mampu diakses dengan tidak menonaktifkan penskalaan pengguna.

Browser seluler mengupayakan pengalaman terbaik dengan menyediakan render halaman pada lebar layar desktop, dan lalu mencoba membuat konten terlihat lebih baik dengan menambahukuran font dan mengubah ukuran konten supaya sesuai dengan layar. Ini berarti bahwa ukuran font mungkin tampil tidak konsisten bagi pengguna, yang mungkin harus ketuk dua kali atau cubit untuk melakukan zoom semoga mampu menyaksikan dan berinteraksi dengan konten.

Menggunakan nilai meta viewport width=device-width ini dapat memerintahkan laman web untuk menyesuaikan lebar layar dalam piksel yang tidak tergantung perangkat. Hal ini memungkinkan laman web untuk mengubah posisi atau geometri konten supaya mampu sesuai dengan dimensi ukuran layar yang berlainan-beda, apakah dirender pada telepon seluler kecil atau monitor desktop yang besar.

Tanpa Viewport

Dengan Viewport

Beberapa web browser bisa menjaga lebar laman web secara konstan dikala beralih ke mode lanskap, dan melaksanakan zoom bukannya mengganti posisi atau geometri untuk mengisi layar. Menambahkan atribut initial-scale=1 mampu memerintahkan web browser dalam membangun kekerabatan 1:1 antara piksel CSS dan piksel yang tidak tergantung perangkat terlepas dari orientasi perangkat, dan juga memungkinkan laman web untuk memanfaatkan lebar lanskap secara sarat .

Memastikan Tampilan yang Terlihat Dapat Diakses

Disamping menerapkan initial-scale, kamu juga mampu menyetel atribut berikut pada performa yang tampakdi layar perangkat.

• minimum-scale
• maximum-scale
• user-scalable

Apabila disetel, hal ini mampu menonaktfkan kemampuan pengguna dalam melaksanakan zoom terhadap penampilan yang tampakdi web browser dan berpotnsi menjadikan problem aksebilitas.

Menyesuaikan Ukuran Konten dengan Tampilan yang Terlihat

Pada perangkat ponsel dan desktop, pengguna biasanya menggulir laman web secara vertikal bukan secara horizontal. Jika memaksakan pengguna untuk menggulir secara horizontal atau mesti memperkecil tampilan semoga bisa terlihat seluruh halaman oleh pengguna mampu menjadikan pengalaman pengguna yang buruk atau jelek.

• Dilarang atau sebisa mungkin untuk disingkirkan menggunakan komponen berlebar tetap yang besar.
• Konten tidak diperbolehkan bergantung pada lebar penampilan yang tampaktertentu untuk merender dengan baik.
• Gunakan kueri media CSS untuk menerapkan penataan gaya yang berlainan untuk layar kecil dan besar.

Saat mengembangkan atau membangun suatu situs seluler dengan tag meta viewport, kadang kala kita secara tidak sengaja membuat konten pada laman web yang tidak muat dalam performa yang terlihat yang sudah ditetapkan. Misalkan, gambar yang mau ditampilkan memiliki lebar yang lebih lebar dari tampilan yang terlihat mampu menjadikan tampilan yang terlihat untuk menggulir secara horizontal. Oleh alasannya itu kamu mesti menyesuaikan konten ini agar muat ke dalam lebar performa yang terlihat, sehingga pengguna tidak perlu menggulir secara horizontal.

Disebabkan ukuran dan lebar layar dalam piksel CSS bermacam-macam antar perangkat (misalnya, antara ponsel dan tablet, dan bahkan antara ponsel yang berlawanan), konten tidak diperbolehkan bergantung pada lebar penampilan yang tampaktertentu untuk dirender dengan baik.

Menyetel lebar CSS yang besar secara mutlak untuk unsur laman web (seperti acuan di bawah), mengakibatkan div menjadi terlalu lebar untuk penampilan yang terlihat pada perangkat yang lebih sempit (contohnya, perangkat dengan lebar piksel CSS 320, seperti iPhone). Sebaiknya, fikirkan untuk menggunakan nilai lebar relatif, mirip width: 100%. Demikian juga, berhati-hatilah memakai nilai pemosisian otoriter besar yang mampu menjadikan bagian berada di luar tampilan yang tampakpada layar kecil.

Responsif Iphone

Responsif Nexus

Simak juga Dasar Web Responsif dengan menggunakan kueri CSS di postingan selanjutnya.

Sumber https://blogbugabagi.blogspot.com/

Dasar-Dasar Yang Perlu Dimengerti Wacana Desain Web Responsif

Dasar-Dasar Yang Perlu Dimengerti Wacana Desain Web Responsif

Admin   November 21, 2021   Comment  

Di abad sekarang penggunaan perangkat seluler mirip smartphone untuk berselancar di internet lewat web terus meningkat secara drastis, akan namun sayangnya tidak semua situs web telah dioptimalkan untuk perangkat seluler. Perangkat seluler umumnya memilliki dimensi layar yang kecil ketimbang perangkat desktop, hal inilah yang menjadi kendala sehingga memerlukan pendekatan yang berlawanan dalam bagaimana kontn web ditampilkan di dalam layar.

Di samping itu, terdapat aneka macam dimensi ukuran layar untuk ponsel, tablet, TV, desktop, konsol game dan perangkat lainnya yang bisa digunakan. Dimensi layar selalu berubah, hal ini mengakibatkan suatu situs web sangatlah penting untuk mampu mengikuti keadaan dengan tiap ukuran layar.

Desain web responsif, pada mulanya didefinisikan oleh Ethan Marcotte yang menyatakan jawaban atas keperluan pengguna dan perangkat yang mereka gunakan. Perubahan tata letak atau layout menurut dimensi layar dan kemampuan perangkat. Contohnya, pada perangkat seluler, pengguna menyaksikan konten yang ditampilkan dalam satu kolom, sedangkan pada perangkat tablet mampu saja konten ditampilkan dengan dua kolom dengan konten yang sama.

Mengatur Tampilan yang Ditampilkan

Suatu laman web yang dioptimalkan untuk berbagai perangkat diharuskan menambahkan tag meta viewport di bagian kepala atau head dokumen web. Tag meta viewport ini bisa menunjukkan petunjuk kepada web browser mengenai bagaimana cara mengontrol ukuran laman dan skala laman web tersebut.

• Terapkan tag meta viewport dalam mengontrol lebar dan penskalaan tampilan yang tampakpada web browser.
• Sertakan juga width=device-width dalam mencocokkan atau menyesuaikan lebar layar dalam piksel yang tidak bergantung pada suatu perangkat.
• Sertakan juga initial-scale=1 dalam membentuk keterkaitan 1:1 antara piksel CSS dan piksel yang tidak bergantung pada suatu perangkat.
• Pastikan laman web mampu diakses dengan tidak menonaktifkan penskalaan pengguna.

Browser seluler mengupayakan pengalaman terbaik dengan menawarkan render halaman pada lebar layar desktop, dan kemudian menjajal menciptakan konten terlihat lebih baik dengan memperbesar ukuran font dan mengganti ukuran konten biar sesuai dengan layar. Ini memiliki arti bahwa ukuran font mungkin tampil tidak konsisten bagi pengguna, yang mungkin harus ketuk dua kali atau cubit untuk melaksanakan zoom semoga mampu melihat dan berinteraksi dengan konten.

Menggunakan nilai meta viewport width=device-width ini dapat memerintahkan laman web untuk menyesuaikan lebar layar dalam piksel yang tidak tergantung perangkat. Hal ini memungkinkan laman web untuk mengubah posisi atau geometri konten biar mampu sesuai dengan dimensi ukuran layar yang berbeda-beda, apakah dirender pada telepon seluler kecil atau monitor desktop yang besar.

Tanpa Viewport

Dengan Viewport

Beberapa web browser mampu mempertahankan lebar laman web secara konstan ketika beralih ke mode lanskap, dan melakukan zoom bukannya mengubah posisi atau geometri untuk mengisi layar. Menambahkan atribut initial-scale=1 dapat memerintahkan web browser dalam membangun relasi 1:1 antara piksel CSS dan piksel yang tidak tergantung perangkat terlepas dari orientasi perangkat, dan juga memungkinkan laman web untuk mempergunakan lebar lanskap secara sarat .

Memastikan Tampilan yang Terlihat Dapat Diakses

Disamping menerapkan initial-scale, kamu juga dapat menyetel atribut berikut pada tampilan yang tampakdi layar perangkat.

• minimum-scale
• maximum-scale
• user-scalable

Apabila disetel, hal ini mampu menonaktfkan kemampuan pengguna dalam melaksanakan zoom kepada tampilan yang tampakdi web browser dan berpotnsi menjadikan dilema aksebilitas.

Menyesuaikan Ukuran Konten dengan Tampilan yang Terlihat

Pada perangkat ponsel dan desktop, pengguna biasanya menggulir laman web secara vertikal bukan secara horizontal. Jika memaksakan pengguna untuk menggulir secara horizontal atau mesti memperkecil penampilan supaya bisa terlihat seluruh halaman oleh pengguna mampu menjadikan pengalaman pengguna yang buruk atau jelek.

• Dilarang atau sebisa mungkin untuk dikesampingkan memakai elemen berlebar tetap yang besar.
• Konten tidak diperbolehkan bergantung pada lebar tampilan yang tampaktertentu untuk merender dengan baik.
• Gunakan kueri media CSS untuk menerapkan penataan gaya yang berlawanan untuk layar kecil dan besar.

Saat mengembangkan atau membangun suatu situs seluler dengan tag meta viewport, kadang kala kita secara tidak sengaja menciptakan konten pada laman web yang tidak muat dalam performa yang tampakyang sudah ditetapkan. Misalkan, gambar yang akan ditampilkan mempunyai lebar yang lebih lebar dari tampilan yang terlihat bisa menyebabkan penampilan yang terlihat untuk menggulir secara horizontal. Oleh sebab itu kamu mesti menyesuaikan konten ini semoga muat ke dalam lebar penampilan yang terlihat, sehingga pengguna tidak perlu menggulir secara horizontal.

Disebabkan ukuran dan lebar layar dalam piksel CSS beragam antar perangkat (contohnya, antara ponsel dan tablet, dan bahkan antara ponsel yang berlainan), konten tidak diperbolehkan bergantung pada lebar performa yang tampaktertentu untuk dirender dengan baik.

Menyetel lebar CSS yang besar secara mutlak untuk bagian laman web (seperti acuan di bawah), menimbulkan div menjadi terlalu lebar untuk penampilan yang tampakpada perangkat yang lebih sempit (misalnya, perangkat dengan lebar piksel CSS 320, seperti iPhone). Sebaiknya, pikirkan untuk menggunakan nilai lebar relatif, mirip width: 100%. Demikian juga, berhati-hatilah memakai nilai pemosisian absolut besar yang mampu menyebabkan unsur berada di luar performa yang tampakpada layar kecil.

Responsif Iphone

Responsif Nexus

Simak juga Dasar Web Responsif dengan memakai kueri CSS di artikel selanjutnya.

Sumber https://blogbugabagi.blogspot.com/

Bimbingan Cara Melaksanakan Source Code Php Memakai Xampp

Bimbingan Cara Melaksanakan Source Code Php Memakai Xampp

Admin   November 20, 2021   Comment  

Kamu mungkin sering mengunduh aneka macam source code web yang dibangun menggunakan bahasa pemrograman PHP di internet, baik dari blogbugabagi maupun dari situs-situs lainnya. Untuk menguji apakah source code PHP tersebut berlangsung dengan wajar ataupun mulai menyebarkan source code tersebut, kau mampu menggunakan tools XAMPP sebagai pengganti server. XAMPP ini ialah salah satu tools yang bisa kamu pergunakan untuk melakukan program PHP yang kau bangkit. XAMPP mampu kamu peroleh dengan gratis dengan mendatangi https://www.apachefriends.org/ . Tanpa basa-basi lagi, yuk kita simak panduan cara menjalankan source code PHP memakai XAMPP di bawah ini.

Sebelum itu, bila kamu mendapatkan source code PHP yang di arsipkan menjadi .rar/.zip silahkan kau ekstrak terlebih dahulu memakai Winrar/7Zip ataupun software serupa yang lain. 

1. Hidupkan Apache dan Mysql pada XAMPP

Pertama-tama kau perlu membangkitkan Apache dan MySQL pada XAMPP. Apache berfungsi sebagai server, dikarenakan PHP tergolong bahasa server side scripting jadi kamu perlu membangkitkan Apache pada XAMPP. Sedangkan untuk membangkitkan MySQL sifatnya opsional, saat source code/program yang kau dapatkan memerlukan jalan masuk database maka kamu diharuskan membangkitkan MySQL, sedangkan kalau tidak membutuhkan database maka mysql tidak butuhuntuk dihidupkan. 

Silahkan kamu buka XAMPP Control Panel kemudian klik start di bab Apache dan MySQL tunggu hingga berwarna hijau serta bab PID(s) dan Port(s) sudah terisi.

2. Simpan Folder Source Code ke dalam Folder htdocs

Langkah kedua silahkan kau salin/pindah folder master (folder yang terdiri dari source code program) ke dalam folder htdocs. Pada umumnya folder htdocs di XAMPP secara default berada di direktori C:\xampp\htdocs. Misalnya kamu mempunyai folder rapor2013 (*acuan folder source code web yang kau dapatkan), jadi silahkan kau simpan folder rapor2013 ke dalam folder htdocs.

3. Membuat Database MySQL

Pada pola kali ini dikarenakan source code/programnya membutuhkan akses database jadi perlu menciptakan databasenya terlebih dahulu, bila source code/acara kau tidak memerlukan database kamu bisa lanjut ke langkah no 6. 

Untuk menciptakan database baru, silahkan kau buka web browser lalu masukkan url localhost/phpmyadmin di address kafe pada browser. Tunggu beberapa saat hingga timbul mirip gambar di bawah ini.

Kemudian klik pada tab menu basis data, lalu masukkan nama database yang akan kamu gunakan (Nama database bisa kamu sesuaikan dengan yang ada pada source code atau sesuai dengan keinginanmu sendiri). Setelah nama database diinputkan kemudian klik tombol Buat. 

4. Mengimport Struktur Database

Setelah database selesai dibuat, langkah selanjutnya ialah mengimport struktur database yang sudah disediakan pada source code (Proses import disini maksudnya mengimport struktur database pada program mencakup tabel-tabel dan isi datanya). Untuk mengimport struktur database ke dalam database yang barusan kamu buat, silahkan klik Import maka kamu akan dialihkan ke halaman import database. Selanjutnya klik Pilih File kemudian silahkan kamu cari berkas sql di source codedengan ekstensi .sql (tidak selalu .sql kadang kala ada juga yang .zip). Kemudian klik Kirim di bagian bawah halaman.

5. Melakukan Konfigurasi Koneksi

Untuk menentukan konfigurasi koneksi database pada source code sesuai dengan setelan XAMPP yang digunakan. Kamu perlu meninjaunya terlebih dulu, silahkan kamu cari berkas di source code yang sekiranya menyimpan pengaturan koneksi database. Setelah ditemukan lalu buka dan atur sesuai dengan setelan yang kau gunakan. Pada XAMPP secara default usernamenya yakni root dan passwordnya kosong dan untuk host nya diisi localhost atau 127.0.0.1 dan nama databasenya sesuaikan dengan nama database yang kamu gunakan.

Kamu juga bisa melewati langkah ini bila konfigurasi dari source code sudah sesuai dengan setelan yang kamu gunakan. Pada acuan kasus ini yang ialah source code CI, konfigurasi koneksi database disimpan di berkas database.php yang berada di direktori application\config.

6. Menjalankan Program di Browser

Langkah terakhir yakni masukkan url localhost/namafolder (namafolder sesuaikan dengan nama folder yang kau simpan di htdocs tadi). Pada acuan masalah ini nama foldernya adalah rapor2013, jadi ketika akan mengaksesnya masukkan localhost/rapor2013.

Demikian langkah-langkahnya, biar source code kau bisa berlangsung dengan baik.

Perlu diamati juga sesuaikan versi XAMPP dengan program/source code yang kamu dapatkan. Apabila acara/source code kau dibangun memakai bahasa PHP model 5 dianjurkan menggunakan versi XAMPP ini, sedangkan kalau acara/source code dibangun menggunakan bahasa PHP versi 7 disarankan memakai versi XAMPP ini.

Sumber https://blogbugabagi.blogspot.com/

5 Cara Mengatasi Rasa Malas Saat Ngoding

5 Cara Mengatasi Rasa Malas Saat Ngoding

Admin   November 18, 2021   Comment  

Rasa malas ialah sesuatu hal yang sering datang terhadap setiap orang. Siapapun tentunya pernah mengalami rasa malas mirip kehilangan keinginan atau kemauan untuk ngoding misalnya. Rasa malas dikala ngoding ini merupakan hal yang masuk akal dan  hal yang lumrah dialami setiap orang. Akan namun rasa malas ini jangan dibiarkan begitu saja tinggal pada diri kita, karena mampu menghalangi pekerjaan dan juga mampu merugikan diri kita.

Mulailah sejak rasa malas itu berkembang untuk segera mengatasi rasa malas tersebut, sebab jikalau dibiarkan terus-menerus rasa malas akan makin menjadi-jadi dan terus tumbuh sehingga memperparah kemalasan dan sukar untuk dihilangkan. Oleh alasannya adalah itu, segera simak 5 cara menangani rasa malas saat ngoding berikut ini.

1. Membuat To Do List

Rasa malas ketika ngoding seringkali berkembang disebabkan alasannya adalah kau gundah mau melaksanakan apa. Oleh sebab itu cobalah untuk menciptakan to do list atau daftar hal yang harus dijalankan berikut target yang ingin kamu capai. To do list ini akan mempermudah kau untuk mengatasi rasa malas dikala ngoding. Hal ini dikarenakan kau sudah mempunyai apa yang harus dikerjakan hari ini, besok beserta target yang mau dicapai. Kamu wajib untuk mematuhi to do list yang telah kau buat dengan tidak menunda-nunda untuk muai ngoding dan senantiasa menyegerakan pekerjaan. Disamping itu dengan adanya to do list juga akan memperkecil resiko pekerjaan yang terlewat dan memutuskan pekerjaanmu selesai sesuai dengan yang diharapkan atau dijadwalkan.

2. Melakukan Pekerjaan yang Praktis Terlebih Dahulu

Sering kali rasa malas muncul saat ngoding yang disebabkan oleh pekerjaan tersebut yang terlalu susah atau sukar. Oleh alasannya adalah itu ketika kamu ngoding cobalah untuk mengerjakan unsur acara yang mudah apalagi dulu sebelum ke komponen program yang lebih kompleks. Disamping untuk mencegah kemalasan timbul, menjalankan kodingan yang praktis terlebih dulu juga akan membantu kau dalam menyelesaikan komponen acara yang kompleks, alasannya komponen telah kamu pecah menjadi beberapa bab.

3. Menikmati Musik

Cara mengatasi rasa malas dikala ngoding dengan mendengarkan musik cukup ampuh untuk mengembalikan semangat dan mood, alasannya kadang masa rasa malas dikala ngoding datang dari kebosanan. Cara ini bisa kau coba untuk menghilangkan rasa malas, cobalah dengarkan musik yang mampu membangkitkan gairah dan semangat lalu nikmati lantunan musik tersebut. Kamu mampu sambil joged-joged atau sekedar menggelengkan kepala mengikuti alunan musik.

4. Olahraga yang Cukup

Rasa malas sering membuat kita nyaman untuk tidak melakukan apapun, dan rebahan yakni hal yang ingin dikerjakan. Cobalah untuk memperbanyak gerak dengan melakukan apapun dan berolahraga yang cukup, dari memperbanyak gerak ini mampu memunculkan gairah semangat untuk bangkit kembali dan menghilangkan kemalasan dibandingkan hanya berdiam diri di zona nyaman kemalasan. Berolahraga yang cukup mampu mempertahankan stamina dan menghidupkan semangat. Dari olahraga yang cukup ini kau akan sudah biasa untuk melaksanakan aktivitas sehingga gairah untuk mulai ngoding pun timbul kembali.

5. Selalu Memperhatikan Resiko

Saat kamu ngoding tentunya kau memiliki tujuan tertentu, entah itu bertujuan dari peran kampus, kantor dan lain sebagainya. Setiap orang tentu saja mempunyai tujuan yang berlawanan-beda dan resikonya pun berlawanan-beda. Perhatikanlah tujuan awal kamu dikala mulai ngoding dan apa resikonya bila gagal atau tidak berhasil menyelesaikannya, di pecat atau mendapat nilai E.
Ada banyak sekali resiko yang perlu kamu amati, baik itu resiko kegagalan, resiko kesehatan, resiko hal-hal yang tak terduga lainnya. Oleh alasannya adalah itu alangkah lebih baik kalau kau senantiasa menyegerakan sebuah pekerjaan dibanding bermalas-malasan. Karena kita tahu kedepannya akan mirip apa dan bagaimana keadaan kamu kedepannya dan hal-hal yang tak terduga apa saja yang mampu menghambat pekerjaan.
Sumber https://blogbugabagi.blogspot.com/

Apa Sih Smart City Itu? Faedah Dan Ulasan Cyber Physical Social System

Apa Sih Smart City Itu? Faedah Dan Ulasan Cyber Physical Social System

Admin   November 17, 2021   Comment  

Smart City akhir-akhir ini digadang-gadang dijadikan sebagai terobosan suatu kota untuk tampil lebih maju dan lebih baik dengan membangun berbgai bagian infrastruktur di suatu kota. Tak cuma itu Smart City ialah induk dari desain E Goverment yang memperlihatkan pelayanan yang bagus bagi publik utamanya warga masyarakatnya. Simak juga perbedaan antara Smart City dan E Goverment dengan mendatangi tautan tersebut.

Makna Kata Smart City

Istilah Smart City atau dalam bahasa Indonesia diketahui dengan perumpamaan Kota Cerdas. Untuk dapat mengenali definisi atau pengertian dari Smart City pertama-tama mari kita kenali terlebih dahulu makna dari katanya, kata pertama yakni Smart dan kedua ialah kata City. Kata Smart atau Cerdas bisa dimaknai selaku kesanggupan untuk mencicipi, menangkap dan memproses pesan atau data inputan dan menawarkan tanggapansecara cepat dan tepat. Apabila diibaratkan mirip dengan kecerdasan seorang insan yang mampu menangkap berbagai data dari lingkungan disekitarnya lewat panca indera yang dimilikinya serta memperlihatkan tanggapansecara cepat dan tepat. Misalkan saat mata kau menyaksikan suatu mobil yang mau menabrak kamu, maka secara cepat dan sempurna otak akan berpikir untuk memerintahkan tubuh kau untuk menghindarinya.

Sedangkan kata City atau Kota berdasarkan Peraturan Menteri dalam Negeri Nomor 2 Tahun 1987 Pasal 1 menyebutkan Kota ialah sebuah sentra pemukiman dan acara penduduk yang memiliki batasan manajemen yang telah dikontrol dalam perundang-usul serta pemukiman yang sudah memberikan budpekerti dan ciri kehidupan perkotaan. Berdasarkan makna setiap kata penyusun dari istilah Smart City atau Kota Cerdas tersebut maka mampu diartikan sebagai suatu kota yang memiliki kemampuan pro aktif dalam mengidentifikasi dan mengumpulkan data-data dari berbagai bagian kota baik bagian fisik maupun sosial untuk selanjutnya diproses dan menawarkan tanggapansecara tepat dan cepat.

Cyber Physical Social System

Smart City pada dasarnya yaitu Cyber Physical Social System dalam ruang lingkup kota, adalah sebuah metode yang mengintegrasikan tata cara fisik kota, sistem sosial dan sistem digital lewat media siber atau internet. Sistem fisik kota meliputi banyak sekali sarana dan prasarana penunjang aktivitas kehidupan kota, seperti jembatan, gedung, termina, jaringan listrik, stasiun, infrastruktur telekomunikasi dan lain sebagainya. Sedangkan tata cara sosial kota meliputi aneka macam lingkungan sosial manusia dan individu yang ada di dalam kota meliputi pemerintah kota, penduduk biasa , pasar, keluarga, warga kota, dan lain sebagainya. Sementara itu sistem digital kota mencakup sensor, jaringan komputer, kendali, data center atau sentra data, komputtasi dan lain sebagainya.

Cyber Physical Social System pada Smart City serupa dengan metode badan manusia. Suatu kecerdasan memerlukan media input atau masukan. Panca indera pada tubuh insan seperti mata, indera pendengaran, hidung, lidah dan kulit merupakan media yang mampu menjadi inputan bagi kecerdasan yang dimiliki oleh manusia. Sementara itu dalam rancangan Smart City fungsi dari media input mampu dilakukan dengan menggunakan CCTV atau sensor yang dipasang di aneka macam bagian sebuah kota. Seperti CCTV kemudian lintas, CCTV analisa objek, sensor polusi udara dan air, sensor ketinggian air sungai, sensor kepadatan lalu lintas, sensor kecepatan unuk mengukur kecepatan kendaraan dan lain sebagainya.

Untuk insan analogi otak untuk memproses dan menyimpan data-data inputan dari panca indera, sedangkan bagi Smart City pemrosesan dan penyimpanan  mampu dilakukan oleh prosesor, mikrokontroller, hard drive, digital video recorder, Sekolah Dasar Card dan lain sebagainya. Respon yang diberikan berdasarkan hasil pemrosesan data inputan dalam analogi badan manusia mampu berupa ucapan maupun gerakan tubuh, sedangkan dalam konsep Smart City dapat berupa performa infoormasi dari layar LCD, keluaran bunyi dari speaker atau berbentukgerakan dari aktuator.

Definisi Smart City

Secara lebih dalam Smart City yaitu sebuah kategorisasi kota sekaligus suau rancangan pengembangan dan pengelolaan tata kota dengan memanfaatkan teknologi berita secara optimal dan intensif, tergolong jaringan komputer, internet of things (IoT), big data, cloud computing, data analytic, geographical information integration dan lain sebagainya, sehingga metode dapat diintegrasikan dengan manusia selaku metode fisik kota dan tata cara digital agar kota mampu lebih inovatif dan inovatif.

Manfaat Smart City

Terdapat beberapa manfaat yang mampu dicicipi berkat terpenuhinya pembangunan unsur Smart City secara menyeluruh, diantaranya selaku berikut :

1. Memonitor kondisi infrastruktur penting kota, mempersiapkan kegiatan-aktivitas perawatan dan peningkatan keamanannya.
2. Meningkatkan efisiensi operasional dan layanan kota.
3. Mengoptimalkan pemanfaatan sumber daya kota secara efisien dan berkelanjutan.
4. Meningkatkan ketentraman penduduk untuk tinggal.
5. Meningkatkan mutu atau kesejahteraan hidup warganya.
6. Peningkatan mutu layanan publik dan layanan kota mirip transportasi, listrik, kemanan, lingkungan hidup dan layanan keadaan darurat.
7. Menangkap dan menawarkan respon akan kebutuhan warganya secara proaktif, cepat dan juga tepat.
8. Meningkatkan ketahan kota daam menangkal kriminal dan peluangresiko yang lain dan mempercepat pemulihan akibat peristiwa.
9. Menjaga kesetaraan bagi semua warga penduduk .
10. Memastikan pertumbuhan dan keberlangsungan kota di kala yang akan tiba dan memenuhi kebutuhan generasi yang mau datang baik secara sosial, ekonomi maupun lingkungan.
11. Meningkat kemampuan kota dalam bersaing.

Referensi
Smart City: Konsep, Model, & Teknologi - ITS
Sumber https://blogbugabagi.blogspot.com/