---
title: Bagaimana saya mulai mendesain situs web saya?
slug: Learn/Common_questions/Berfikir_sebelum_membuat_kode
tags:
  - Beginner
  - Composing
  - Menulis
  - NeedsActiveLearning
  - Pemula
  - needsSchema
translation_of: Learn/Common_questions/Thinking_before_coding
---
<p class="summary">Artikel ini mencakup langkah pertama yang sangat penting dari setiap proyek: tentukan apa yang ingin Anda capai dengannya.</p>

<table class="learn-box standard-table">
 <tbody>
  <tr>
   <th scope="row">Prasyarat:</th>
   <td>None</td>
  </tr>
  <tr>
   <th scope="row">Tujuan:</th>
   <td>Belajar untuk menentukan tujuan untuk memberikan arahan untuk proyek website Anda.</td>
  </tr>
 </tbody>
</table>

<h2 id="Ikhtisar">Ikhtisar</h2>

<p><span class="seoSummary">Ketika memulai dengan proyek web, banyak orang fokus pada sisi teknis. Tentu saja Anda harus terbiasa dengan teknik kesenian Anda, tetapi yang penting adalah apa yang ingin Anda capai. Ya, tampaknya sudah jelas, tetapi terlalu banyak proyek gagal bukan karena kurangnya pengetahuan teknis, tetapi karena kurangnya tujuan dan visi.</span></p>

<p>Jadi, ketika Anda mendapatkan ide dan ingin mengubahnya menjadi sebuah situs web, ada beberapa pertanyaan yang harus Anda jawab sebelum yang lain:</p>

<ul>
 <li>Apa yang sebenarnya ingin saya capai?</li>
 <li>Bagaimana situs web akan membantu saya mencapai tujuan saya?</li>
 <li>Apa yang perlu dilakukan, dan dalam urutan apa, untuk mencapai tujuan saya?</li>
</ul>

<p>Semua ini disebut <em>ide proyek</em> dan merupakan langkah pertama yang diperlukan untuk mencapai tujuan Anda, apakah Anda seorang pemula atau pengembang yang berpengalaman.</p>

<h2 id="Active_Learning">Active Learning</h2>

<p><em>Belum ada pembelajaran aktif yang tersedia. <a href="https://developer.mozilla.org/en-US/docs/MDN/Getting_started">Tolong, pertimbangkan untuk berkontribusi.</a></em></p>

<h2 id="Menyelam_lebih_dalam">Menyelam lebih dalam</h2>

<p>Sebuah proyek tidak pernah dimulai dengan sisi teknis. Musisi tidak akan pernah membuat musik apa pun kecuali mereka terlebih dahulu memiliki gagasan tentang apa yang ingin mereka mainkan — dan hal yang sama berlaku untuk pelukis, penulis, dan pengembang web. Teknik menempati urutan kedua.</p>

<p>Teknik jelas sangat penting. Musisi harus menguasai instrumen mereka. Tetapi musisi yang baik tidak akan pernah bisa menghasilkan musik yang bagus tanpa ide. Karena itu, sebelum terjun ke sisi teknis — misalnya, kode dan alat — Anda harus mundur dulu dan memutuskan secara terperinci apa yang ingin Anda lakukan.</p>

<p>Diskusi satu jam dengan teman adalah awal yang baik, tetapi tidak memadai. Anda harus duduk dan menyusun ide-ide Anda untuk mendapatkan pandangan yang jelas tentang jalan apa yang harus Anda ambil untuk mewujudkan ide-ide Anda. Untuk melakukan ini, Anda hanya perlu pena dan kertas dan beberapa waktu untuk menjawab setidaknya pertanyaan-pertanyaan berikut.</p>

<div class="note">
<p><strong>Catatan:</strong> Ada banyak cara untuk melaksanakan ide proyek. Kita tidak bisa meletakkan semuanya di sini (keseluruhan buku tidak akan cukup). Apa yang akan kami sajikan di sini adalah metode sederhana untuk menangani apa yang para profesional sebut sebagai <a href="http://en.wikipedia.org/wiki/Ideation_(idea_generation)">Project Ideation</a>, <a href="http://en.wikipedia.org/wiki/Project_planning">Project Planning</a>, dan<a href="http://en.wikipedia.org/wiki/Project_management">Project Management</a>.</p>
</div>

<h3 id="Apa_yang_sebenarnya_ingin_saya_capai">Apa yang sebenarnya ingin saya capai?</h3>

<p>Ini adalah pertanyaan yang paling penting untuk dijawab, karena itu mendorong segalanya. Buat daftar semua tujuan yang ingin Anda capai. Bisa apa saja: menjual barang untuk menghasilkan uang, mengekspresikan pendapat politik, bertemu teman baru, bermain musik dengan musisi, mengumpulkan gambar kucing, atau apa pun yang Anda inginkan.</p>

<p>Misalkan Anda seorang musisi. Anda bisa berharap demikian:</p>

<ul>
 <li>Biarkan orang lain mendengarkan musik Anda.</li>
 <li>Jual barang.</li>
 <li>Temui musisi lain.</li>
 <li>Bicara tentang musik Anda.</li>
 <li>Ajarkan musik melalui video.</li>
 <li>Publikasikan foto kucing Anda.</li>
 <li>Temukan gadis / pacar baru.</li>
</ul>

<p>Setelah Anda memiliki daftar seperti itu, Anda perlu memprioritaskan. Pesanlah tujuan dari yang paling penting hingga yang tidak penting:</p>

<ol>
 <li>Mencari teman laki-laki/perempuan.</li>
 <li>Biarkan orang lain mendengarkan musik Anda.</li>
 <li>Bicara tentang musik Anda.</li>
 <li>Temui musisi lain.</li>
 <li>Jual barang.</li>
 <li>Ajarkan musik melalui video.</li>
 <li>Publikasikan foto kucing Anda.</li>
</ol>

<p>Melakukan latihan sederhana ini — menulis tujuan dan menyortirnya — akan membantu Anda keluar ketika Anda harus mengambil keputusan. (Haruskah saya menerapkan fitur ini, gunakan layanan ini, buat desain ini?)</p>

<p>Jadi sekarang Anda memiliki daftar tujuan yang diprioritaskan, mari beralih ke pertanyaan berikutnya.</p>

<h3 id="Bagaimana_sebuah_situs_web_dapat_membawa_saya_ke_tujuan_saya">Bagaimana sebuah situs web dapat membawa saya ke tujuan saya?</h3>

<p>Jadi Anda memiliki daftar sasaran dan Anda merasa perlu situs web untuk mencapai sasaran itu. Apakah kamu yakin?</p>

<p>Mari kita lihat kembali contoh kita. Kami memiliki lima tujuan yang terhubung dengan musik, satu tujuan yang terkait dengan kehidupan pribadi (menemukan pasangan Anda yang signifikan), dan foto-foto kucing yang sama sekali tidak terkait. Apakah masuk akal untuk membangun satu situs web untuk mencakup semua tujuan itu? Apakah itu perlu? Lagi pula, skor layanan web yang ada dapat membawa Anda ke tujuan Anda tanpa membangun situs web baru.</p>

<p>Menemukan seorang gadis / pacar adalah kasus utama di mana lebih masuk akal untuk menggunakan sumber daya yang ada daripada membangun situs yang sama sekali baru. Mengapa? Karena kita akan menghabiskan lebih banyak waktu membangun dan memelihara situs web daripada benar-benar mencari seorang gadis / pacar. Karena tujuan kita adalah yang paling penting, kita harus menghabiskan energi kita untuk meningkatkan alat yang ada daripada memulai dari awal. Sekali lagi, ada begitu banyak layanan web yang sudah tersedia untuk menampilkan foto yang tidak sepadan dengan upaya untuk membangun situs baru hanya untuk menyebarkan berita tentang betapa lucunya kucing kita.</p>

<p>Lima tujuan lainnya semuanya terhubung dengan musik. Tentu saja ada banyak layanan web yang dapat menangani tujuan ini, tetapi masuk akal dalam hal ini untuk membangun situs web khusus kami sendiri. Situs web semacam itu adalah cara terbaik untuk <em>mengumpulkan </em>semua hal yang ingin kami terbitkan di satu tempat (baik untuk tujuan 3, 5, dan 6) dan mempromosikan <em>interaksi</em> antara kami dan publik (baik untuk tujuan 2 dan 4). Singkatnya, karena semua tujuan ini berkisar pada topik yang sama, memiliki segalanya di satu tempat akan membantu kita memenuhi tujuan kita dan membantu pengikut kita terhubung dengan kita.</p>

<p>Bagaimana situs web dapat membantu saya mencapai tujuan saya? Dengan menjawab itu, Anda akan menemukan cara terbaik untuk mencapai tujuan Anda dan menyelamatkan diri dari usaha yang sia-sia.</p>

<h3 id="Apa_yang_perlu_dilakukan_dan_dalam_urutan_apa_untuk_mencapai_tujuan_saya">Apa yang perlu dilakukan, dan dalam urutan apa, untuk mencapai tujuan saya?</h3>

<p>Sekarang setelah Anda tahu apa yang ingin Anda capai, saatnya untuk mengubah tujuan-tujuan tersebut menjadi langkah-langkah yang dapat ditindaklanjuti. Sebagai catatan tambahan, tujuan Anda tidak harus ditentukan. Mereka berevolusi dari waktu ke waktu bahkan dalam perjalanan proyek, terutama jika Anda menghadapi hambatan yang tidak terduga atau hanya mengubah pikiran Anda.</p>

<p>Daripada melalui penjelasan panjang, mari kita kembali ke contoh kita dengan tabel ini:</p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Tujuan</th>
   <th scope="col">Hal yang harus dilakukan</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td style="vertical-align: top;">
    <p>Biarkan orang lain mendengarkan musik Anda</p>
   </td>
   <td>
    <ol>
     <li>Rekam musik</li>
     <li>Siapkan beberapa file audio yang dapat digunakan online (Bisakah Anda melakukan ini dengan layanan web yang ada?)</li>
     <li>Berikan orang akses ke musik Anda di beberapa bagian situs web Anda</li>
    </ol>
   </td>
  </tr>
  <tr>
   <td style="vertical-align: top;">Bicara tentang musik Anda</td>
   <td>
    <ol>
     <li>Tulis beberapa artikel untuk memulai diskusi</li>
     <li>Tentukan bagaimana tampilan artikel</li>
     <li>Publikasikan artikel-artikel di situs web (Bagaimana melakukan ini?)</li>
    </ol>
   </td>
  </tr>
  <tr>
   <td style="vertical-align: top;">Bertemu musisi lain</td>
   <td>
    <ol>
     <li>Berikan cara agar orang lain menghubungi Anda (Email? Facebook? Telepon? Mail?)</li>
     <li>Tetapkan bagaimana orang akan menemukan saluran kontak itu dari situs web Anda</li>
    </ol>
   </td>
  </tr>
  <tr>
   <td style="vertical-align: top;">Jual barang</td>
   <td>
    <ol>
     <li>Buat barangnya </li>
     <li>Simpan barangnya</li>
     <li>Temukan cara untuk menangani pengiriman</li>
     <li>Temukan cara untuk menangani pembayaran</li>
     <li>Buat mekanisme di situs Anda agar orang memesan</li>
    </ol>
   </td>
  </tr>
  <tr>
   <td style="vertical-align: top;">Ajarkan musik melalui video</td>
   <td>
    <ol>
     <li>Rekam pelajaran video </li>
     <li>Siapkan file video yang dapat dilihat secara online (Sekali lagi, dapatkah Anda melakukan ini dengan layanan web yang ada?)</li>
     <li>Berikan orang akses ke video Anda di beberapa bagian situs web Anda</li>
    </ol>
   </td>
  </tr>
 </tbody>
</table>

<p>Dua hal yang perlu diperhatikan. Pertama, beberapa item ini tidak terkait dengan web (mis., Rekam musik, tulis artikel). Seringkali aktivitas offline itu lebih penting daripada sisi web proyek. Dalam penjualan, misalnya, jauh lebih penting dan memakan waktu untuk menangani persediaan, pembayaran, dan pengiriman daripada membangun situs web tempat orang dapat memesan.</p>

<p>Kedua, menetapkan langkah-langkah yang dapat ditindaklanjuti mengarah ke pertanyaan baru yang perlu Anda jawab. Biasanya ternyata ada lebih banyak pertanyaan daripada yang kita duga sebelumnya. (Misalnya, haruskah saya belajar bagaimana melakukan semua ini sendiri, meminta seseorang untuk melakukannya untuk saya, atau menggunakan layanan pihak ketiga?)</p>

<h2 id="Kesimpulan">Kesimpulan</h2>

<p>Seperti yang Anda lihat, ide sederhana "Saya ingin membuat situs web" menghasilkan daftar tugas yang panjang, yang hanya tumbuh lebih lama saat Anda memikirkannya. Segera mungkin terlihat luar biasa, tetapi jangan panik. Anda tidak perlu menjawab semua pertanyaan dan Anda tidak perlu melakukan semuanya dalam daftar Anda. Yang penting adalah memiliki visi tentang apa yang Anda inginkan dan bagaimana menuju ke sana. Setelah Anda memiliki visi yang jelas itu, Anda perlu memutuskan bagaimana dan kapan melakukannya. Sederhanakan tugas-tugas besar menjadi langkah-langkah kecil yang dapat ditindaklanjuti. Dan langkah-langkah kecil itu akan menambah pencapaian besar.</p>

<p>Dari artikel ini, Anda sekarang dapat membuat rencana kasar untuk membuat situs web. Langkah selanjutnya mungkin membaca <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work">how the Internet works</a>.</p>