Teknologi Web Dinamis | Nassya Putri R.

Assalamualaikum kawan-kawanku dari berbagai belahan dunia, eaaa. Apa kabar nih kalian semua? Semoga selalu dalam keadaan sehat wal'afiat dan selalu dalam lindungan-Nya ya. Kali ini pada penasaran ga, saya mau kasih informasi tentang apa? Oke oke, sama kaya di judul blognya, saya mau kasih tau kawan kawan nih mengenai Teknologi Web Dinamis. Langsung aja yuk kita mulai!!!

Perkenalan :

• World Wide Web adalah layanan internet yang paling populer saat ini,
• Internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW.
• WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi.
• WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP).
• Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/diterjemahkan dengan Internet Browser.
• Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi.

Internet Web Browsers :

• Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari komputer-komputer yg terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pada window browser. 
• Browser menampilkan sesuai instruksi (format) HTML yg dibuat pada dokumen tsb.

Trend: Application

Internet :

• Email 
• Online Games 
• Chat (Skype, Blackberry Messenger) 
• Google Earth

Web Based :

• Search Engine (Yahoo!, Google)
• Web Blog 
• Web Komunitas: Facebook, Twitter, Instagram, Kaskus, YouTube

Kategori Web :

Berdasarkan keter-update-an isi web:

1. Web Statis : Website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya. (jika tidak di-update).
2. Web Dinamis: Website yang isi tampilannya tidak statis.

→ Web Statis = HTML (only). ←

→ Web Dinamis = HTML plus plus

                  + Pemrograman Web (Scripting)

                  + Animasi Interaktif (Mis: Flash, Java Applet) ←

HTML

• Walaupun membuat website sangat mudah dengan menggunakan tools, tetapi sintaks HTML harus dikuasai dengan baik. 
• Membantu dalam mengembangkan fitur yang dinamis: script, applet, konten multimedia, dll.

Pemrograman Web

Client Side Script :

• Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. 
• Javascript, VBScript

Server Side Script:

• Script yang ditambahkan dalam dokumen html, dieksekusi oleh server, hasilnya dalam bentuk html yang dikirim ke client. 
• ASP/ASP.Net, PHP, JSP, dll

Cara Kerja Web :

Client Side Script :

• Script yang ditambahkan (embedded) pada halaman web yang sebelumnya hanya disusun dengan sintaks HTML. 
• Penambahan script ini mempunyai tujuan tertentu. Misalnya:

1. Menampilkan jam dan tanggal yang up- to-date, 
2. Menu yang dinamis (mis: pull down menu), 
3. Kontrol terhadap sebuah window, animasi sederhana, animasi mouse, maupun untuk validasi form, dll.

    Advantage :

• Waktu proses relatif cepat karena langsung dieksekusi oleh browser client,
• Tidak memerlukan web server untuk hosting,
• Dapat dieksekusi langsung oleh berbagai browser.

        Disadvantage :

• Script bisa dilihat oleh pengguna,
• Script dapat di copy-paste,
• Tidak cocok untuk akses data atau database.

Server Side Script :

• Digunakan untuk membuat aplikasi web atau konten-konten dinamis: news, buku tamu, dll. 
• PHP: open source dan banyak digunakan luas.
• Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft. 
• ColdFusion (CFM), dikembangkan oleh Macromedia.
• Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem. 
• Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau Perl.
• Server Side Include (SSI), seperti misalnya Frontpage Server Extension.

        Advantage :

• Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste,
• Cocok untuk akses data atau aplikasi database,
• Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis, CMS, dll.

        Disadvantage :

• Waktu proses relatif lebih lambat karena dieksekusi oleh server,
• Memerlukan web server untuk hosting.

CSS (Cascading Stylesheet) :

• CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah website. 
• Kita dapat mengontrol isi (konten) dan tampilan secara terpisah. 
• Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya.
• Teknologi CSS dimaksudkan untuk mempermudah perancangan web yang indah dan fleksibel. 
• Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. 
• Satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sehingga perubahan disain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS.

Aplikasi Berbasis Web :

• E-Commerce: menjelaskan konsep transaksi antar penjual dan pembeli dalam sebuah perangkat elektroinik online.
• E-Business: menjelaskan seluruh aspek yang berhubungan dengan proses bisnis melalui media elektronik, termasuk didalamnya E-Commerce.
• E-Learning, E-Government, dan E-E yang lainnya …

Web Developer :
     Secara garis besar dapat dipisahkan:

1. Web Designer: membuat disain web.
2. Web Programmer: membuat script untuk halaman web. 
3. Web Administrator: sebagai administrator web.

Tahapan Pengembangan Website :

      Sebuah website dikembangkan dalam 2 proses besar: 

1. Web Designing: proses hingga jadi halaman-halaman web secara lengkap dan siap tayang. 
2. Web Deploying: proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain.

Tools Pengembangan Website :

• Adobe Dreamweaver 
• XAMPP 
• Adobe Photoshop

Nah kali ini saya akan menganalisis salah satu web e-commerce, yaitu lazada.com.

1. Gambar Site Map

2. Fungsi Setiap Menu

a. Kategori

- berfungsi sebagai pilihan kategori yang dikehendaki buyer/seller.

b. Cari

- berfungsi sebagai fitur pencarian barang dan jasa yang tersedia di lazada.

c. Lebih murah di app

- Barcode = Berfungsi untuk mengakses link download applikasi.

d. Menjadi Seller

- Daftar = mengarahkan user menuju link daftar seller/penjual.

- Masuk Seller Center = mengarahkan user menuju link seller center yang berisi panduan dan bantuan seller.

e. Customer Care

- Pusat Bantuan = mengarahkan user ke link pusat bantuan lazada.

- Order & Pembayaran = mengarahkan user ke link tentang cara melakukan pembayaran di lazada.

- Pengiriman = mengarahkan user ke link pengiriman barang dan penggunaan aplikasi lazada.

- Pengembalian Barang & Dana = mengarahkan user ke link refund barang dan uang layanan lazada.

- Live Chat = mengarahkan user masuk pada roomchat resmi lazada.

f. Lacak Pesanan

- digunakan apabila kita ingin melacak pesanan melalui email dan no telepon seller yang tersedia. untuk bantuan lebih lanjut oleh pihak lazada, kita dapat menekan 'klik disini'.

g. Login

- digunakan apabila kita ingin melakukan pemesanan barang/jasa melalui aplikasi. Dapat menggunakan akun facebook maupun google+.

h. Daftar

- digunakan apabila kita ingin mendaftar menjadi member lazada agar dapat melakukan pemesanan barang atau penggunaan aplikasi secara mudah.

3. Kemudahan Penggunaan

Web ini sangat mudah dijangkau oleh banyak kalangan. Karena merupakan program aplikasi jual-beli, tentu sangat bagus sekali adanya fitur kategori sehingga memudahkan buyer dalam menemukan/memfilter barang yang diinginkan. Dengan pilihan warna yang tidak terlalu ramai, sehingga tampilan sangat enak sekali dilihat. Pada website ini pula bahasa yang digunakan sangat simple dan mudah dipahami, sehingga memudahkan para user dalam menggunakannya. Serta banyak fitur lengkap yang mendukung website ini sehingga user yakin dalam penggunaannya.

4. Saran untuk Website

Sebaiknya tulisan warna pada filter yang disediakan diperjelas lagi, mungkin bisa dibuat lebih bold dan gunakan satu warna saja sehingga tampilannya lebih enak dilihat. Kemudian, adanya fitur pesan dan live chat pada website ini sepertinya terlalu boros, apabila fitur tersebut nantinya akan dikirimkan kepada admin/customer service lazada, lebih baik salah satu fiturnya dihapus karna menyebabkan ketidak efisienan fungsi.

Nah teman-teman, segitu sajaa informasi dan analisis yang saya lakukan. Semoga dapat bermanfaat bagi teman-teman sekalian. Keep Happy and Stay Healthy guys!❤👀

PENGULANGAN (LOOP) PHP ? | Nassya Putri R.

Hallo semuaa!!! Kembali lagi di blog nanas tercintaa, apa kabar nih? Semoga selalu dalam keadaan sehat wal'afiat dan selalu dalam lindungan-Nya ya. Kali ini otak kita akan berngebul ngebul ria nih. Wah kenapa? Iyalah soalnya kita mau bahas pengulangan/loop pada PHP. Jadi, mendingan langsung aja yuu. Selamat belajar dan selamat berngebul ngebul riaaa teman-teman:)

Apa aja yang bakal kita bahas?

1. For
2. While
3. Studi Kasus

note: Jangan lupa buka xampp, dan nyalakan apache nya ya sampai portnya menunjukkan 80,443 seperti gambar dibawah

1. Nah yang pertama, saya mau liatin ke teman teman, ini merupakan bentuk umum FOR :

Dan ini hasilnya, jika di run :

2. Bentuk umum while :

Dan ini hasilnya jika dirun :

3. Studi Kasus ?

a. Form Input Data Siswa (CLUE : FOR)

Jika di run:

Tampilan awal

Isi kemudian submit

Hasil

b. Daftar Jurusan Siswa (CLUE : FOR)

Jika di run:

Tampilan awal

Isi kemudian submit

Hasil Akhir

c. Hitung Jumlah Huruf (CLUE : STRLEN)

Jika di run :

Nah itu dia yang dapat saya sampaikan, semoga dapat bermanfaat yaaa. Keep happy and stay healthy guys!❤❤

Nested Looping dan Array | Nassya Putri R.

Hallo-hallooo, kembali lagi nih di blog aku hihii. Kali ini aku mau bahas Nested Looping dan Array, ummm.. Masih di bahasa pemrograman PHP yaa! Semoga informasi ini dapat bermanfaat selalu bagi para pembaca, dan dapat menginspirasi kalian untuk ngoding whehehe. Langsung ajaa yu kitaa mulaiiii 😊

POLA NESTED LOOPING

Array

Pengertian

  ↳ Kumpulan data/elemen yang memiliki tipe data yang SAMA dan tersimpan dalam SATU variable.

Array 1 Dimensi

  ↳ Merupakan sebuah variabel yang menyimpan sekumpulan data yang memiliki tipe sama dan elemen yang akan diakses hanya melalui 1 indeks atau subskrip.

Bentuk umum pendeklarasian: nama_array[jumlah_eleman];

Analogi Array 1D

Array 2 Dimensi

  ↳ Merupakan sebuah variabel yang menyimpan sekumpulan data yang memiliki tipe sama dan elemen yang akan diakses melalui 2 indeks atau subskrip yaitu indeks baris dan indeks kolom.

Bentuk umum pendeklarasian: nama_array[jumlah_eleman_baris][jumah_elemen_kolom];

Analogi Array 2D

Kita akan masuk kebagian codding, kali ini saya akan memberikan tiga contoh codingan. Yang pertama mengenai Nested Looping, yang kedua Array, dan terakhir Study Kasus yang selesai saya kerjakan.

Sebelumnya jangan lupa teman teman perlu mengaktifkan XAMPP sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP untuk membantu kita nantinya dalam menjalankan codingan PHP

Baiklah, langsung saja kita mulai.

NestedLooping.php

Cara Menjalankan Codingan

Array2D_looping.php

STUDI KASUS (MEMBUAT TANGGA BERWARNA)

Hasil :

Nah sekian saja informasi yang dapat saya bagikan, semogaa selalu bermanfaat bagi teman-teman. Keep Happy & Stay Healthy guyss!💕💕

Penanganan Input User pada PHP | Nassya Putri R.

Assalamualaikum wr.wb teman-temanku di seluruh nusantara, eaaa. Gimana nih kabarnya? Semoga selalu dalam keadaan sehat wal'afiat yaa teman-teman. Kali ini aku mau kasih kalian informasi nih seperti yang ada pada judul, masih pada bahasa PHP ya. Inget loh PHP tuh bukan pemberi harapan palsu guys, tapi.. Hypertext Prepocessor. Yuk kita langsung mulai aja, Apa aja sih yang bakal saya bahas kali ini?

• Review Komponen Inputan HTML
• Prinsip akses data pada web
• Kerangka pengiriman data pada web
• Fungsi Form Mehod POST & GET

START!!!!

1. Review Komponen Inputan di HTML

2. Prinsip Akses Data pada Web

3. Kerangka Form

4. Form Method Post dan Get

• Secara mendasar POST digunakan untuk mengirim data ke server, sedangkan GET untuk mengambil data dari server.
• Secara teknis GET diproses lebih sederhana karena permintaan dikirimkan melalui alamat halaman (URL) dengan sistem penulisan secara berpasangan yaitu nama varibel dan nilainya, dan pemisahan variabel menggunakan karakter dan &.
• Pengiriman data dengan POST lebih tertutup dan jauh lebih aman karena data yang dikirimkan tidak terlihat.

LATIHAN POST

mengambil dan menampilkan hasil data yang kita inputkan.

Hasil

LATIHAN GET

mengambil dan menampilkan hasil data yang kita inputkan.

CONTOH REGISTRASI PAKAI POST

mengambil dan menampilkan hasil data yang kita inputkan.

Hasil :

CONTOH POST 2

mengambil dan menampilkan hasil data yang kita inputkan.

Hasil :

Nah sekian saja yang dapat saya bagikan kepada teman-teman kali ini, mohon maaf apabila banyak sekali kekurangan. Keep happy and stay healthy guys💕💕 Wassalamualaikum.wr.wb💪💪