Tool yang digunakan untuk " WEB DESIGN, EDITING, MULTIMEDIA "

" Tools & Rancangan Web "

      Tools atau peralatan ialah mempunyai peran dalam mengembangkan aplikasi atau merupakan bagian yang penting, karena akan sangat membantu & mempersingkat proses pengembagan. Tools atau peralatan yang dimaksud adalah perangkat lunak /software digunakan dalam proses pengembangan website, Pemilihan tools yang tepat tentu memberi keuntungan bagi developer karena selain menghemat waktu & tenaga tentu klien juga akan lebih puas karena proyek bisa beres lebih cepat. Untuk itu ane akan mengulas tools yang digunakan dalam proses pengembangan design.

     

       WEB DESIGN

   PENGERTIAN : 

      Web Design ialah istilah yang sering digunakan untuk  seorang yang profesinya merancang tampilan sebuah web/website seperti ( layout, templates, banner dan tampilan yang lainnya ). Tampilan dari website biasanya berupa : 

•  Hypertext (HTML) atau hypermedia yang dikirimkan ke user melalui World Wide Web. Untuk menampilkan suatu desain web, juga dibutuhkan sebuah browser web/oftware ( perangkat lunak) yang berbasis web.

    TUJUAN :

      Tujuan web desain ialah untuk membuat website yang meliputi sekumpulan konten online seperti  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.

  

    KONTEN :

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-tag HTML/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 Mark-up (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)

  Rancangan Web.

   Perancang web  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 :

•  HTTP (Hyper Text Type Protocol)
•  URL (Uniform Resource Locator)
•  Client Server
•  HTML (Hyper Text Markup Language)

 Sumber : http://manpras.blogspot.com


    WEB EDITING/EDITOR.

        Web editing ialah salah satu Tools yang harus dimiliki oleh web developer yang digunakan untuk alat bantu dalam membuat penulisan baris-baris kode pemrograman website. Banyak Editor yang tersedia untuk dapat digunakan dalam membuat website baik menggunakan text editor maupun visual editor yang memiliki fitur yang kaya untuk mempermudah pembuatan website tersebut.

Berikut ini adalah beberapa rekomendasi Editor yang dapat ente gunakan untuk membantu  dalam membuat sebuah website.

• Adobe Dreamweaver

  

   

       Adobe Dreamweaver adalah Editor yang sangat terkenal oleh para pengembang website. Hal ini karena kemudahan yang banyak tersedia pada Software tersebut. Selain dapat digunakan sebagai Text Editor, Adobe Dreamweaver juga menyediakan fitur Visual Editor untuk mempermudah pembuatan website (terutama bagi para pemula). Hingga saat ini, versi dari Adobe DreamWeaver yang terbaru adalah Adobe DreamWeaver CS6 yang sangat powerful dalam membantu penulisan kode-kode untuk pembuatan website. Adapun fitur-fitur yang sangat membantu tersebut adalah sebagai berikut :
• CSS Designer to visually edit CSS
• Modernized Live View
• Live Highlight
• Fluid Grid Layout for creating responsive design
• Edge Web Fonts Integration
• Steamlined workflows with a simpliflied UI
• Sync Settings
• Modern Platform Support to author HTML5, CSS3, and JavaScript
• PhoneGap Build Integration

• CoffeeCup The HTML Editor

  

   

      CoffeeCup The HTML Editor ialah salah satu editor lainnya yang dapat membantu ente dalam membuat website. Editor ini juga memiliki fitur Code View dan juga Visual View yang akan memudahkan Anda dalam membuat halaman website. The HTML Editor ini sangat user-friendly dan tentunya sangat mudah digunakan. All-in-one Management yang akan sangat berguna untuk mengatur pembuatan website, preview, hingga website tersebut terpublikasi ke Internet. 
  Adapun keunggulan yang ditawarkan oleh CoffeeCup ini adalah sebagai berikut :
• User-Friendly dan Mudah digunakan
• Multiple Website Project Management
• Control Your Website
• Packed with Tools
• FTP Management Control
• Full UI Control
• Perfect Color Scheme

• Visual Web Developer Express

   

   

  
  

  
  

  Jika ente adalah pengguna Microsoft Visual Studio, Anda dapat menggunakan Visual Web Developer Express dari Microsoft yang dapat Anda gunakan secara gratis sebagai alat bantu untuk membuat dan melakukan testing pada pembuatan website.
  
  Visual Web Developer Express ini menawarkan beberapa keunggulan sebagai berikut :
• Rich Editor yang dapat Anda gunakan untuk membuat kode HTML dan CSS dalam mode Source View, Design View atau keduanya (Split View).
• Memiliki keunggulan Debug untuk ASP.NET, C#, VB dan JavaScript
• Support Framework Aplikasi seperti ASP.NET MVC, AJAX, Silverlight dan 3rd Party seperti jQuery.
• Support Built-in FTP-based Web Deployment dan Database Deployment.
• Mempermudah penulisan kode dengan fitur Syntax Highlighting dan auto-completion untuk kebutuhan pengkodean.
• Mudah untuk melakukan test atau preview website yang terintegrasi dengan local web server atau IIS.

• Aptana Studio

   

   

  

       Aptana Studio adalah salah satu Editor Open Source gratis dan support untuk Windows, Mac, Linux dan BSD. Aptana dapat digunakan sebagai alternatif untuk editor yang dapat membantu pembuatan website. Pada dasarnya Aptana Studio tidak adalah Editor yang berbasis teks, jadi tidak seperti editor yang telah saya referensikan yang support dengan Visual. Tetapi Aptana Studio tetap dapat digunakan oleh para pemula karena keunggulan sebagai berikut :
   
• Dapat memberikan asistensi untuk penulisan kode HTML, CSS, dan Javascript
• Memiliki Fitur Deployment Wizard
• Terintegrasi dengan Debugger
• Terintegrasi dengan Git yang akan memberikan kemudahan kepada Anda untuk membuat Project Anda dalam bentuk Git Source Code.
• Built-in Terminal
• IDE Customization

 Sumber : http://sidikhanrei.com/id/blog/



      MULTIMEDIA WEB