Tutorial web site aida dan jesika

719 views
492 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorial web site aida dan jesika

  1. 1. TUTORIAL WEB SITEX RPL 1“WORLD OF FASHION”BY : JESSICA MAWARNINURAIDA DWI UTARISMKN1 DEPOKJl. Raya Tapos, Gg bhakti suci no.100Kel. Cimpauen, kec. Tapos, kota DepokTelp/fax (021)8790 7233Web : http//smkn1depok.sch.id e-mail=info@smkn1depok.sch.id
  2. 2. KATA PENGANTARDAFTAR ISIDAFTAR TABELDAFTAR GAMBARBAB I instalasi development softwereI.1. XAMPPBAB II. Pembuatan perancangan aplikasiII.1.story boardII.1.1IDE (Integrated Development Environment)II.1.2 Virtual Server (Apache/ Tomcat)II.1.3. Plug Insrancangan dan Realisasi AplikasiII.2.1. Diagram FlowchartII.2.2. Struktur Tabel Basis DataII.2.3. Realisasi Antar Muka (desain interface)BAB III.Pembuatan aplikasi WEBIII.1.1. Pembuatan projectIII.1.2. mengkoneksikan database ke-WEBBAB VI. Penutup
  3. 3. MOTTO Dengan ilmu kehidupan menjadi mewah Dengan seni kehidupan menjadi halus Dengan agama kehidupan menjadi ter arah danbermakna Dengan olahraga tubuh akan selalu sehat Dengan kedisiplinan pekerjaan terasa mudah Dengan semangat kerja menjadi cepat
  4. 4. KATA PENGANTARPUJI SYUKUR KAMI PANJATKAN KEHADIRAT ALLAH SWT YANG TELAH MEMBERIKANRAHMAT SERTA KARUNIA-NYA KEPADA KAMI SEHINGGA KAMI BERHASIL MENYELESAIKAN TUGAS INIYANG 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 DANSARAN DARI SEMUA PIHAK YANG BERSIFAT MEMBANGUN SELALU KAMI HARAPKAN DEMIKESEMPURNAAN TUGAS INI.AKHIR KATA, KAMI SAMPAIKAN TERIMA KASIH .
  5. 5. 1.JIKA ANDA INGIN MEMBUAT SEBUAH WEB YANG HARUS ANDA LAKUKAN PERTAMA YAITU MENGINSTALLTERLEBIH DAHULU APLIKASI-APLIKASI YANG DI BUTUH KAN SEPERTI :
  6. 6. 2.APA BILA SEBUAH WEB MENGGUNAKAN DREAM WEAVER MAKA INSTALL TERLEBIH DAHULU,JIKATIDAK MAKA MENGGUKAN NOTEPAD.
  7. 7. 3.DAN JIKA TIDAK MENGGUNAKAN DREAM WEAVER DALAM PEMBUATAN SEBUAH APLIKASI WEB MAKAMENGGUNAKAN NOTEPAD :
  8. 8. 2. Penggunaan IDE (Integrated Development Environment)Penggunaan jQueryPengertian jQuery | Fitur dan kelebihan jQuery-,Semenjak dirilis pertama kali pada tahun 2006 oleh john Resig, jQuery telah mencuriperhatian pada developer web. buktinya, pada tahun-tahun berikutnya jQuery telah banyakdi gunakan oleh website-website terkemuka di dunia seperti Google, microsoft, Intel, Nokia,Oracle, IBM, DELL, BBC, NBC, ESPN, EASport, Twitter, Facebook, Amazon, Time, Youtube,Apple, WordPress, Mozilla, Netflix, Digg, Technorati, dan masih banyak lagi.. bahkanwebsite local pun tidak mau ketinggalan,lihat saja detik, Studio21(21cineplex.com), indosiar,Vivanews, Kompas dan masih banyak lagi. Pengertian jQuery | Fitur dankelebihan jQuery-,Semenjak dirilis pertama kali pada tahun 2006 oleh john Resig, jQuerytelah mencuri perhatian pada developer web. buktinya, pada tahun-tahun berikutnya jQuery telah banyak di gunakan oleh website-websiteterkemuka di dunia seperti Google, microsoft, Intel, Nokia, Oracle, IBM,DELL, BBC, NBC, ESPN, EASport, Twitter, Facebook, Amazon, Time,Youtube, Apple, WordPress, Mozilla, Netflix, Digg, Technorati, danmasih banyak lagi.. bahkan website local pun tidak mauketinggalan,lihat saja detik, Studio21(21cineplex.com), indosiar,Vivanews, Kompas dan masih banyak lagi.
  9. 9. Dan Sampai saat ini sudah tercatat ada jutaan website yang telah menggunakan jQuery. untuk lebih jelasnya sobat bisa lait jadi docs.jQuery. jadi jika kita ngaku-ngaku sebagai seorang developer web belum kenal ama jQuery,waduhhhh bisa dikatainKUPER(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 Apasih 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 membuataplikasi dengan AJAX. Jquery juga menyediakan layanan atau support para developers untuk membuat plug-ins di dalambahasa 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 atauwebsite aplikasi menjadi Powerfull..!Microsoft dan Nokia telah mengumumkan akan mengemas JQuery di platform mereka. Microsoft awalnya mengadopsinya dalamVisual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akanmengintegrasikannya 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
  10. 10. Bab II Pembuatan perancangan aplikasiWeb ini adalah web yang bertema kan sebuahpenjualan online yang menjual barang sepertisepatu,jam tangan,baju ,kerudung(jilbab) dll.
  11. 11. 3. Virtual server (tomcat/apache)pengertian apache/tomcatApache Tomcat (atau Jakarta Tomcat atau hanya Tomcat)adalah sebuah servlet kontainer open source yangdikembangkan oleh Apache Software Foundation (ASF). Tomcatmenerapkan Java Servlet dan JavaServer Pages (JSP)spesifikasi dari Sun Microsystems, dan menyediakan sebuah"Pure Java" HTTP lingkungan web server untuk menjalankankode Java. Tomcat tidak boleh disamakan dengan server web Apache,yang merupakan implementasi C dari web server HTTP;kedua server web tidak dibundel bersama. Apache Tomcatmencakup perangkat untuk konfigurasi dan manajemen,tetapi juga dapat dikonfigurasi dengan mengedit filekonfigurasi XML. Tomcat versi 4.x dirilis dengan komponen diantaranyaCatalina (wadah servlet), Coyote (konektor HTTP) dan Jasper(mesin JSP).
  12. 12.  4. Plug insPengertian plugin adalah program tambahan yang disisipkanatau didaftarkan agar dikenal oleh browser web, sehinggamenambahan kemampuan standar suatu browser web.Kemampuan tambahan yang diberikan oleh plugin adalahkemampuan untuk dapat menyajikan suatu komponen multimediamultimedia yang tidak standar dalam suatu dokumen HTML yangdisajikan dalam browser pengakses web.
  13. 13. 5.Flowchart
  14. 14. 6. Struktur tabel basis data ( database )Basis data dan teknologinya telah memainkan peran pentingseiring dengan pertumbuhan penggunaan komputer. Basis datatelah digunakan pada hampir seluruh area dimana komputerdigunakan, termasuk bisnis, teknik, kesehatan, hukum,pendidikan dan sebagainya.Kata basis data dapat didefinisikan sebagai kumpulan data yangsaling berhubungan. Sedangkan kata data dapat didefinisikansebagai fakta yang direkam atau dicatat. Sebagai contoh adalahnama, nomor telepon, dan alamat dari orang-orang yang andakenal. Anda mungkin telah merekam data ini pada buku alamat,atau anda dapat menyimpannya dalam disket, menggunakankomputer personal dan perangkat lunak seperti dBASE IV,
  15. 15. Berikut ini adalah struktur tabel basis data(database)database tabel barang.
  16. 16. Berikut ini adalah struktur tabel basis data(database)database tabel komentar.
  17. 17. Berikut ini adalah struktur tabel basis data(database)database tabel member.
  18. 18. Berikut ini adalah struktur tabel basis data(database)database tabel pemesanan.
  19. 19. Desain interfacehome dan komentar
  20. 20. Desain interfacelogin dan tampilan registrasi
  21. 21. Pembuatan projectProject home
  22. 22. Project Photos
  23. 23. Project Froms
  24. 24. Project logout
  25. 25. Mengkoneksi database ke web

×