Rabu, 20 Mei 2015

Soal Pilihan Ganda & Essay




Pilihan Ganda!

1. ... adalah sejenis editor teks seperti notepad bawaan komputer. Merupakan pengertian dari?

   A. HTML
   B. MSQL
   C. Joomla
   D. Notepad ++
   E. Microsoft office

2. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi..

    A. 2
    B.4
    C.6
    D.8
    E.12

3. Software Desain berbasis titik (bitmap), dan dapat memotong gambar-gambar ke dalam format html      adalah..

   A. Adobe Photoshop
   B. Adobe Fireworks
   C. Adobe Image Ready
    D. Adobe Illustrator
    E.  Adobe Freehand

4.  Membuat animasi file gif menggunakan Aplikasi..

    A. Adobe Flash
    B.  3D Studio Max
    C.  Microsoft Gif Animator
    D.  Adobe Fireworks
    E.  Swift 3D

5.  Ulead Photo Impact berfungsi untuk? 

   A. Memberikan Efek frame dan perancangan ikon yang cantik.
   B.  Menampilkan animasi berbasis vektor yang berukuran kecil
   C.  Memotong gambar-gambar ke dalam format html.
   D.  Membuat animasi efek text 3D.
   E.  Desain berbasis titik (bitmap), vector, dan dapat memotong gambar-gambar ke dalam format html.

 6.  Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi

    A.1
    B. 14
    C. 25
    D. 19
    E. 18 

7. Apache adalah server ..
    A. Local
    B. Interlocal
    C. Daerah
    D. Nasional 
    E. Berbayar

8. Filezilla digunakan ubtuk mengupload web ke web..
     A. Wordpress
     B. Hosting
     C. Joomla
     D. Mysql
     E. PHP

9. ... Adalah software paket yang didalamnya terdapat apache, Mysql dan filezilla.

    A. Apache
    B. Mysql
    C. Joomla
    D. Hosting
    E. XAMPP

10. Software editor yang digunakan untuk mengisi halaman web dengan bahasa teks script adalah..

     A. Adobe Dreamweaver
     B. Swift 3D
     C. Ulead Cool 3D
     D. 3D Studio Max
     E. Adobe Fireworks 

11.  Apa kepanjangan dari HTML?

      A. Hypertext Markup Language
      B. Hypertext Markaps Leaguage
      C. Hyperlink Markup Leaguage
      D. Hyperlinks Marksup Leaguage
      E. Hypertext Marksups Leaguage

12. Joomla berasal dari kata ''Swahali'' yang berarti..
     A. Keberanian
     B. Kecanggungan
     C. Kesatuan
     D. Keselamatan
     E. Kebersamaan

13. Apa kepanjangan dari CSS?

      A. Cascading Style Sheet
      B. Crop Style Sheet
      C. Content Serve Sheet
      D. Computer Serve Sheet
      E. Computer Style Sheet 

14. Salah Satu Keuntungan dari aplikasi opensource pada aplikasi pembuat web adalah 
       A.Gratis 
       B. Berbasis Vector
       C. Berbayar
       D. Dilengkapi fitur-fitur canggih
       E. Harganya Murah  

15.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhkLyTLdfTw6Ce2C1kiGB2DipxV2e5-9B3L_f80KZJ7TLfgcmq2mBO_3ngK6-L946d6paW524DOSLtcFgirXPFkFOp8YiuyBikZrtFzFsecrhr4kx_dcOcDuTbT5GBMpRmY5H3eq2ERqf/s320/image002.gif

 Gambar diatas merupakan format dari..

     A. Joomla
     B. HTML
     C. Macromedia Dreamweaver
     D. PHP
     E. Wordpress


16. Berikut yang termasuk dalam tampilan layout sementara adalah
     A. Adobe Ilustrator
     B. Firewoks
     C. Ulead
     D. Printer
     E. Blogger

17. Salah satu sistem dalam Joomla..

       A. Blaching
       B. Caching
       C. Searching
       D. Googling
       E. Reading \

18.Dreamwever berasal dari tahun…

A.1995                       
B .1996                      
C. 1997
D. 1998
E. 1999

19.Versi terakhir wordpress adalah..

A.     4.5.5

B.     4.4.1

C.     4.2.2

D.    4.3.3

E.     4.5.5

20. Selain XAMPP Software Web Mesin  ialah….

A.     Dreamweave

B.      WordPress

C.     WAMP
D.    facebook

E.     MysQl


Essay:
1.  3 Keuntungan aplikasi open source adalah..
2. Java Script adalah..
3. Jomla adalah..
4. HTML merupakan singkatan dari?
5. Sistem dalam Joomla
6. MySQL berguna sebagai database bagi... 
7. Cascading Style Sheet merupakan kepanjangan dari.. 
8. XAMPP dalah software paket yang didalamnya terdapat apache, mysql dan ...
9.Joomla meruapakn Sistem Manajemen Konten yang bebas dan terbuka yang ditulis menggunakan PHP dan basisdata ....
10. Filezilla digunakan untuk menguploa web anda ke web ... untuk kemudian di publish. 



Kunci Jawaban!

PILIHAN GANDA!
1.     A
2.     D
3.     A
4.     D
5.     A
6.     E
7.     A
8.     B
9.     E
10.A
11.A
12.E
13.A
14.A
15.B
16.A
17.B
18.C
19.C
20.C


Essay!
1.)   
·        Lisensi Gratis,
·        Keberadaan Bug/Error dapat segera terdeteksi
·        Banyaknya tenaga (SDM) untuk mengerjakan & mengembakan proyek Open Source
2.)  JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language.
3.)  Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet.
4.)   Hypertext Markup Language
5.)  Sistem caching
6.)  Web tersebut
7.)  CSS
8.)  Filezilla
9.)  MysQl
10. Hosting






Senin, 11 Mei 2015
Materi Software Pembuat Website
Software Pembuat website terbaik untuk Belajar Web Design
HTML/PHP EDITOR
HTML/PHP EDITOR
App atau software bernama HTML editor banyak tersedia diinternet, baik yang versi gratis maupun yang premium. HTML editor bukanlah aplikasi pembuatan web yang dinginkan beberapa pemula, namun kebanyakan tetap juga didownload dan akhirnya membuat mereka (termasuk saya) bingung tentang cara menggunakannya.
Sebenarnya HTML/PHP editor adalah sejenis editor teks seperti notepad bawaan komputer, hanya saja dengan fungsi2 tambahan seperti bantuan dalam kamus kode-kode yang diperlukan dalam pembuatan sebuah web. Tapi walaupun begitu, Tidak akan mungkin anda membuat sebuah web dengan menggunakan HTML editor tanpa pengetauan dasar akan kode-kode tersebut.
Jadi, Jika anda benar-benar pemula, Sangat disayangkan, karna jenis Aplikasi web yang satu ini tidak akan menyenangkan karna dia akan mengajak anda membuka kembali buku-buku tentang pelajaran dasar yang sangat membosankan.
Tapi, bagi yang niat belajar dan tidak hanya ingin cepat2 saja, maka editor HTML/PHP adalah cocok untuk anda bekerja dan menciptakan website bersamanya.
WEB BUILDER VISUAL (Wysiwyg editor)
penyunting website visual
Aplikasi Web Builder
Wysiwyg editor adalah penyunting website visual (What You See is What You get) Apa yang kamu lihat maka itu yang akan kamu dapatkan.  Dengan  Aplikasi ataupun software berbasisi wysiwyg kita bisa merancang sebuah website dengan mudah tanpa perlu mengetaui apapun dasar-dasar pemogaraman web.
Nah bagi pemula yang sudah cukup bosan dengan lautan kode-kode HTML dan Pemograman web lainnya akan sangat menyukai aplikasi wysiwyg ini. bagaimana tidak? Menciptakan / merancang sebuah web yang profesional, lengkap cukup dalam waktu beberapa menit saja dan caranya yang sangat mudah membuat kita berasa sedang mengedit foto; tinggal geser kiri atas bawah, dan jadilah website tsb.



APLIKASI / SOFTWARE PEMBUAT (PERANCANG) WEBSITE
EDITOR HTML Dan PHP (REKOMENDASI TERBAIK)
1.NOTEPAD++
Notepad++ merupakan editor teks baik itu untuk HTML, PHP, JS, CSS, dll. Memiliki tampilan yang sederhana membuat aplikasi ini sangat ringan dan cepat loading. Aplikasi editor web ini cocok buat anda yang menyukai kecepatan loading.
NOTEPAD++ Editor TML
NOTEPAD++ Editor TML


Fiturnya antara lain;
-membuka program cukup cepat, hampir sama dengan notepad biasa jadi anda tidak perlu menunggu 10 detik untuk mengedik 1 file script.
-tampilannya yang sederhana. interface Notepad++ terdiri dari menu standar di bagian atas (file, edit, search, view...) di tambah 1` baris icon dan 1 baris lagi untuk tab, dan area untuyk editornya sangat luas.
-fasilitas find /replace yang baik, fasilitas find-nya bisa mencari teks semua file yang sedang di buka, ataupun semua file di Directory tertentu. juga terdapat fasilitas incremental Search (mirip dengan fasilitas find di browser firefox di mana teks yang dicari langsung di -highlight begitu teks dituliskan tanpa perlu menekan enter)
-Syntax highlighting yang mendukunbg banyak bahasa pemprograman, dan ototmatis mendekati bahasa pemprograman ketika membuka suatu file tertentu. dengan fasilitas inisebuah script bisa tampak berwarna-warni sehingga tidak pusing melihatnya, dan lebih mudah membedakan antara satu elemen dengan elemen lainnya. warna-warna syntax-nya bisa diatur di menu style Configator, dan akan disimpan ke dalam filestylers.xml
-Bracket Matching, yaitu bisa menentukan pasangan tanda kurung ketika kursur mouse berada di sebuah tanda kurung ( baik kurung buka maupun kurung tutup).
-Code Folding, ini adalah fasilitas yang sudah ada di kebanuak text editor di Linux, namun di editor berbasis windows, fasilitas ini jarang ditemukan. Code Folding adalah fasilitas yang bisa menyembunytikann kode-kode yang berada di dalam suatu blok kode seperti kode dalam tanda {} pada function/class/if dan pada tag html sehingga bisa diringkas menjadi 1 baris dengan tanda [+] di sebelah kirinya.
-Terintergrasi dengan baik di Windows. Setelah Notepad++ di Instal, ada pilihan untuk mengintegrasikannya di menu konteks (jika menekan klik kanan pada file, ada pilihan open in Notepad++). Juga ada pilihan untuk menjadikan Notepad++ sebagai Default HTML Editor ( untuk melihat source/view seource di Internet Explorer).
-Fasilitas AutoComplete-nya sudah mendukung PHP. dengan menekan ctrl+space maka akan muncul fungsi-fungsi dari PHP tersbut.
-Colomn Mode, yaitu bisa memilih teks dalam mode kolom dengan menahan tombol Alt ketika menyeleksi teks
-Shortcut Mapper, yaitu kita bisa mengatur tombol shortcut sesuai keinginan kita.
-Trim Trailing Space, Fasilitas ini digunakan untuk menghilangkan spasi yang tidak berguna di belakang teks.
-File Status Auto-Delection. Jika suatu file yang sedang dibuka di Notepad++ dimodifikasio dengan program lain, maka akan ada pilihan untuk me-reload file tersebut ( atau bisa juga secara otomatis di-reload tanpa ada peringatan).
-Bisa mengubah ukuran Font dengan cepat menggunakan ctrl+Scroll.
-Terdapat fasilitas plugin. di instalasi standarnya sudah terdapat plugin yang berisi sangat banyak untuk memanipulasi teks (mnalah belum sempat mencoba semuanya). Di website Notepad++ juga terdapat beberapa pulgin tambahan yang bisa di - download gratis.

Bagi Yang Belum instal, maka wajib download secara gratis disitus resminya >>>http://notepad-plus-plus.org/download/‎

2. CoffeeCup HTML Editor
CoffeeCup HTML Editor
CoffeeCup HTML Editor
Bertajuk ‘Free’, aplikasi ini merupakan versi sederhana dari CoffeeCup HTML Editor. Versi gratis-nya tidak mencakup beberapa fungsi seperti Visual Editor, CSS Menu Designer, Image Mapper, dan Website Color Schemer. Meski demikian, kamu yang hendak membuat tampilan secara instan dan tidak butuh penyuntingan yang kompleks tetap bisa menggunakannya untuk merancang sebuah blog yang menarik. Anda Bisa Mendownloadnya Secara gratis di http://www.coffeecup.com/free-editor/

Dan Sebenarnya Masih Banyak editor lain, cuma saya pikir yang ini sudah cukup baik. Ngapain juga instal banyak2 bukan? saran saya fokuslah pada satu pengembangan aplikasi saja.

APLIKASI WEB BUILDER / PENYUNTING VISUAL WEBSITE 
Untuk webbuilder wysiwig saya rekomendasikan dari 1 yang paling banyak digunakan orang yang menurut merka adalah yang terbaik karna penggunaanya sangat mudah bernama "Adobe Dreamweaver".

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 12 yang ada dalam Adobe Creative Suite 6 (sering disingkat Adobe CS6).
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8Prve20e0XEHPdGxgsWpg3z_dt5mIDR3fGFpQx7TknA7a5yasA37lAWM5S71KNXQRCVhfXyDF_S_2_j1Qaoz9zerzCWrYOZWlnFgBWwZMV3F9clPxNAJdgRscBF5cMMJLFlYJH81ddaR/s1600/dreamweaver-.png

Sayangnya versi penuh aplikasi yang hebat ini adalah berbayar alias tidak untuk free :D. Tapi bukan berarti kamu tidak bisa menggunakannya bukan? Adobe juga menyediakan versi Portable dan kamu bisa menggunakannya secara gratis. sedangkan untuk FULL version Penyunting web ini bisa kamu dapatkan gratis dangan trik2 yang sudah banyak tutorialnya. Coba cari digoogle Dengan kata kunci "ADOBE DREAMWEAVER FREE DOWNLOAD + FULL VERSION". Tapi Hati2 loh, terkadang software bajakan terinfeksi berbagai virus, makanya saya tidak bisa merekomendasikan link bajakan tsb diblog ini. pada akhirnya resiko tanggung sendiri :). Dan buat kamu yang ingin mendownload software ini secara legal, bisa didapatkan di toko2 service / penjualan komputer software terdekat dirumah saudara/i. Anda juga bisa mengakses situs web resminya untuk mencoba free trial (30 hari) di http://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver.
Software Pembuat Website
Berikut ini adalah beberapa kategori dan jenis software yang hams diketahui oleh seorang calon desainer web:
♦ Software untuk membuat desain
Untuk membuat desain suatu website biasanya para desainer web dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout website.
  • Adobe Photoshop : Desain berbasis titik (bitmap), dan dapat memotong gambar-gambar ke dalam format html.
  • Adobe Fireworks : Desain berbasis titik (bitmap), vector, dan dapat memotong gambar-gambar ke dalam format html.
  • Adobe Image Ready : Memotong gambar-gambar ke dalam format html.
  • Adobe Illustrator : Desain berbasis vector
  • CorelDraw : Desain berbasis vector
  • Adobe Freehand : Desain berbasis vektor
  • Software untuk menambahkan efek desain.
Menambahkan efek dilakukan untuk menghidupkan desain yang telah Anda rancang. Seperti menambah efek cahaya, tekstur dan manipulasi teks.
  • Adobe Fireworks : Efek teks
  • Painter : Memberikan efek lukisan
  • Ulead Photo Impact : Efek frame dan perancangan ikon yang cantik.
  • Plugins Photoshop: Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool, dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu Anda mendesain layout website di Photoshop.
  • Software pembuat animasi
Penambahan animasi perlu untuk membuat website agar kelihatan menarik dan hidup.
  • Adobe Flash : Menampilkan animasi berbasis vektor yang berukuran kecil.
  • Adobe Fireworks : Membuat animasi file gif.
  • 3D Studio Max : Untuk membuat objek dan animasi 3D.
  • Gif Construction Set: Membuat animasi file gif.
  • Microsoft Gif Animator : Membuat animasi file gif.
  • Swift 3D : Merancang animasi 3D dengan format file Flash.
  • Swish : Membuat berbagai macam efek text dengan format file Flash.
  • Ulead Cool 3D : Membuat animasi efek text 3D.
  • Software web editor
Software web editor digunakan untuk menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.
  • Adobe Dreamweaver
  • Microsoft Frontpage
  • Alaire Homesite
  • Cold Fusion
  • Net Object Fusion
  • Software untuk pemrograman web
Hal ini dilakukan setelah sebagian besar desain website telah selesai. Pemrograman bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : membuat Buku Tamu, Fromulir Pendaftaran, Forum, Chatting, Portal, Lelang, dan Iklan baris.
  • PHP
  • ASP ( Active Server Page )
  • Borland Delphi
  • CGI ( Common Gateway Interface )
  • Perl
  • Software untuk melakukan upload ke web hosting
File html Anda harus diletakkan (upload) di suatu tempat (hosting) agar orang di seluruh dunia dapat melihat website Anda.
  • Adobe Dreamweaver: dengan fasilitas Site FTP
  • Microsoft Frontpage : dengan fasilitas Publish
  • LeapFTP
  • Bullet FTP
  • CuteFTP
  • WS-FTP
Banyak sekali memang software untuk membuat suatu website dan Anda tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Adobe Dreamweaver agar lebih mengenal aturan-aturan membuat website dan mengenal bahasa html. Setelah itu baru Adobe Photoshop atau Adobe Fireworks yang dipakai kebanyakan para desainer.


Tidak ada komentar:

Posting Komentar