Rabu, 27 November 2019

Pengertian HTML, CSS, PHP dan MySQL

Pengertian HTML, CSS, PHP, MySQL


HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
MySQL adalah Relational Database Management System (RDBMS) yang di distribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial.

Pengertian Flowmap

Pengertian Flowmap
Flowmap adalah campuran peta dan flow chart,yang menunjukan pergerakan benda dari satu lokasi ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah barang yang diperdagangkan, atau jumlah paket dalam jaringan. Flowmap menolong analisis dan programmer untuk memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternaitf-alternatif lain dalam pengoprasian.
Pedoman-pedoman dalam membuat FlowMap
Bila seorang analis dan programmer akan membuat flowmap , ada beberapa petunjuk yang harus diperhatikan, sepeti :
  • Flowmap digambarkan dari halaman atas ke bawah dan kiri ke kanan.
  • Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan definisi ini harus dapat di mengerti oleh pembacanya.
  • Kapan aktivitas dimulai dan berakhir harus di tentukan secara jelas.
  • Setiap langkah dari aktivitas harus berada pada urutan yang benar.
  • Lingkup dan range dari aktifitas yang sedang di gambarkan harus di telusuri dengan hati-hati.
  • Gunakan simbol-simbol flowchart yang standar.
Kegunaan Flowmap
Kegunaan dari Flow Map adalah :
  • Menggambarkan aktivitas apa saja yang sedang berjalan.
  • Menjabarkan aliran dokumen yang terlihat.
  • Menjelaskan hubungan-hubungan data dan informasi dengan bagian-bagian dalam aktivitas tersebut.
  • Mendefinisikan hubungan antara bagian (pelaku proses), proses (manual/berbasis komputer) dan aliran data (dalam bentuk dokumen keluaran dan masukan).
Simbol Fowmap
flowmap
1.Dokumen : Menunjukan dokume inpt atau output untuk proses manual atau komputer.
2.Proses : Kegiatan proses yang di lakukan dengan komputerisasi.
3.Proses Manual : Kegiatan proses yang di lakukan dengan manual.
4.Garis alir : Menunjukan alir data dari atau ke proses.
5.Data store : Menunjukan penyimpanan arsip atau dokumen non komputer.
6.Database : Tempat penyimpanan data berbasis database
7.Data elektronik : Menunjukan laporan data elektronik

Jenis – Jenis Flowmap
Flowchart terbagi atas lima jenis, yaitu :
  • Flowchart Sistem (System Flowchart)
  • Flowchart Paperwork / Flowchart Dokumen (Document Flowchart)
  • Flowchart Skematik (Schematic Flowchart)
  • Flowchart Program (Program Flowchart)
  • Flowchart Proses (Process Flowchart)
Contoh Flowmap
Berikut adalah flowmap prosedur pengambilan KPR yang ditunjukan pada gambar dibawah ini :
proses-bisnis
Adapun penjelesan dari flowmap di atas adalah sebagai berikut :
  1. Konsumen mendatangi pihak development/pengembang dan melakukan peninjauan terhadap rumah yang ditawarkan.
  2. Apabila konsumen menyetujui harga rumah yang ditawarkan maka konsumen membayar uang muka KPR jika tidak maka konsumen tidak jadi membelii rumah yang ditawarkan.
  3. Konsumen membayar uang KPR kemudian mendapatkan kwitansi pemesanan dan surat pemenasanan rumah (SPR) dari pihak administrasi.
  4. Setelah mendapatkan kwitansi pemesanan dan surat pemesanan rumah (SPR) maka konsumen melengkapi dan menyerahkan berkas KPR kepada pihak administrasi dan kemudian menjadi berkas KPR.
  5. Konsumen melunasi uang muka, biaya strategis dll kepada bagian administrasi, bagian administrasi kemudian membuat kwitansi pembayaran dan diserahkan kepada konsumen.
  6. Setelah mendapatkan kwitansi bukti pembayaran maka konsumen akan di undang pihak bank untuk wawancara, apabila dalam proses wawancara lolos, maka dilanjutkan ke akad kredit, namun apabila tidak lolos maka selesai dan tidak bias mengambil KPR.
  7. Akad kredit dilakukan antara pihak konsumen dan pihak developer/pengembang.
  8. Dari akad kredit kemudian pihak developer/pengembang melakukan penyerahan kunci kepada pihak konsumen.
  9. Konsumen menerima kunci dari rumah yang di beli dan selesai

Definisi, Fungsi, dan Manfaat Prototype

Definisi Prototype, Fungsi, dan Manfaat

 Definisi Prototype
 Prototype adalah sebuah Javascript Framework yang dibuat untuk lebih memudahkan proses dalam membangun aplikasi berbasis web.
Metode protyping sebagai suatu paradigma baru dalam pengembangan sistem informasi, tidak hanya sekedar suatu evolusi dari metode pengembangan sistem informasi yang sudah ada, tetapi sekaligus merupakan revolusi dalam pengembangan sistem informasi manajemen.
  Fungsi Prototype

Dapat memberikan bukti konsep yang diperlukan untuk menarik dana. Awal visibilitas prototipe memberikan pengguna gagasan tentang apa sistem akhir seperti apa. Mendorong partisipasi aktif antara pengguna dan produsen. Memungkinkan output yang lebih tinggi untuk pengguna. Biaya yang efektif (biaya Pengembangan dikurangi). Meningkatkan kecepatan pengembangan sistem

Membantu untuk mengidentifikasi masalah dengan kemanjuran dari desain sebelumnya, analisis persyaratan dan kegiatan coding
Membantu menyempurnakan potensi risiko yang terkait dengan pengiriman sistem yang dikembangkanBerbagai aspek dapat diuji dan umpan balik yang cepat bisa didapat dari penggunaMembantu memberikan produk dengan kualitas bagus
Pengguna dapat berinteraksi selama siklus pengembangan prototipe.
 Manfaat Prototype



  1. Menghasilkan syarat yang lebih baik dari produksi yang dihasilkan oleh metode ‘spesifikasi tulisan’.
  2. User dapat mempertimbangkan sedikit perubahan selama masih bentuk prototipe.
  3. Memberikan hasil yang lebih akurat dari pada perkiraan sebelumnya, karena fungsi yang diinginkan dan kerumitannya sudah dapat diketahui dengan baik.
  4. User merasa puas. Pertama, user dapat mengenal melalui komputer. Dengan melakukan prototipe (dengan analisis yang sudah ada), user belajar mengenai komputer dan aplikasi yang akan dibuatkan untuknya. Kedua, user terlibat langsung dari awal dan memotivasi semangat untuk mendukung analisis selama proyek berlangsung.

Software Desain Prototype


SOFTWARE DAN TOOLS UNTUK MEMBUAT PROTOTYPE

Sebelum membuat website atau aplikasi, seorang designer akan membuat prototype terlebih dahulu. Dalam pengembangan software, prototype adalah model kerja yang belum sempurna dari produk dan sistem informasi, biasanya dibangun untuk alasan demonstrasi atau sebagai bagian dari proses pengembangan. Dalam System Development Life Cycle (SDLC), model prototyping adalah versi dasar dari sistem dibangun, diuji, dan dikerjakan sampai prototype yang dapat diterima diperoleh dan sistem yang sempurna dapat digunakan (Rouse, 2005). Dalam membuat prototype, terdapat banyak software dan tools yang dapat digunakan, dan akan dijelaskan di dalam artikel ini.
  1. Axure
  1. Axure memiliki motto yaitu “Powerful Prorotypes, Without Coding”. Artinya, Axure dapat membantu desainer dalam membuat prototype yang kompleks tanpa perlu memiliki kemampuan pemrograman, cukup menggunakan conditional logic, dynamic content, animasi, fungsi matematika, dan data-driven interactions tanpa perlu menulis satu barispun kode. Selain itu, Axure memiliki aplikasi bernama Axureshare di android dan ios, sehingga jika ingin berbagi dengan desainer lainnya dapat menggunakan aplikasi tersebut. Axure dapat digunakan di operating software Windows dan iOS. Selain itu untuk pelajar dan pengajar, Axure menyediakan free license.
  1. Sketch
  1. Salah satu software yang cukup mendunia saat ini dalam membuat prototype adalah sketch. Sketch memiliki fitur-fitur yang berguna bagi desainer, seperti intuitive interface dan powerful plugins, yang dibangun oleh komunitas developer
Pada Sketch juga terdapat fitur library, dimana di dalamnya desainer dapat berkolaborasi dengan desainer lainnya dan berbagi simbol dan dokumen satu sama lain. Sayangnya Sketch hanya tersedia bagi pengguna operating software iOS karena terdapat fitur-fitur yang hanya bisa dijalankan di iOS dan untuk saat ini pihak Sketch belum berencana untuk memasukkan Sketch ke OS lainnya. Selain itu Sketch merupakan software berbayar.3. BalsamiqBalsamiq adalah alat untuk membuat wireframe yang membantu desainer bekerja lebih cepat dan cerdas. Balsamiq membuat pengalaman membuat sketsa di papan tulis, tetapi menggunakan komputer.Kelebihan dari Balsamiq adalah:
  • Quick add: membantu desainer membuat UI dengan cepat
  • User interface library: terdapat banyak template UI yang dapat digunakan
  • Sketch style controls: membuat sketsa UI. Alasan mengapa dalam bentuk sketsa adalah supaya mendorong terjadinya brainstorming.
  • Clean wireframes option: Terdapat tema clean wireframe yang dapat digunakan untuk presentasi
  • Collaborate Smoothly: Balsamiq dapat digunakan untuk berkolaborasi antar user satu sama lain.
Balsamiq dapat digunakan di Operating Systems Ios dan Windows. Tetapi, Balsamiq masih bersifat berbayar, sehingga jika ingin menggunakannya harus melakukan pembayaran setiap bulan atau mencoba free trial terlebih dahulu.
4. InvisionMenurut website invision, Invision digunakan untuk memperoleh sebuah prototype dalam 5 menit dengan cara mengunggah file berisi desain, animasi, gestur, dan transisi untuk mengubah tampilan yang statis menjadi bisa diklik dan interaktif.Jadi, di dalam invision, desainer bisa memberikan interaksi pada file prototype yang sebelumnya sudah dibuat melalui software lain. Melalui invision, desainer juga dapat berinteraksi dan berkolaborasi dengan user lainnya.
Untuk menggunakan Invision, desainer dapat sign up terlebih dahulu pada website Invision, lalu langsung membuat interaksi prototype dari browser. Invision bersifat gratis dan hanya perlu mendaftar sebagai member saja.
Sebenarnya masih banyak prototyping tools lainnya, seperti Adobe XD, JustInMind dan MockupPlus. Kecocokan terhadap software prototype, tergantung dari kebutuhan seorang desainer.

Belajar Membuat Website

Penting, Apa Itu Website?
Sebelum Anda berpikir tentang bagaimana cara menata tampilan website, merubah warna, jenis font, dan lain sebagainya, ada baiknya saya ulas sedikit tentang apa itu website dan elemen-elemen pembentuknya.
Website bisa dikatakan segala sesuatu yang ada di internet. Isi nya bisa berupa konten teks, gambar, suara, video, maupun gabungan dari beberapa jenis konten tersebut.
Dari segi jenis website nya, ada situs blog, situs social media, web personal, web company profile, web toko online, dan lain-lain.
Untuk bisa membuat website, kita juga memerlukan domain dan hosting. Ini adalah elemen pembentuk dari sebuah website yang harus ada.
Nah, untuk memahami apa itu domain dan apa itu hosting, secara mudahnya kita bisa menganalogikan dengan sebuah bangunan rumah.
  • Website = bangunan rumah
  • Hosting = tanah dimana bangunan berdiri
  • Domain = alamat rumah
Hosting Domain
Jadi jelaslah sudah, tanpa ada 3 elemen dasar tersebut, maka mustahil website itu bisa berdiri. 

#1. Tentukan Nama Domain Dan Hosting

#2. Install WordPress

#3. Setting Website, Install Plugin Dan Themes

Jika langkah-langkah di atas sudah selesai Anda lakukan, selanjutnya Anda bisa mulai mengupload konten yang ingin ditampilkan pada website, seperti gambar, artikel, atau profil usaha Anda, kemudian bisa juga membuat halaman statis maupun menerbitkan postingan.
cara menggunakan wordpressPANDUAN WORDPRESS
Untuk lebih jelasnya, Anda bisa download tutorial singkat mengenai cara pengelolaan website WordPress di artikel berikut, silahkan klik:
Ya, kurang lebih itu beberapa langkah dasar cara membuat website secara cepat dan praktis.
Apabila Anda lakukan secara berulang, lambat laun Anda akan mulai mendapatkan pemahaman sendiri, dan itu penting untuk keberlangsungan website Anda di masa yang akan datang.
Selamat mencoba!