Laporan Tugas Akhir Desain WEB [PDF]

  • Author / Uploaded
  • Zia
  • 0 0 0
  • Suka dengan makalah ini dan mengunduhnya? Anda bisa menerbitkan file PDF Anda sendiri secara online secara gratis dalam beberapa menit saja! Sign Up
File loading please wait...
Citation preview

DESAIN WEB LAPORAN TUGAS AKHIR



Oleh : Nama



: Iqbal Fathur Rizqi



Nim



: 4514210031



Jurusan



: Teknik Informatika



Nama Dosen



: Agung Budi Prasetyo, MT



Nama Asisten



:



 Imam Sampurno Nugroho  Radiana Rianggadewi  Fajar Fakultas Teknik Universitas Pancasila Jakarta Selatan



KATA PENGANTAR



Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Kuasa, karena dengan rahmat dan karunia-Nya saya dapat menyelesaikan penulisan Laporan Praktikum DESAIN WEB 1 dengan tema “MUSIK”. Laporan ini disusun dalam rangka menyelesaikan tugas akhir praktikum DESAIN WEB 1. Saya mengucapkan terima kasih kepada dosen dan asisten-asisten dosen Desain Web 1 yang telah membimbing saya, karena atas bimbingan dan pengarahannya saya dapat menyelesaikan Laporan Praktikum Desain Web 1 ini. Dimohon kritik dan Sarannya untuk laporan ini, agar saya dapat memberikan laporan yang lebih baik kedepannya.



Jakarta, ……………. 2015



Penulis



DAFTAR ISI 2



KATA PENGANTAR........................................................................................................2 DAFTAR ISI ....................................................................................................................3 BAB I



PENDAHULUAN .................................................................................... 4



BAB II



ISI.............................................................................................................. 5 I. Source Code ......................................................................................... 5 II. Print Screen...........................................................................................15



BAB III



KESIMPULAN......................................................................................... 18



BAB I 3



PENDAHULUAN Web Desain adalah istilah yang sering digunakan untuk menggambarkan bagaimana tampilan isi suatu website atau situs. Tampilan dari website biasanya berupa hypertext (HTML) atau hypermedia yang dikirimkan ke user melalui World Wide Web. Untuk menampilkan suatu desain web atau isi dari suatu website, dibutuhkan sebuah browser web atau software (perangkat lunak) berbasis web. Tujuan dari web desain adalah untuk membuat website yang meliputi sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada web server. Bisa juga, sebuah website berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif maupun statis. Elemen-elemen seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics) dan video dapat diletakkan di dalam halaman menggunakan tag-tag HTML/XHTML/XML. Browser terkadang juga memerlukan Plug-ins seperti Adobe Flash, QuickTime, Java, dan sebagainya untuk menampilkan beberapa media yang diletakkan di dalam halaman web menggunakan tag-tagHTML/XHTML. Halaman web dan situs web dapat berupa halaman statis, atau dapat diprogram secara dinamis sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari Webmaster, atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah).      



Bahasa Markup (seperti HTML, XHTML dan XML) Gaya lembar bahasa (seperti CSS dan XSL) Client-side scripting (seperti JavaScript dan VBScript) Server-side scripting (seperti PHP dan ASP) Teknologi database (seperti MySQL dan PostgreSQL) Teknologi multimedia (seperti Flash dan Silverlight)



Perancang web atau desainer web (web designer) adalah orang yang memiliki keahlian menciptakan konten presentasi (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna-akhir melalui World Wide Web, menggunakan Web browser atau perangkat lunak Web-enabled lain seperti televisi internet, Microblogging, RSS, dan sebagainya. Web Terdiri Dari 4 Bagian : 1. HTTP (Hyper Text Type Protocol) 2. URL (Uniform Resource Locator) 3. Client Server 4. HTML (Hyper Text Markup Language)



BAB II 4



ISI Source code >Home.html



Music















Tugas Akhir Desain Web1











PROFIL



5



Nama Personil
1 Rektivianto Yoewono
2 Aditya Bagja Mulyana
3 Farri Icksan Wibisana
4 Donar Armando Ekana








Selamat Datang di Blog IqbalFRizqi

© Desain Web 1 2014 Iqbal Fathur Rizqi // twitter:@IqbalFRizqi // Pin:76C157C1



>The S.I.G.I.T.html



The S.I.G.I.T



















The Super Insurgent Group of Intemperance Talent



6







The S.I.G.I.T





© Desain Web 1 2014 // Iqbal Fathur Rizqi // twitter:@IqbalFRizqi //Pin:76C157C1







>Artikel.html







Artikel















Artikel Musik



Musik adalah suara yang disusun demikian rupa sehingga mengandung irama, lagu, dan keharmonisan terutama suara yang dihasilkan dari alat-alat yang dapat menghasilkan irama. Walaupun musik adalah sejenis fenomena intuisi, untuk mencipta, memperbaiki dan mempersembahkannya adalah suatu bentuk seni. Mendengar musik pula adalah sejenis hiburan. Musik adalah sebuah fenomena yang sangat unik yang bisa dihasilkan oleh beberapa alat music. Musik dikenal sejak kehadiran manusia modern Homo sapien yakni sekitar 180.000 hingga 100.000 tahun yang lalu. Tiada siapa tahu bila manusia mula mengenal seni dan musik. Dari penemuan arkeologi pada lokasi-lokasi seperti pada benua Afrika sekitar 180.000 tahun hingga 100.000 tahun dahulu telah menunjukkan perubahan evolusi dari pemikiran otak manusia. Dengan otak manusia yang lebih pintar dari hewan, mereka membuat pemburuan yang lebih terancang sehingga bisa memburu hewan yang besar. Dengan kemampuan otak ini, mereka bisa berpikir lebih jauh hingga di luar nalar dan mencapai imajinasi dan spiritual. Bahasa untuk berkomunikasi telah terbentuk di



9



antara mereka. Dari bahasa dan ucapan sederhana untuk tanda bahaya dan memberikan nama-nama hewan, perlahan-lahan beberapa kosa kata muncul untuk menamakan benda dan nama panggilan untuk sesorang. Dalam kehidupan yang berpindah-pindah, mereka mungkin mendapat inspirasi untuk mengambil tulang kaki kering hewan buruan yang menjadi makanan mereka kemudian meniupnya dan mengeluarkan bunyi. Ada juga yang mendapat inspirasi ketika memperhatikan alam dengan meniup rongga kayu atau bambu yang mengeluarkan bunyi. Kayu dibentuk lubang tiup dan menjadi suling purba. Manusia menyatakan perasaan takut mereka dan gembira menggunakan suarasuara. Bermain-main dengan suara mereka menjadi lagu, hymne atau syair nyanyian kecil yang diinspirasikan oleh kicauan burung. Kayu-kayu dan batuan keras dipukul untuk mengeluarkan bunyi dan irama yang mengasyikkan. Mungkin secara tidak sengaja mereka telah mengetuk batang pohon yang berongga di dalamnya dengan batang kayu yang mengeluarkan bunyi kuat. Kulit binatang yang mereka gunakan sebagai pakaian diletakkan pula untuk menutup rongga kayu tersebut besar menjadi gendang.





© Desain Web 1 2014 // Iqbal Fathur Rizqi // twitter:@IqbalFRizqi // Pin:76C157C1







>Alat Musik.html



Alat Musik















10







Alat-alat Musik



  • Gitar




  • Drum




  • © Desain Web 1 2014 // Iqbal Fathur Rizqi // twitter:@IqbalFRizqi // Pin:76C157C1







    >Video.html



    Video Clip



















    Video Clip







    © Desain Web 1 2014 // Iqbal Fathur Rizqi // twitter:@IqbalFRizqi // Pin:76C157C1







    >Musik.html



    Musik







    Welcome... not support















    Musik







    Skrillex-First Of The Year







    © Desain Web 1 2014 // Iqbal Fathur Rizqi // twitter:@IqbalFRizqi // Pin:76C157C1







    >Frame.html















    13



    >style.css body { background:white; background-position: center; } header{ text-align:center; } img { background-position: 10px 15px 50px; -webkit-border-radius:24px 24px 24px 24px; -moz-border-radius:24px 24px 24px 24px; text-align: center; width:940px; height: 400px; margin:0px auto; } #menu{ display:block; overflow:hidden; width:900px; margin:5px auto; padding:center; } #menu li{ display:block; width:123px; margin:0px auto; padding:0px; float:left; height:24px; line-height:24px; background-color:white; background-position:0 0; border-width:2px; border-style:solid; border-color:black; } p { color:red; }red h3{ color:white; } h1{ color:gray; } footer{ color:white; } #menu li a{ display:block;



    14



    height:100%; text-align:center; color:red; text-decoration:none; font-size:15px; font-weight:bold; } #content{ width:940px; margin: 0px auto; padding:12px px 20px; min-height:800px; border-width:2px; border-style:solid; border-color:black; -webkit-border-radius:24px 24px 24px 24px; -moz-border-radius:24px 24px 24px 24px; } .logo{ width:940px; height:200px; float:inherit; border-width:2px; border-style:solid; border-color:#5eaad2 #2c6185 #2c6185 #5eaad2; border-radius:8px; -moz-border-radius:24px 24px 24px 24px; -webkit-border-radius:24px 24px 24px 24px; box-shadow:-2px 8px 5px rgba(0, 0, 0, .6); -moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6); -webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6); overflow:hidden; } kanan{ float:right; } .logo img { margin: -20px 0px 0px -22px; } #profile{ margin-left:30px; margin-right:20px; } #profile img { width:300px; float:left; }



    15



    Printscreen  Home.html



     The S.I.G.I.T.html



     Artikel.html



    16



     Alat Musik.html



     Video.html 17



     Musik.html



    18



    BAB III KESIMPULAN Website adalah sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Manfaatnya yang diperoleh ilmu akan terus berkembang apabila selalu di-share ke sesama orang yang membutuhkan ,Meningkatkan harga diri , Mempunyai potensi teman lebih banyak.



    19