Design Web adalah seni dan proses dalam menciptakan halaman web tunggal atau keseluruhan dan bisa melibatkan estetika dan seluk beluk mekanis dari suatu operasi situs web walaupun yang utama memusatkan pada tampilan dan cita rasa.Sedangakan aspek yang mencangkup pada design web antara lain menciptakan animasi dan grafik,pemilihan warna ,grafik dan font.
Hal-hal yang harus dikuasai oleh Web Desinger
1. Penguasaan Cita Rasa Seni
Mengeksplorasi Imajinasinya dan menggali cita rasa seninya yang dituangkan kedalam halaman web.
Mampu memilih warna yang baik dan memadukannya dengan warna yang lain sehingga menciptakan pepaduan warna yang serasi.
Mampu membuat bentuk atau skeysa yang baik dari bentuk halaman web.
Mampu menggabukan imajinasi atau ide original dan menggabungkannya dari pihak client.
Mampu menempatkan komponen multimedia pada bagian-bagian tertentu sehingga halaman web lebih menarik.
2. Peguasaan Tool Pendukung Perancangan WEB
Program aplikasi pengatur layout web : Macromedia dreamweaver, Ms.Frontpage,edit plus,php dll.
Program aplikasi pembuat animasi : Macromedia Flash ,Swish
Program aplikasi pembuat design grafis : Photoshop, Corel ,Paint dll.
3. Penguasaan Membuat Interface
4. Penguasaan Bahasa Pemrograman
FUNGSI SITUS WEB
1. Fungsi Komunikasi
Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side)maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.
2. Fungsi Informasi
Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya.
Sebaiknya berisi teks dan grafik
Fasilitas yang memberikan fungsi informasi,news,file,company,library,prefences dll
3. Fungsi Entertaiment
Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapat meningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatan downloadnya.
Contoh fungsi Entertaiment: game online,film online,music online dll.
4. Fungsi Transaksi
Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkan perusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannya bisa memudahkan kartu kredit,transfer atauupun membayar langsung.
Sistem Berbasis Web atau Aplikasi Berbasis Web adalah sebuah sistem yang dibangun dengan konsep rekayasa web (web engineering) dan diaplikasikan secara online melalui media internet.
Web engineering adalah suatu proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk mengendalikan pengembangan, meminimalisasi resiko dan meningkatkan kualitas sistem berbasis web.
Beberapa Konsep Dasar Pemrograman Berbasis Web
Komunikasi antara web browser dan web server berdasarkan protokol HTTP.
Dokumen dan semua sumber daya apapun di jaringan yang dikehendaki diidentifikasi dengan Universal Resource Locator (URL).
Dokumen web ditulis berdasarkan standar HTML.
Pemrograman sisi klien (client-side scripting) dan Java applet.
Pemrograman sisi server (server-side scripting/programming).
Pemrograman Sisi Pemrograman Sisi Klien (client-side scripting)
Bahasa pemrograman yang untuk mengaplikasikannya tidak memerlukan web server, atau bahasa pemrograman yang berjalan di sisi client.
Contoh :
HTML
JavaScript
Pemrograman Sisi Server (server-side scripting)
Bahasa pemrograman yang untuk mengaplikasikannya memerlukan web server, atau bahasa pemrograman yang berjalan di sisi server.
Contoh :
ASP, memerlukan web server IIS.
PHP, memerlukan web server Apache.
Model Pemrograman Web
INTERNET
INTERnational NETworking
Merupakan 2 komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia (internasional), yang saling berinteraksi dan bertukar informasi.
INTERconnected NETworking
Sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh dunia.
Internet adalah kumpulan dari berbagai jaringan komputer yang saling interkoneksi yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, fiber-optic, wireless dan lainnya
WWW (world wide web)
Adalah salah satu bentuk layanan yang dapat diakses melalui internet.
Biasa disingkat sebagai Web.
Merupakan sekumpulan dokumen, gambar-gambar, dan bentuk resources yang lainnya yang dihubungkan melalui hyperlinks dan URLs.
Web Browser
Web Browser adalah perangkat lunak yang mulanya hanya untuk menampilkan (rendering) dokumen web/HTML. Namun saat ini, web browser harus mampu mengeksekusi (interpretasi) JavaScript atau VBScript, menjalankan Java Applet, memahami dokumen XML, dan menjalankan dokumen tertentu dengan fasiltias plug-in seperti file .swf Macromedia Flash dan sebagainya. Disamping itu, web browser juga mempunyai fasilitas kenyamanan pemakai seperti dapat membuka lebih dari satu jendela, manajemen alamat web yang bagus, pengamanan yang memadai dan sebagainya.
Contoh : Internet Explorer, Mozilla Firefox, Opera.
Web Server
Web server adalah HTTP server sebagai penyedia dokumen yang diminta web browser. Saat ini, web server telah kompleks karena harus melayani banyak hal dan bahkan menjadi pusat layanan-layanan lain. Web server telah menjadi komponen terpenting di application server. Web server harus mampu melayani permintaan dokumen yang diminta web browser, dan mampu disetting berinteraksi dengan program JSP, ASP, PHP, secara CGI dan sebagainya.
Contoh : Apache, IIS
Hypertext Transfer Protocol (HTTP)
Hypertext Transfer Protocol (HTTP) adalah protokol level aplikasi untuk sistem informasi hypermedia tersebar. Protokol ini generik dan stateless yang dapat dimanfaatkan banyak tugas selain untuk hypertext. HTTP adalah bahasa komunikasi antara web browser dan web server, dimana kebanyakan komunikasi ini di luar perhatian pemakai web browser.
Universal Resource Locator (URL)
URL adalah penunjuk ke sumber daya tertentu di jaringan TCP/IP (internet) yang mempunyai format sintaks standar sebagai berikut.
Protokol://Servername:PortNumber/Filepath
Contoh : http://uty.ac.id/index.php
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) merupakan bahasa markup paling popular, disusul eXtensible Markup Language (XML). XML adalah bahasa yang digunakan untuk membuat bahasa markup lain yaitu Wireless Markup Language (WML). Bahasa markup bukan bahasa pemrograman. Oleh karena itu, penyebutan bahasa pemrograman HTML adalah kurang tepat.
Selamat datang di konfigurasi EHCP, sebuah panel kontrol hosting yang mudah digunakan untuk mengelola layanan hosting Anda dengan cepat dan efisien. Dengan EHCP, Anda dapat dengan mudah mengatur domain, akun email, database, dan banyak lagi. Mari kita mulai menyiapkan lingkungan hosting Anda dengan langkah-langkah konfigurasi yang sederhana dan efektif.
EHCP (Easy Hosting Control Panel) adalah sebuah panel kontrol hosting yang memungkinkan Anda untuk mengelola layanan hosting dengan mudah. EHCP dirancang untuk memberikan antarmuka yang intuitif dan fungsional dalam mengatur berbagai aspek hosting, termasuk domain, akun email, database, FTP, DNS, dan fitur-fitur lainnya.
EHCP bertujuan untuk memudahkan pengguna dalam mengelola hosting mereka tanpa memerlukan pengetahuan teknis yang mendalam. Dengan EHCP, Anda dapat membuat dan mengelola situs web, mengatur alamat email, mengatur pangkalan data, mengatur akses FTP, dan melakukan berbagai tugas administratif lainnya yang terkait dengan hosting.
EHCP dapat digunakan oleh individu atau perusahaan yang ingin memiliki kendali penuh atas lingkungan hosting mereka tanpa harus menghadapi kompleksitas konfigurasi manual. Dengan menggunakan EHCP, pengguna dapat menghemat waktu dan usaha dalam mengelola hosting mereka, sehingga dapat fokus pada pengembangan situs web atau aplikasi mereka tanpa harus khawatir tentang pengaturan teknis yang rumit.
CARA KONFIGURASI, ALAT DAN BAHAN.
Pertama untuk alat dan bahan, siapkan ubuntu server yang sudah terinstall di virtual box
Kedua siapkan windows 7 client yang sudah terinstall di virtualbox
Ketiga koneksi internet
keempat drow.io
TOPOLOGY
·Konfigurasi pertama
ip a
ping google.com
nano /etc/apt/sources.list
deb http://kartolo.sby.datautama.net.id/debian/
bookworm main contrib non-free
deb http://kartolo.sby.datautama.net.id/debian/
bookworm-updates main contrib non-free
deb
http://kartolo.sby.datautama.net.id/debian-security/ bookworm/updates main
contrib non-free
apt-get update
apt-get upgrade
apt-get install bind9
apt-get install apache2
apt-get install php
apt-get install dnsutils
·Jika sudah masuk ke direktori home
dengan mengetikan
cd /home
·ketikan script berikut untuk
mendownload resource EHCP ”
·jika sudah selesai kita ls untuk melihat hailnya apakah sudah ada atau belum seperti di bawah ini.
lanjut kita extrak file tgz nya dengan mengetikan perintah ” tar -zxvf ehcp.tgz ” seperti di bawah ini.
Lanjut kita lihat isi direktorinya dengan ls lalu masuk ke ehcp menggunakan cd lalu kita ketik ll untuk melihat secara lengkap seperti gambar di bawah ini.
Maka selanjutnya kita install ehcp nya menggunakan perintah ./install.sh lalu kita tekan enter seperti gambar di bawah ini.
Lalu kita tekan enter kembali untuk melanjutkan seperti di bawah ini.
Setelah berhasil maka akan ada keterangan untuk menginstall EHCP MAIN INSTALLER lalu kita klik enter.
Jika sudah kita isikan data pribadi seperti nama dan email seperti di bawah ini.
Jika sudah maka selanjutnya masukan password yang mudah di ingat contoh saya menggunakan 12345 seperti di bawah ini.
Kita pilih bahasa inggris dengan mengetikan en dan untuk ip address nya secara default.
Tunggu proses instalasi sampai selesai sampai muncul menu configurasi untuk roundcube lalu kita klik enter ( yes ) seperti gambar di bawah ini.
Jika sudah maka akan di minta untuk memasukan password untuk roundcube seperti di bawah ini sebagai contoh saya menggunakan 12345.
Ulangi kembali untuk memasukan password seperti di atas.
Selanjutnya kita konfigurasi untuk password php yang bertujuan untuk memberikan lapisan keamanan tambahan saat mengakses dan mengelola pangkalan data MySQL melalui antarmuka phpMyAdmin. phpMyAdmin adalah sebuah aplikasi web yang digunakan untuk mengelola pangkalan data MySQL dengan mudah.
Jika udah kita masukan passwordnya contoh saya menggunakan 12345 seperti gambar di bawah ini.
Masukan kembali passwordnya sama seperti gambar di atas.
Jika sudah, kita aktifkan apache nya dengan mebnekan spasi agar muncul tanda bintang seperti gambar di bawah.
Setelah itu pastikan instalasi berjalan dengan lancar dan akan muncul tampilan seperti di bawah ini.
Buka web browser kalian boleh menggunakan chrome, firefox, microsoft edge dll. Sebagai contoh saya menggunakan Chrome dan masukan alamat IP server seperti berikut.
Selanjutnya kita login ke ehcp nya dengan menggunakan username admin dan passwordnya 12345 seperti gambar di bawah ini.
Jika sudah login, kita akan menumakan tampilan Web apache2 yang akan terjadi ketika kita reboot atau mematikan VM nya maka akan tampil menu seperti berikut.
Pindah ke terminal putty dan kita masuk ke direktori site-available lalu pindahkan direktori default. Gunakan perintah ” mv 000-default.conf 000-default.conf.backup “ dan perintah ” mv 000-default 000-default.conf “ seperti di bawah ini.
Selanjutnya kita aktifkan site menggunakan perintah a2ensite 000-default.conf yang berfungsi untuk mengaktifkan (enable) konfigurasi situs bernama “000-default.conf” pada server web Apache. Dalam konteks server Apache, sebuah “situs” mengacu pada konfigurasi yang memungkinkan server untuk menangani permintaan HTTP untuk nama domain atau alamat IP tertentu.
Jika sudah maka langkah selanjutnya kita restart apache dan kita lihat status nginx apakah running atau tidak, jika runninng kita ninaktifkan terlebih dahulu dan kita restart kembali apache2 seperti pada gambar di bawah ini.
Kita lihat kembali website nya apakah sudah kembali normal atau belum, jika sudah maka tampilannya akan seperti di bawah ini, yang bertanda EHCP nya sudah kembali berjalan dan tidak akan kembali ke menu apache2.
Kita tambahkan domain baru dengan memilih Add Domain with separata ftp, paneluser, db, dbuser, all-in-one seperti gambar di bawah ini.
Selanjutnya kita tambahkan domain dan db nya bisa mengikuti di bawah atau menggunakan nama bebas.
dan hasilnya akan seperti gambar di bawah ini.
Selanjutnya kita edit max user nya di panel user lalu klik list panel users lalu klik icon pensil seperti gambar di bawah ini.
Lalu ubah maxpanel user nya menjadi 1 dan berikan name sesuai yang di inginkan lalu klik submit/gonder seperti di bawah ini.
Dan hasilnya akan seperti gambar di bawah ini, maka bisa di katakan sudah berhasil di konfigurasi.
Selanjutnya kita tambahkan domain ke 2 yaitu rizki.net masuk ke menu dashboard, other oprations lalu tambahkan Add Addon Domain seperti berikut.
lanjut kita masukan ftpusername yaitu rizki.net dan untuk passwordnya rizki seperti di bawah ini.
Lalu masukan kembali domain name nya seperti di atas rizki.net
dan tampilannya akan seperti gambar berikut
Selanjutnya kita cek di domain list apakah sudah bertambah atau belum seperti gambar berikut.
Jika sudah kita kembali lagi ke terminal putty dan kita masuk ke direktori bind lalu kita ls apakah ahmad.net dan rizki.net
Lalu kita buka file ahmad.net menggunakan perintah nano sama seperti rizki.net menggunakan nano fungsi nya agar kita bisa melihat isi dari file tersebut apakah sudah benar atau belum.
Jika sudah kita tambahkan interface untuk ether2 pada virtualboxnya seperti gambar di bawah ini.
Setelah itu ketik nano /etc/netplan/00-installer-config.yml lalu kita tambahkan interface enp0s8 nya dengan menggunakan address 10.10.10.1/24 , dan jika kalian menginstall ubuntu server secara dhcp maka kita harus memasukan script berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
network:
ethernets:
enp0s3:
addresses:
- 172.16.0.33/16
gateway4: 172.16.0.33
nameservers:
addresses:
- 8.8.8.8
search: []
enp0s8:
addresses:
- 10.10.10.1/24
dhcp4: false
version: 2
jika sudah, keluar dari tampilan di atas dan ketikan netplan apply dan kita coba ketikan ip a apakah ip dan interface nya sudah bertambah atau belum seperti di bawah ini.
Bila sudah kita buka windows 7 client nya yang di virtualbox nya dan pastikan interface nya buat Bridge Adapter dan jika sudah kita edit Network Adapter Setting kita buat DNS dan alternatif DNS nya seperti berikut.
Jika sudah kita buka cmd dengan menekan win+R lalu ketikan cmd jika sudah kita coba ping ahmad.net dan rizki.net apakah hasilnya TTL atau bukan dan pastikan ip nya sama seperti yang ada di server.
Selanjutnya kita menambahkan email address dengan masuk kembali ke EHCP di bagian dashboard seperti di bawah ini.
Lalu kita buat mailuser dan password selanjutnya masukan subject dan pesannya dan kita coba test kirim seperi gambar berikut.
Maka hasilnya akan seperti berikut tandanya sudah berhasil. NOTE : Buat 2 usermail untuk saling berkomunikasi email untuk caranya sama seperi gambar di atas.
Selanjutnya masuk ke halaman Dashboard lalu pilih Squirrel Mail, pengguna dapat mengakses dan mengelola akun email mereka melalui antarmuka web yang user-friendly. Memungkinkan pengguna untuk membaca, mengirim, menerima, menyusun, dan mengatur email mereka dari browser tanpa perlu mengonfigurasi klien email tambahan.
Setelah itu lanjut dan akan di minta username dan password, masukan username yang sudah di buat sebelumnya dengan domain ahmad.net lalu masukan massword nya 12345 seperti di bawah ini.
Setelah masuk kita klik Compose seperti di bawah ini.
Lanjut kita kirim email dari user 1 ke user 2 dari ahmadd ke rizki dengan subject ujucoba dan tuliskan teks pesannya lalu klik kirim/send seperti di bawah ini.
Jika sudah kita log out saja lalu login ke rizki.net caranya sama seperti di atas lalu kita cek apakah email nya masuk atau tidak seperti di bawah ini.
Jika sudah masuk maka di nyatakan berhasil, selanjutnya kita akan membuat 1 domain lagi untuk menginstall WordPress caranya kita masuk ke menu Dashboard lalu pilih Easy Add Domain seperti di bawah ini.
lanjut kita masukan domain baru sebagai contoh saya masukan domain ahmadtkj.net dan untuk password seperti biasa menggunakan 1234 lalu klik kirim seperti di bawah.
Dan jika sudah maka akan tampil seperti ini dan bisa di pastikan sudah berhasil menambah domain baru.
Selanjutnya kita buat Database nya dengan masuk ke menu Dashboard lalu cari Add MySQL Database & User seperti di bawah ini.
Kita buat dbname, dbusername, dbuserpass nya bebas bisa mengikuti atau buat sendiri seperti gambar di bawah ini.
Download wordpress nya terlebih dahulu bisa gunakan link berikut untuk mendownload WORDPRESS
Jika sudah di install kita ekstrak file rar nya seperti berikut.
Selanjutnya buka file zila nya lalu masukan Host (IP Server), Username (Yang ada di Server), Password (Password Server), Port (22) jika sudah kita klik QuickConnect, jika sudah kita ubah remote site : /var/www/vhost/ahmadtkj.net/httpdocs jika sudah pastikan ada 3 file yang di beri kotak merah seperti di bawah ini.
Lanjut kita beli izin direktori nya menggunakan perintah chmod 777 -R seperti pada gambar berikut ini.
Ketiga file yang sudah di pilih kita delete seperti di bawah ini.
Setelah di hapus maka pindah ke sisi sebelah kiri dan ketikan di Local Site nya tempat kalian menyimpas hasil ekstrak WordPress nya, lalu upload semua isi yang ada di folder wordpress seperti berikut.
Setelah itu pastikan status nya sukses seperti berikut ini.
Cari file yang bernama wp-config-sample.php lalu rename nama nya menjadi wp-config.php seperti pada gambar berikut ini.
Jika sudah, selanjutnya klik kanan lalu view/edit untuk mengedit database nya yang sudah kita buat sebelumnya.
Selanjutnya masukan db yang sudah di buat yaitu tkj, tkj, tkj123 seperti pada gambar di bawah ini.
Jika sudah kita cari list domain di Dashboard EHCP dan pilih domain yang tadi di buat yaitu ahmadtkj.net dan klik tanda panah yang di beri kotak warna merah seperti di bawah ini.
Jika sudah maka tampilan nya akan seperti berikut, untuk Site Title bebas di isikan apa saja dan username nya kita buat saja tkj dan passwordnya 12345 dan lengkapi saja sampai email. NOTE: DILAUKAN DI WINDOWS7 CLIENT
Selanjutnya kita login saja dengan username dan password nya maka tampilannya akan seperti berikut, maka sudah selesai kita sampai menginstall wordpress menggunakan EHCP.
Demikianlah tutorial dan pembahasan mengenai EHCP (Easy Hosting Control Panel), fungsi addon domain, dan peran SquirrelMail. Dengan menggunakan EHCP, Anda dapat dengan mudah mengelola layanan hosting Anda, termasuk menambahkan domain tambahan dengan addon domain untuk meng-host situs web yang berbeda secara terpisah. Selain itu, SquirrelMail menjadi pilihan yang nyaman untuk mengelola email melalui antarmuka web yang sederhana dan intuitif. Dengan memanfaatkan fitur-fitur ini, Anda dapat mengoptimalkan penggunaan dan pengelolaan lingkungan hosting Anda dengan lebih efisien.
SISTEM MONITORING SERVER DENGAN CACTI DI DEBIAN 11