tutorial web site aida dan jesika
TRANSCRIPT
![Page 1: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/1.jpg)
TUTORIAL WEB SITE
X RPL 1 “WORLD OF FASHION”
BY : JESSICA MAWARNI
NURAIDA DWI UTARI
SMKN1 DEPOK
Jl. Raya Tapos, Gg bhakti suci no.100
Kel. Cimpauen, kec. Tapos, kota Depok
Telp/fax (021)8790 7233
Web : http//smkn1depok.sch.id [email protected]
![Page 2: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/2.jpg)
KATA PENGANTARDAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR BAB I instalasi development softwere I.1. XAMPPBAB II. Pembuatan perancangan aplikasi II.1.story board II.1.1IDE (Integrated Development Environment) II.1.2 Virtual Server (Apache/ Tomcat) II.1.3. Plug Ins rancangan dan Realisasi Aplikasi II.2.1. Diagram Flowchart II.2.2. Struktur Tabel Basis Data II.2.3. Realisasi Antar Muka (desain interface)BAB III.Pembuatan aplikasi WEB III.1.1. Pembuatan project III.1.2. mengkoneksikan database ke-WEB BAB VI. Penutup
![Page 3: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/3.jpg)
MOTTO Dengan ilmu kehidupan menjadi mewah Dengan seni kehidupan menjadi halus Dengan agama kehidupan menjadi ter arah
dan bermakna Dengan olahraga tubuh akan selalu sehat Dengan kedisiplinan pekerjaan terasa mudah Dengan semangat kerja menjadi cepat
![Page 4: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/4.jpg)
KATA PENGANTAR
PUJI SYUKUR KAMI PANJATKAN KEHADIRAT ALLAH SWT YANG TELAH MEMBERIKAN RAHMAT SERTA KARUNIA-NYA KEPADA KAMI SEHINGGA KAMI BERHASIL MENYELESAIKAN TUGAS INI YANG ALHAMDULILLAH TEPAT PADA WAKTUNYA YANG BERJUDUL “WEB SITE,WORLD OF FASHION”TUGAS INI BERISIKAN TENTANG INFORMASI BAGAIMANA CARA MEMBUAT WEB SITE SEDERHANA , SAYA MENYADARI BAHWA TUGAS INI MASIH JAUH DARI SEMPURNA, OLEH KARENA ITU KRITIK DAN SARAN DARI SEMUA PIHAK YANG BERSIFAT MEMBANGUN SELALU KAMI HARAPKAN DEMI KESEMPURNAAN TUGAS INI.AKHIR KATA, KAMI SAMPAIKAN TERIMA KASIH .
![Page 5: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/5.jpg)
1.JIKA ANDA INGIN MEMBUAT SEBUAH WEB YANG HARUS ANDA LAKUKAN PERTAMA YAITU MENGINSTALL TERLEBIH DAHULU APLIKASI-APLIKASI YANG DI BUTUH KAN SEPERTI :
![Page 6: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/6.jpg)
2.APA BILA SEBUAH WEB MENGGUNAKAN DREAM WEAVER MAKA INSTALL TERLEBIH DAHULU,JIKA TIDAK MAKA MENGGUKAN NOTEPAD.
![Page 7: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/7.jpg)
3.DAN JIKA TIDAK MENGGUNAKAN DREAM WEAVER DALAM PEMBUATAN SEBUAH APLIKASI WEB MAKA MENGGUNAKAN NOTEPAD :
![Page 8: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/8.jpg)
![Page 9: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/9.jpg)
Dan Sampai saat ini sudah tercatat ada jutaan website yang telah menggunakan jQuery. untuk lebih jelasnya sobat bisa lait ja di docs.jQuery. jadi jika kita ngaku-ngaku sebagai seorang developer web belum kenal ama jQuery,waduhhhh bisa dikatain KUPER(kagak gaul)..oleh karena itu mari sob kita jelajahi dunia jQuery ini dengan penuh keindahan.
Jika kita udah tau website-webstite ternama yang menggunakan jQuery,,pertanyaannya Apa sih pengertian jquery..?JQuery adalah library Javascript yang dibuat untuk memudahkan pembuatan website dengan HTML yang berjalan di sisi Client. Script JQuery dibuat untuk memudahkan pengaturan document seperti menyeleksi object dengan element DOM dan membuat aplikasi dengan AJAX. Jquery juga menyediakan layanan atau support para developers untuk membuat plug-ins di dalam bahasa Javascript tentunya. Sehingga memungkinkan para developer website membuat website lebih interaktif dengan animasi, efek – efek, tema dan widget. Dengan menggunakan JQuery kita bisa meluapkan kreatifitas untuk membuat website dinamis atau website aplikasi menjadi Powerfull..!Microsoft dan Nokia telah mengumumkan akan mengemas JQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time mereka.Berikut ini beberapa Fitur yang ada di JQuery :•Dalam Pemakaian menggunakan seleksi element DOM, sehingga website lebih dinamis dan interaktif.•JQuery bisa memanipulasi Class pada CSS dan Support CSS 3•Event•AJAX•Efek-efek dan animasi•Ekstensi dan Plug-ins•Kompatibilitas dengan hampir semua Browser modern•Keperluan lain seperti : User Agent, Feature detection dan lainnya
![Page 10: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/10.jpg)
Bab II Pembuatan perancangan aplikasi Web ini adalah web yang bertema kan sebuah
penjualan online yang menjual barang seperti sepatu,jam tangan,baju ,kerudung(jilbab) dll.
![Page 11: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/11.jpg)
3. Virtual server (tomcat/apache) pengertian apache/tomcat
Apache Tomcat (atau Jakarta Tomcat atau hanya Tomcat) adalah sebuah servlet kontainer open source yang dikembangkan oleh Apache Software Foundation (ASF). Tomcat menerapkan Java Servlet dan JavaServer Pages (JSP) spesifikasi dari Sun Microsystems, dan menyediakan sebuah "Pure Java" HTTP lingkungan web server untuk menjalankan kode Java. Tomcat tidak boleh disamakan dengan server web Apache,
yang merupakan implementasi C dari web server HTTP; kedua server web tidak dibundel bersama. Apache Tomcat mencakup perangkat untuk konfigurasi dan manajemen, tetapi juga dapat dikonfigurasi dengan mengedit file konfigurasi XML.
Tomcat versi 4.x dirilis dengan komponen diantaranya Catalina (wadah servlet), Coyote (konektor HTTP) dan Jasper (mesin JSP).
![Page 12: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/12.jpg)
4. Plug ins Pengertian plugin adalah program tambahan yang disisipkan atau didaftarkan agar dikenal oleh browser web, sehingga menambahan kemampuan standar suatu browser web. Kemampuan tambahan yang diberikan oleh plugin adalah kemampuan untuk dapat menyajikan suatu komponen multimedia multimedia yang tidak standar dalam suatu dokumen HTML yang disajikan dalam browser pengakses web.
![Page 13: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/13.jpg)
5.Flowchart
![Page 14: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/14.jpg)
6. Struktur tabel basis data ( database ) Basis data dan teknologinya telah memainkan peran penting seiring dengan pertumbuhan penggunaan komputer. Basis data telah digunakan pada hampir seluruh area dimana komputer digunakan, termasuk bisnis, teknik, kesehatan, hukum, pendidikan dan sebagainya.Kata basis data dapat didefinisikan sebagai kumpulan data yang saling berhubungan. Sedangkan kata data dapat didefinisikan sebagai fakta yang direkam atau dicatat. Sebagai contoh adalah nama, nomor telepon, dan alamat dari orang-orang yang anda kenal. Anda mungkin telah merekam data ini pada buku alamat, atau anda dapat menyimpannya dalam disket, menggunakan komputer personal dan perangkat lunak seperti dBASE IV,
![Page 15: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/15.jpg)
Berikut ini adalah struktur tabel basis data(database) database tabel barang.
![Page 16: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/16.jpg)
Berikut ini adalah struktur tabel basis data(database) database tabel komentar.
![Page 17: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/17.jpg)
Berikut ini adalah struktur tabel basis data(database) database tabel member.
![Page 18: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/18.jpg)
Berikut ini adalah struktur tabel basis data(database) database tabel pemesanan.
![Page 19: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/19.jpg)
Desain interface home dan komentar
![Page 20: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/20.jpg)
Desain interface login dan tampilan registrasi
![Page 21: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/21.jpg)
Pembuatan projectProject home
![Page 22: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/22.jpg)
Project Photos
![Page 23: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/23.jpg)
Project Froms
![Page 24: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/24.jpg)
Project logout
![Page 25: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/25.jpg)
Mengkoneksi database ke web
![Page 26: Tutorial web site aida dan jesika](https://reader035.vdocuments.mx/reader035/viewer/2022070322/55920fce1a28abff7d8b4764/html5/thumbnails/26.jpg)