diff options
Diffstat (limited to 'files/id/learn/common_questions')
5 files changed, 639 insertions, 0 deletions
diff --git a/files/id/learn/common_questions/bagaimana_cara_kerja_internet/index.html b/files/id/learn/common_questions/bagaimana_cara_kerja_internet/index.html new file mode 100644 index 0000000000..b4431bfc93 --- /dev/null +++ b/files/id/learn/common_questions/bagaimana_cara_kerja_internet/index.html @@ -0,0 +1,98 @@ +--- +title: Bagaimana cara kerja Internet +slug: Learn/Common_questions/Bagaimana_cara_kerja_Internet +tags: + - Pemula + - Tutorial + - Web + - WebMechanics +translation_of: Learn/Common_questions/How_does_the_Internet_work +--- +<div class="summary"> +<p>Artikel ini membahas apa itu Internet dan bagaimana ia bekerja.</p> +</div> + +<table class="learn-box standard-table"> + <tbody> + <tr> + <th scope="row">Prasyarat:</th> + <td>Tidak ada, namun kami mendorong Anda untuk membaca <a href="/id/docs/Learn/Thinking_before_coding">Artikel tentang menetapkan tujuan proyek</a> terlebih dahulu</td> + </tr> + <tr> + <th scope="row">Tujuan:</th> + <td>Anda akan mempelajari dasar-dasar infrastruktur teknis Web dan perbedaan antara Internet dan Web.</td> + </tr> + </tbody> +</table> + +<h2 id="Ikhtisar">Ikhtisar</h2> + +<p><strong>Internet</strong> merupakan tulang punggung dari Web, infrastruktur teknis yang memungkinkan Web tersedia. Pada dasarnya, Internet adalah jaringan besar komputer yang berkomunikasi bersama-sama.</p> + +<p><a href="http://en.wikipedia.org/wiki/Internet#History" rel="external">Sejarah Internet agak tidak jelas</a>. Ini dimulai pada 1960-an sebagai proyek penelitian yang didanai oleh tentara AS, kemudian berkembang menjadi infrastruktur publik pada 1980-an dengan dukungan dari banyak universitas publik dan perusahaan swasta. Berbagai teknologi yang mendukung Internet telah berevolusi dari waktu ke waktu, tetapi cara kerjanya tidak banyak berubah: Internet adalah cara untuk menghubungkan komputer bersama-sama dan memastikan bahwa, apa pun yang terjadi, mereka menemukan cara untuk tetap terhubung.</p> + +<h2 id="Active_Learning">Active Learning</h2> + +<ul> + <li><a href="https://www.youtube.com/watch?v=7_LPdttKXPc" rel="external">How the internet Works in 5 minutes</a>: A 5 minute video to understand the very basics of Internet by Aaron Titus.</li> +</ul> + +<h2 id="Menyelam_lebih_dalam">Menyelam lebih dalam</h2> + +<h3 id="Sebuah_jaringan_sederhana">Sebuah jaringan sederhana</h3> + +<p>Ketika dua komputer perlu berkomunikasi, Anda harus menghubungkannya, baik secara fisik (biasanya dengan menggunakan <a href="http://en.wikipedia.org/wiki/Ethernet_crossover_cable" rel="external">Kabel Ethernet</a>) atau nirkabel (seperti sistem <a href="http://en.wikipedia.org/wiki/WiFi" rel="external">WiFi</a> atau <a href="http://en.wikipedia.org/wiki/Bluetooth" rel="external">Bluetooth</a>). Semua komputer modern dapat memungkinkan koneksi tersebut.</p> + +<div class="note"> +<p><strong>Catatan:</strong> Untuk sisa artikel ini, kita hanya akan berbicara tentang kabel fisik, tetapi jaringan nirkabel bekerja dengan cara yang sama.</p> +</div> + +<p><img alt="Two computers linked together" src="https://mdn.mozillademos.org/files/8441/internet-schema-1.png" style="height: 152px; width: 600px;"></p> + +<p>Jaringan seperti itu tidak terbatas pada dua komputer. Anda dapat menghubungkan banyak komputer sesuai keinginan. Tapi dapat menjadi rumit dengan mudah. Jika Anda mencoba menghubungkan, katakanlah, sepuluh komputer, Anda memerlukan 45 kabel, dengan sembilan colokan per komputer!</p> + +<p><img alt="Ten computers all together" src="https://mdn.mozillademos.org/files/8443/internet-schema-2.png" style="height: 576px; width: 600px;"></p> + +<p>Untuk mengatasi masalah ini, setiap komputer di jaringan terhubung ke komputer kecil khusus yang disebut router. <em>Router</em> ini hanya memiliki satu pekerjaan: perumpamaannya seperti pemberi sinyal di stasiun kereta api, memastikan bahwa pesan yang dikirim dari komputer tertentu tiba di komputer tujuan yang tepat. Untuk mengirim pesan ke komputer B, komputer A harus mengirim pesan ke <em>router</em>, yang pada gilirannya meneruskan pesan ke komputer B dan memastikan pesan tidak dikirim ke komputer C.</p> + +<p>Setelah kita menambahkan <em>router</em> ke sistem, jaringan dari 10 komputer kita membutuhkan 10 kabel: satu pasang untuk setiap komputer dan <em>router</em> dengan 10 colokan.</p> + +<p><img alt="Ten computers with a router" src="https://mdn.mozillademos.org/files/8445/internet-schema-3.png" style="height: 576px; width: 600px;"></p> + +<h3 id="Jaringan_dalam_jaringan">Jaringan dalam jaringan</h3> + +<p>Sejauh ini bagus. Tapi bagaimana dengan menghubungkan ratusan, ribuan, miliaran komputer? Tentu saja satu <em>router</em> tidak dapat menskalakan sejauh itu, tetapi, jika Anda membaca dengan seksama, kami mengatakan bahwa <em>router</em> adalah komputer seperti yang lain, jadi apa yang membuat kita tidak bisa menghubungkan dua <em>router</em> bersama? Tidak ada, jadi ayo lakukan itu.</p> + +<p><img alt="Two routers linked together" src="https://mdn.mozillademos.org/files/8447/internet-schema-4.png"></p> + +<p>Dengan menghubungkan tiap komputer ke <em>router</em>, kemudian tiap <em>router</em> ke <em>router</em>, kita dapat menskalakan tanpa batas.</p> + +<p><img alt="Routers linked to routers" src="https://mdn.mozillademos.org/files/8449/internet-schema-5.png" style="height: 563px; width: 600px;"></p> + +<p>Jaringan semacam itu sangat dekat dengan apa yang kita sebut Internet, tetapi kita kehilangan sesuatu. Kita membangun jaringan itu untuk tujuan kita sendiri. Ada jaringan lain di luar sana: teman-teman Anda, tetangga Anda, siapa pun dapat memiliki jaringan komputer sendiri. Tapi itu tidak benar-benar memungkinkan untuk memasang kabel di antara rumah Anda dan seluruh dunia, jadi bagaimana Anda menangani ini? Nah, sudah ada kabel yang terhubung ke rumah Anda, misalnya, tenaga listrik dan telepon. Infrastruktur telepon sudah menghubungkan rumah Anda dengan siapa pun di dunia sehingga itu adalah kabel yang sempurna yang kita butuhkan. Untuk menghubungkan jaringan kita ke infrastruktur telepon, kita memerlukan peralatan khusus yang disebut <em>modem</em>. <em>Modem</em> ini mengubah informasi dari jaringan kita menjadi informasi yang dapat dikelola oleh infrastruktur telepon dan sebaliknya.</p> + +<p><img alt="A router linked to a modem" src="https://mdn.mozillademos.org/files/8451/internet-schema-6.png" style="height: 340px; width: 600px;"></p> + +<p>Maka kita terhubung ke infrastruktur telepon. Langkah selanjutnya adalah mengirim pesan dari jaringan kami ke jaringan yang ingin dijangkau. Untuk melakukan itu, kita akan menghubungkan jaringan ke Penyedia Layanan Internet (ISP). ISP adalah perusahaan yang mengelola beberapa <em>router</em> khusus yang menghubungkan semua bersama-sama dan juga dapat mengakses router ISP lain. Jadi pesan dari jaringan kita dibawa melalui jaringan jaringan ISP ke jaringan tujuan. Internet terdiri dari seluruh infrastruktur jaringan ini.</p> + +<p><img alt="Full Internet stack" src="https://mdn.mozillademos.org/files/8453/internet-schema-7.png" style="height: 1293px; width: 340px;"></p> + +<h3 id="Mencari_komputer">Mencari komputer</h3> + +<p>Jika Anda ingin mengirim pesan ke komputer, Anda harus menentukan komputer mana. Jadi setiap komputer yang terhubung ke jaringan memiliki alamat unik untuk mengidentifikasinya, yang disebut "alamat IP" (di mana IP adalah singkatan dari Internet Protocol). Ini adalah alamat yang dibuat dari serangkaian empat angka yang dipisahkan oleh titik-titik, misalnya: <code>192.168.2.10</code>.</p> + +<p>Itu boleh-boleh saja untuk komputer, tetapi kita manusia memiliki waktu yang sulit mengingat alamat semacam itu. Untuk mempermudah, kita bisa mengubah alamat IP dengan nama yang dapat dibaca manusia disebut <em>nama domain</em>. Misal, <code>google.com</code> adalah <em>nama domain</em> yang digunakan di atas alamat IP <code>173.194.121.32</code>. Jadi menggunakan nama domain adalah cara termudah bagi kita untuk mencapai komputer melalui Internet.</p> + +<p><img alt="Show how a domain name can alias an IP address" src="https://mdn.mozillademos.org/files/8405/dns-ip.png" style="height: 160px; width: 330px;"></p> + +<h3 id="Internet_dan_Web">Internet dan Web</h3> + +<p>Seperti yang Anda lihat, ketika kita menjelajah Web dengan browser Web, kita biasanya menggunakan <em>nama domain</em> untuk mencapai situs web. Apakah itu berarti Internet dan Web adalah hal yang sama? Tidak sesederhana itu. Seperti yang kita lihat, Internet adalah infrastruktur teknis yang memungkinkan miliaran komputer terhubung bersama-sama. Di antara komputer tersebut, beberapa komputer (disebut server Web) dapat mengirim pesan yang dapat dimengerti oleh browser web. Internet adalah infrastruktur, sedangkan Web adalah layanan yang dibangun di atas infrastruktur. Perlu dicatat ada beberapa layanan lain yang dibangun di atas Internet, seperti email dan IRC.</p> + +<h2 id="Langkah_selanjutnya">Langkah selanjutnya</h2> + +<ul> + <li><a href="/id/Learn/Getting_started_with_the_web/How_the_Web_works">Cara web bekerja</a></li> + <li><a href="/id/docs/Learn/page_vs_site_vs_server_vs_search_engine">Memahami perbedaan antara halaman web, web site, web server dan search engine</a></li> + <li><a href="/id/docs/Learn/Understanding_domain_names">Memahami nama domain</a></li> +</ul> diff --git a/files/id/learn/common_questions/berfikir_sebelum_membuat_kode/index.html b/files/id/learn/common_questions/berfikir_sebelum_membuat_kode/index.html new file mode 100644 index 0000000000..c50aeff182 --- /dev/null +++ b/files/id/learn/common_questions/berfikir_sebelum_membuat_kode/index.html @@ -0,0 +1,180 @@ +--- +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> diff --git a/files/id/learn/common_questions/index.html b/files/id/learn/common_questions/index.html new file mode 100644 index 0000000000..b63f533a9a --- /dev/null +++ b/files/id/learn/common_questions/index.html @@ -0,0 +1,135 @@ +--- +title: Pertanyaan Umum +slug: Learn/Common_questions +tags: + - CodingScripting + - Infrastructure + - Learn + - NeedsTranslation + - TopicStub + - Web + - WebMechanics +translation_of: Learn/Common_questions +--- +<div>{{LearnSidebar}}</div> + +<p class="summary">Bagian Area Pembelajaran ini dirancang untuk memberikan jawaban atas pertanyaan umum yang mungkin muncul, yang bukan merupakan bagian dari jalur pembelajaran inti terstruktur (misal artikel pembelajaran <a href="/id/docs/Learn/HTML">HTML</a> atau <a href="/id/docs/Learn/HTML">CSS</a>). Artikel ini dirancang untuk bekerja sendiri.</p> + +<h2 id="Bagaimana_Web_bekerja">Bagaimana Web bekerja</h2> + +<p>Bagian ini mencakup mekanika web —pertanyaan yang berkaitan dengan pengetahuan umum tentang ekosistem Web dan bagaimana cara kerjanya.</p> + +<dl> + <dt> + <h3 id="Bagaimana_cara_kerja_Internet"><a href="/id/docs/Learn/Common_questions/Bagaimana_cara_kerja_Internet">Bagaimana cara kerja Internet?</a></h3> + </dt> + <dd><strong>Internet</strong> merupakan tulang punggung dari Web, infrastruktur teknis yang memungkinkan Web. Pada dasarnya, Internet adalah jaringan besar komputer yang berkomunikasi bersama-sama. Artikel ini membahas bagaimana internet bekerja, pada tingkat dasar.</dd> + <dt> + <h3 id="Apa_perbedaan_antara_webpage_website_web_server_dan_search_engine"> <a href="/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines">Apa perbedaan antara webpage, website, web server, dan search engine?</a></h3> + </dt> + <dd>Pada artikel ini kami akan menjelaskan beragam konsep yang berhubungan dengan: webpage, website, web server, dan search engine. Konsep ini akan membingungkan bagi pemula yang baru mempelajari tentang Web, atau (pernah) melakukan kesalahan. Yuk, kita pelajari satu persatu konsep tersebut.</dd> + <dt> + <h3 id="Apa_yang_dimaksud_URL"><a href="/en-US/docs/Learn/Common_questions/What_is_a_URL">Apa yang dimaksud URL?</a></h3> + </dt> + <dd>Dengan {{Glossary("Hypertext")}} dan {{Glossary("HTTP")}}, URL sebuah konsep utama dari Web. Mekanisme ini digunakan oleh {{Glossary("Browser","browsers")}} untuk memperoleh sumber publikasi pada web.</dd> + <dt> + <h3 id="Apa_yang_dimaksud_nama_domain"><a href="/en-US/docs/Learn/Common_questions/What_is_a_domain_name">Apa yang dimaksud nama domain?</a></h3> + </dt> + <dd>Nama domain adalah bagian dari infrastruktur Internet. Nama domain ini merupakan alamat sebuah web yang dapat dibaca oleh manusia yang berasal dari web server yang tersedia di Internet.</dd> + <dt> + <h3 id="Apa_yang_dimaksud_dengan_web_server"><a href="/en-US/docs/Learn/Common_questions/What_is_a_web_server">Apa yang dimaksud dengan web server?</a></h3> + </dt> + <dd>Kata "Web server" dapat diartikan sebagai sebuah perangkat keras (hardware) atau perangkat lunak (software) yang melayani website kepada klien diseluruh dunia, atau keduanya dapat bekerja sekaligus. Pada artikel ini kita akan mempelajari bagaimana web server bekerja, dan mengapa hal ini sangat penting.</dd> + <dt> + <h3 id="Apa_yang_dimaksud_dengan_hyperlinks"><a href="/en-US/docs/Learn/Common_questions/What_are_hyperlinks">Apa yang dimaksud dengan hyperlinks?</a></h3> + </dt> + <dd>Di artikel ini, kita akan mempelajari apa yang dimaksud dengan hyperlink dan kenapa hal ini begitu penting.</dd> +</dl> + +<h2 id="Peralatan_dan_pengaturan">Peralatan dan pengaturan</h2> + +<p>Pertanyaan yang berhubungan dengan peralatan/software yang dapat anda gunakan untuk membangun website.</p> + +<dl> + <dt> + <h3 id="Berapa_banyak_biaya_yang_dibutuhkan_untuk_membuat_website"><a href="/en-US/docs/Learn/Common_questions/How_much_does_it_cost">Berapa banyak biaya yang dibutuhkan untuk membuat website?</a></h3> + </dt> + <dd>Ketika anda akan launching sebuah website, anda (mungkin) biasa saja tidak akan mengeluarkan biaya apapun. Di artikel ini, kita akan berdiskusi berapa banyak biaya yang dibutuhkan dan apa saja yang anda dapatkan dari yang anda bayar (atau yang anda dapat secara gratis).</dd> + <dt> + <h3 id="Software_yang_Saya_butuhkan_untuk_membuat_sebuah_website"><a href="/en-US/docs/Learn/Common_questions/What_software_do_I_need">Software yang Saya butuhkan untuk membuat sebuah website?</a></h3> + </dt> + <dd>Di artikel ini kami akan menjelaskan komponen software apa saja yang anda butuhkan untuk mengedit, upload, atau menampilkan sebuah website.</dd> + <dt> + <h3 id="Text_editor_apa_saja_yang_tersedia"><a href="/en-US/docs/Learn/Common_questions/Available_text_editors">Text editor apa saja yang tersedia?</a></h3> + </dt> + <dd>Di artikel ini kami menjelaskan hal utama tentang pemilihan dan instalasi text editor untuk pengembangan web.</dd> + <dt> + <h3 id="What_are_browser_developer_tools"><a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools?</a></h3> + </dt> + <dd>Every browser features a set of devtools for debugging HTML, CSS, and other web code. This article explains how to use the basic functions of your browser's devtools.</dd> + <dt> + <h3 id="How_do_you_make_sure_your_website_works_properly"><a href="/en-US/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly">How do you make sure your website works properly?</a></h3> + </dt> + <dd>So you've published your website online — very good! But are you sure it works properly? This article provides some basic troubleshooting steps.</dd> + <dt> + <h3 id="How_do_you_set_up_a_local_testing_server"><a href="/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server">How do you set up a local testing server?</a></h3> + </dt> + <dd> + <div> + <p>This article explains how to set up a simple local testing server on your machine, and the basics of how to use it.</p> + </div> + </dd> + <dt> + <h3 id="How_do_you_upload_files_to_a_web_server"><a href="/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server">How do you upload files to a web server?</a></h3> + </dt> + <dd>This article shows how to publish your site online with <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/FTP" title="FTP: FTP (File Transfer Protocol) is the standard network protocol for transferring files from one host to another over the Internet through TCP.">FTP</a> tools — one of the most common ways to get a website online so others can access it from their computers.</dd> + <dt> + <h3 id="How_do_I_use_GitHub_Pages"><a href="/en-US/docs/Learn/Common_questions/Using_GitHub_Pages">How do I use GitHub Pages?</a></h3> + </dt> + <dd>This article provides a basic guide to publishing content using GitHub's gh-pages feature.</dd> + <dt> + <h3 id="How_do_you_host_your_website_on_Google_App_Engine"><a href="/en-US/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine">How do you host your website on Google App Engine?</a></h3> + </dt> + <dd>Looking for a place to host your website? Here's a step-by-step guide to hosting your website on Google App Engine.</dd> + <dt> + <h3 id="What_tools_are_available_to_debug_and_improve_website_performance"><a href="/en-US/docs/Tools/Performance">What tools are available to debug and improve website performance?</a></h3> + </dt> + <dd>This set of articles shows you how to use the Developer Tools in Firefox to debug and improve performance of your website, using the tools to check the memory usage, the JavaScript call tree, the amount of DOM nodes being rendered, and more.</dd> +</dl> + +<h2 id="Design_and_accessibility">Design and accessibility</h2> + +<p>This section lists questions related to aesthetics, page structure, accessibility techniques, etc.</p> + +<dl> + <dt> + <h3 id="How_do_I_start_to_design_my_website"><a href="/en-US/docs/Learn/Common_questions/Thinking_before_coding">How do I start to design my website?</a></h3> + </dt> + <dd>This article covers the all-important first step of every project: define what you want to accomplish with it.</dd> + <dt> + <h3 id="What_do_common_web_layouts_contain"><a href="/en-US/docs/Learn/Common_questions/Common_web_layouts">What do common web layouts contain?</a></h3> + </dt> + <dd>When designing pages for your website, it's good to have an idea of the most common layouts. This article runs thorugh some typical web layouts, looking at the parts that make up each one.</dd> + <dt> + <h3 id="What_is_accessibility"><a href="/en-US/docs/Learn/Common_questions/What_is_accessibility">What is accessibility?</a></h3> + </dt> + <dd>This article introduces the basic concepts behind web accessibility.</dd> + <dt> + <h3 id="How_can_we_design_for_all_types_of_users"><a href="/en-US/docs/Learn/Common_questions/Design_for_all_types_of_users">How can we design for all types of users?</a></h3> + </dt> + <dd>This article provides basic techniques to help you design websites for any kind of user — quick accessibility wins, and other such things.</dd> + <dt> + <h3 id="What_HTML_features_promote_accessibility"><a href="/en-US/docs/Learn/Common_questions/HTML_features_for_accessibility">What HTML features promote accessibility?</a></h3> + </dt> + <dd>This article describes specific features of HTML that can be used to make a web page more accessible to people with different disabilities.</dd> +</dl> + +<h2 id="HTML_CSS_and_JavaScript_questions">HTML, CSS and JavaScript questions</h2> + +<p>For common solutions to HTML/CSS/JavaScript problems, try the following articles:</p> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">Use HTML to solve common problems</a></li> + <li><a href="/en-US/docs/Learn/CSS/Howto">Use CSS to solve common problems</a></li> + <li><a href="/en-US/docs/Learn/JavaScript/Howto">Use JavaScript to solve common problems</a></li> +</ul> diff --git a/files/id/learn/common_questions/pages_sites_servers_and_search_engines/index.html b/files/id/learn/common_questions/pages_sites_servers_and_search_engines/index.html new file mode 100644 index 0000000000..622e047b09 --- /dev/null +++ b/files/id/learn/common_questions/pages_sites_servers_and_search_engines/index.html @@ -0,0 +1,118 @@ +--- +title: >- + What is the difference between webpage, website, web server, and search + engine? +slug: Learn/Common_questions/Pages_sites_servers_and_search_engines +translation_of: Learn/Common_questions/Pages_sites_servers_and_search_engines +--- +<div class="summary"> +<p><span class="seoSummary">In this article, we describe various web-related concepts: web pages, websites, web servers, and search engines. These terms are often confused by newcomers to the web or are incorrectly used. Let's learn what they each mean!</span></p> +</div> + +<table class="learn-box standard-table"> + <tbody> + <tr> + <th scope="row">Prerequisites:</th> + <td>You should know <a href="/en-US/docs/Learn/Common_questions/How_does_the_Internet_work">how the Internet works</a>.</td> + </tr> + <tr> + <th scope="row">Objective:</th> + <td>Be able to describe the differences between a web page, a website, a web server, and a search engine.</td> + </tr> + </tbody> +</table> + +<h2 id="Summary">Summary</h2> + +<p>As with any area of knowledge, the web comes with a lot of jargon. Don't worry, we won't overwhelm you with all of it (we have a <a href="/en-US/docs/Glossary">glossary</a> if you're curious). However, there are a few basic terms you need to understand at the outset, since you'll hear these expressions all the time as you read on. It's easy to confuse these terms sometimes since they refer to related but different functionalities. In fact, you'll sometimes see these terms misused in news reports and elsewhere, so getting them mixed up is understandable!</p> + +<p>We'll cover these terms and technologies in more detail as we explore further, but these quick definitions will be a great start for you:</p> + +<dl> + <dt>web page</dt> + <dd>A document which can be displayed in a web browser such as Firefox, Google Chrome, Opera, Microsoft Internet Explorer or Edge, or Apple's Safari. These are also often called just "pages."</dd> + <dt>website</dt> + <dd>A collection of web pages which are grouped together and usually connected together in various ways. Often called a "web site" or simply a "site."</dd> + <dt>web server</dt> + <dd>A computer that hosts a website on the Internet.</dd> + <dt>search engine</dt> + <dd>A web service that helps you find other web pages, such as Google, Bing, Yahoo, or DuckDuckGo. Search engines are normally accessed through a web browser (e.g. you can perform search engine searches directly in the address bar of Firefox, Chrome, etc.) or through a web page (e.g. <a href="https://www.bing.com/">bing.com</a> or <a href="https://duckduckgo.com/">duckduckgo.com</a>).</dd> +</dl> + +<p>Let's look at a simple analogy — a public library. This is what you would generally do when visiting a library:</p> + +<ol> + <li>Find a search index and look for the title of the book you want.</li> + <li>Make a note of the catalog number of the book.</li> + <li>Go to the particular section containing the book, find the right catalog number, and get the book.</li> +</ol> + +<p>Let's compare the library with a web server:</p> + +<ul> + <li>The library is like a web server. It has several sections, which is similar to a web server hosting multiple websites.</li> + <li>The different sections (science, math, history, etc.) in the library are like websites. Each section is like a unique website (two sections do not contain same books).</li> + <li>The books in each section are like webpages. One website may have several webpages, e.g., the Science section (the website) will have books on heat, sound, thermodynamics, statics, etc. (the webpages). Webpages can each be found at a unique location (URL).</li> + <li>The search index is like the search engine. Each book has its own unique location in the library (two books cannot be kept at the same place) which is specified by the catalog number.</li> +</ul> + +<h2 id="Active_learning">Active learning</h2> + +<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> + +<h2 id="Deeper_dive">Deeper dive</h2> + +<p>So, let's dig deeper into how those four terms are related and why they are sometimes confused with each other.</p> + +<h3 id="Web_page">Web page</h3> + +<p>A <strong>web page</strong> is a simple document displayable by a {{Glossary("browser")}}. Such documents are written in the {{Glossary("HTML")}} language (which we look into in more detail in <a href="/en-US/docs/Web/HTML">other articles</a>). A web page can embed a variety of different types of resources such as:</p> + +<ul> + <li><em>style information</em> — controlling a page's look-and-feel</li> + <li><em>scripts</em> — which add interactivity to the page</li> + <li><em>media</em> — images, sounds, and videos.</li> +</ul> + +<div class="note"> +<p><strong>Note: </strong>Browsers can also display other documents such as {{Glossary("PDF")}} files or images, but the term <strong>web page</strong> specifically refers to HTML documents. Otherwise, we only use the term <strong>document</strong>.</p> +</div> + +<p>All web pages available on the web are reachable through a unique address. To access a page, just type its address in your browser address bar:</p> + +<p style="text-align: center;"><img alt="Example of a web page address in the browser address bar" src="https://mdn.mozillademos.org/files/8529/web-page.jpg" style="height: 239px; width: 650px;"></p> + +<h3 id="Web_site">Web site</h3> + +<p>A <em>website</em> is a collection of linked web pages (plus their associated resources) that share a unique domain name. Each web page of a given website provides explicit links—most of the time in the form of clickable portion of text—that allow the user to move from one page of the website to another.</p> + +<p>To access a website, type its domain name in your browser address bar, and the browser will display the website's main web page, or <em>homepage </em>(casually referred as "the home"):</p> + +<p><img alt="Example of a web site domain name in the browser address bar" src="https://mdn.mozillademos.org/files/8531/web-site.jpg" style="display: block; height: 365px; margin: 0px auto; width: 650px;"></p> + +<p>The ideas of a <em>web page</em> and a <em>website</em> are especially easy to confuse for a <em>website</em> that contains only one <em>web page.</em> Such a website is sometimes called a <em>single-page website.</em></p> + +<h3 id="Web_server">Web server</h3> + +<p>A <em>web server</em> is a computer hosting one or more <em>websites</em>. "Hosting" means that all the <em>web pages </em> and their supporting files are available on that computer. The <em>web server</em> will send any <em>web page</em> from the <em>website</em> it is hosting to any user's browser, per user request.</p> + +<p>Don't confuse <em>websites</em> and <em>web servers</em>. For example, if you hear someone say, "My website is not responding", it actually means that the <em>web server</em> is not responding and therefore the <em>website</em> is not available. More importantly, since a web server can host multiple websites, the term <em>web server</em> is never used to designate a website, as it could cause great confusion. In our previous example, if we said, "My web server is not responding", it means that multiple websites on that web server are not available.</p> + +<h3 id="Search_engine">Search engine</h3> + +<p>Search engines are a common source of confusion on the web. A search engine is a special kind of website that helps users find web pages from <em>other</em> websites.</p> + +<p>There are plenty out there: <a href="https://www.google.com/">Google</a>, <a href="https://www.bing.com/">Bing</a>, <a href="https://www.yandex.com/">Yandex</a>, <a href="https://duckduckgo.com/">DuckDuckGo</a>, and many more. Some are generic, some are specialized about certain topics. Use whichever you prefer.</p> + +<p>Many beginners on the web confuse search engines and browsers. Let's make it clear: A <em><strong>browser</strong></em> is a piece of software that retrieves and displays web pages; a <strong><em>search engine</em></strong> is a website that helps people find web pages from other websites. The confusion arises because, the first time someone launches a browser, the browser displays a search engine's homepage. This makes sense, because, obviously, the first thing you want to do with a browser is to find a web page to display. Don't confuse the infrastructure (e.g., the browser) with the service (e.g., the search engine). The distinction will help you quite a bit, but even some professionals speak loosely, so don't feel anxious about it.</p> + +<p>Here is an instance of Firefox showing a Google search box as its default startup page:</p> + +<p><img alt="Example of Firefox nightly displaying a custom Google page as default" src="https://mdn.mozillademos.org/files/8533/search-engine.jpg" style="display: block; height: 399px; margin: 0px auto; width: 650px;"></p> + +<h2 id="Next_steps">Next steps</h2> + +<ul> + <li>Dig deeper: <a href="/en-US/docs/Learn/What_is_a_web_server">What is a web server</a></li> + <li>See how web pages are linked into a web site: <a href="/en-US/docs/Learn/Understanding_links_on_the_web">Understanding links on the web</a></li> +</ul> diff --git a/files/id/learn/common_questions/set_up_a_local_testing_server/index.html b/files/id/learn/common_questions/set_up_a_local_testing_server/index.html new file mode 100644 index 0000000000..0bc57c45d2 --- /dev/null +++ b/files/id/learn/common_questions/set_up_a_local_testing_server/index.html @@ -0,0 +1,108 @@ +--- +title: Bagaimana Anda menyiapkan server pengujian lokal? +slug: Learn/Common_questions/set_up_a_local_testing_server +tags: + - Express + - Flask + - Node + - Pemula + - Python + - django + - server-side + - servers + - sisi-server +translation_of: Learn/Common_questions/set_up_a_local_testing_server +--- +<div class="summary"> +<p>Artikel ini menjelaskan cara menyiapkan server pengujian lokal sederhana di komputer Anda, dan dasar-dasar penggunaannya.</p> +</div> + +<table class="learn-box standard-table"> + <tbody> + <tr> + <th scope="row">Prasyarat:</th> + <td>Anda harus terlebih dahulu mengetahui <a href="/id/docs/Learn/Common_questions/Bagaimana_cara_kerja_Internet">bagaimana cara kerja Internet</a>, dan <a href="/id/docs/Learn/What_is_a_Web_server">apa itu server Web.</a></td> + </tr> + <tr> + <th scope="row">Tujuan:</th> + <td>Anda akan belajar cara mengatur server pengujian lokal.</td> + </tr> + </tbody> +</table> + +<h2 id="Berkas_lokal_vs._berkas_remote">Berkas lokal vs. berkas remote</h2> + +<p>Di sebagian besar area pembelajaran, kami memberi tahu Anda untuk hanya membuka contoh Anda secara langsung di browser — ini dapat dilakukan dengan mengklik ganda file HTML, <em>drag and drop</em> ke jendela browser, ataupun memilih <em>File</em> > <em>Open...</em> dan menavigasi ke file HTML. Ada banyak cara untuk mencapai ini.</p> + +<p>Jika alamat web diawali dengan <code>file://</code> diikuti oleh path menuju file di hard drive lokal anda, maka berkas lokal digunakan. Sebaliknya, jika Anda melihat salah satu contoh kami dihosting di GitHub (atau contoh di beberapa remote server lain), alamat web diawali dengan <code>http://</code> atau <code>https://</code>, untuk menunjukkan berkas tersebut diterima melalui HTTP.</p> + +<h2 id="Masalah_dengan_menguji_file_lokal">Masalah dengan menguji file lokal</h2> + +<p>Beberapa contoh tidak akan berjalan jika Anda membukanya sebagai file lokal. Hal ini dapat disebabkan oleh berbagai alasan, yang paling mungkin adalah:</p> + +<ul> + <li><strong>Mereka menampilkan permintaan <span lang="en-US">asynchronous</span>.</strong> Beberapa <span lang="en-US">browser</span> (termasuk Chrome) tidak akan menjalankan permintaan <span lang="en-US">async</span> (lihat <a href="/id/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">Mengambil data dari server</a>) jika anda langsung menjalankan contoh dari berkas lokal. Ini karena pembatasan keamanan (untuk lebih lanjut tentang keamanan web, baca <a href="/id/docs/Learn/Server-side/First_steps/Website_security">Keamanan situs web</a>).</li> + <li><strong>Mereka menampilkan bahasa <span lang="en-US">server side</span>.</strong> Bahasa Server-side (seperti PHP maupun Python) memerlukan server khusus untuk menginerpretasi kode dan menyerahkan hasil.</li> +</ul> + +<h2 id="Menjalankan_server_HTTP_lokal_sederhana">Menjalankan server HTTP lokal sederhana</h2> + +<p>Untuk mengatasi masalah async request, kita perlu menguji contoh-contoh tersebut dengan menjalankannya melalui server web lokal. OCara paling mudah untuk melakukan ini untuk tujuan kita adalah menggunakan <code>SimpleHTTPServer</code> module pada Python.</p> + +<p>Untuk melakukannya:</p> + +<ol> + <li> + <p>Install Python. Jika anda menggunakan Linux atau Mac OS X, seharusnya sudah tersedia di sistem Anda. Jika anda pengguna Windows, Anda bisa mendapatkan installer dari situs Python dan ikuti instruksi untuk menginstalnya:</p> + + <ul> + <li>Pergi ke <a href="https://www.python.org/">python.org</a></li> + <li>Di bawah bagian Unduh, klik tautan untuk Python "3.xxx".</li> + <li>Pada bagian bawah halaman, pilih <em>Windows x86 executable installer</em> lalu download.</li> + <li>Setelah download selesai, jalankan file tersebut.</li> + <li>Pada halaman awal installer, pastikan anda menceklis "Add Python 3.xxx to PATH" pada checkbox.</li> + <li>Klik <em>Install</em>, kemudian klik <em>Close</em> ketika instalasi selesai.</li> + </ul> + </li> + <li> + <p>Bka command prompt (Windows) / terminal (OS X/Linux) anda. tuk mengecek apakah Python telah terinstal, ketikkan perintah berikut:</p> + + <pre class="brush: bash">python -V</pre> + </li> + <li> + <p>Ini seharusnya mengembalikan nilai versi. Jika ini OK, arahkan ke direktori yang ada di dalam contoh Anda, menggunakan perintah <code>cd</code>.</p> + + <pre class="brush: bash"># masukkan nama direktori untuk memasukkannya, misalnya +cd Desktop +# gunakan dua titik untuk melompat satu tingkat direktori jika perlu +cd ..</pre> + </li> + <li> + <p>Ketikkan perintah berikut untuk menjalankan server di direktori tersebut:</p> + + <pre class="brush: bash"># Jika versi Python yang dikembalikan di atas adalah 3.X +python -m http.server +# Jika versi Python yang dikembalikan di atas adalah 2.X +python -m <code>SimpleHTTPServer</code></pre> + </li> + <li> + <p>Secara default, ini akan menjalankan konten-konten dalam direktori pada web server local, di port 8000. Anda dapat pergi ke server ini dengan pergi ke url <code>localhost:8000</code> di web browser anda. Disini anda akan melihat daftar isi dari direktori — klik pada berkas HTML yang akan anda jalankan.</p> + </li> +</ol> + +<div class="note"> +<p><strong>Catatan</strong>: Jika anda sudah menjalankan sesuatu di port 8000, anda dapat memilih port lain dengan menjalankan perintah server diikuti dengan nilai port alternatif, misal <code>python -m http.server 7800</code> (Python 3.x) atau <code>python -m SimpleHTTPServer 7800</code> (Python 2.x). Anda kemudian dapat mengakses konten Anda di <code>localhost:7800</code>.</p> +</div> + +<h2 id="Menjalankan_bahasa_sisi_server_secara_lokal">Menjalankan bahasa sisi server secara lokal</h2> + +<p>Modul <code>SimpleHTTPServer (python 2.0) http.server (python 3.0)</code> pada Python sangat berguna, tetapi tidak tahu cara menjalankan kode yang ditulis dalam bahasa seperti Python, PHP atau JavaScript. Untuk mengatasinya Anda akan butuh sesuatu yang lebih — apa yang Anda perlukan tergantung pada bahasa sisi server yang Anda coba jalankan. Beberapa contoh antara lain:</p> + +<ul> + <li>Untuk menjalankan kode Python server-side, anda butuh web framework Python. Anda dapat mengetahui cara menggunakan framework Django dengan membaca <a href="/id/docs/Learn/Server-side/Django">Django Web Framework (Python)</a>. <a href="http://flask.pocoo.org/">Flask</a> juga merupakan alternatif yang baik (sedikit lebih berat) dibandingkan dengan Django. Untuk menjalankannya anda perlu <a href="/id/docs/Learn/Server-side/Django/development_environment#Installing_Python_3">menginstall Python/PIP</a>, kemudian menginstall Flask menggunakan perintah <code>pip3 install flask</code>. Pada titik ini Anda seharusnya dapat menjalankan contoh-contoh Python Flask menggunakan misalnya <code>python3 python-example.py</code>, lalu menavigasi ke <code>localhost:5000</code> di browser anda.</li> + <li>Tuk menjalankan kode server-side Node.js (JavaScript), Anda harus menggunakan raw node maupun framework yang dibangun di atasnya. Express adalah pilihan yang bagus — lihat juga <a href="/id/docs/Learn/Server-side/Express_Nodejs">Express Web Framework (Node.js/JavaScript)</a>.</li> + <li>Untuk menjalankan kode server-side PHP, jalankan <a href="http://php.net/manual/en/features.commandline.webserver.php">PHP's built-in development server</a>:</li> +</ul> + +<pre class="shellcode">$ cd jalan/ke/kode/php/anda +$ php -S localhost:8000</pre> |