Tugas Pengantar Web Science (Agoritma blog dan Arsitektur Website)

Tugas Pengantar Web Science

(Agoritma blog dan Arsitektur Website)

Nama dosen                  : ELLY AGUSTINA

Nama Kelompok           :

1. RENALDI DEWANGGA SINDHU  (56416166)

2. MUHAMMAD DANDY (54416763)

UNIVERSITAS GUNADARMA

FAKULTAS TEKNOLOGI INDUSTRI

TEKNIK INFORMATIKA

2018

KATAPENGANTAR

Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, kami panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah, dan inayah-Nya kepada kami, sehingga saya dapat menyelesaikan makalah tentang Agoritma blog dan Arsitektur Website.

    Makalah ilmiah ini telah kami susun dengan maksimal dan mendapatkan bantuan sehingga dapat memperlancar pembuatan makalah ini. Untuk itu kami menyampaikan banyak terima kasih kepada semua pihak yang telah berkontribusi dalam pembuatan makalah ini.

    
    Terlepas dari semua itu, kami menyadari sepenuhnya bahwa masih ada kekurangan baik dari segi susunan kalimat maupun tata bahasanya. Oleh karena itu dengan tangan terbuka kami menerima segala saran dan kritik dari pembaca agar kami dapat memperbaiki makalah ini.

    
    Akhir kata kami berharap semoga makalah ilmiah tentang Agoritma blog dan Arsitektur Website dapat memberikan manfaat maupun inpirasi terhadap pembaca.

1. Algoritma Pembuatan Blog

Penjelasan Algoritma pembuatan blog :

1. Mebuat akun Gmail terlebih dahulu

2. masuk ke www.blogspot.com untuk membuat blog

3. Login akun Gmail

4. Lalu pilih Blog baru

5. Masukan Judul , alamat, tamplate blog yang dibuat

6. Pilih postingan

7. Ketikan judul dan artikel yang akan di posting

8. Publis artikel yang akan tampil di blog

9. selesai

2. Arsitektur Web dan Aplikasi Utama

Arsitektur Web adalah rancangan atau desain dari suatu web yang dibuat untuk mempermudah user (pengguna) suatu web agar menemukan konten-konten atau arsip yang ingin dicari. Rancangan suatu web harus memenuhi beberapa aspek, antara lain form, fungsi, navigasi, interface, interaksi, visual, dan maksud informasi itu sendiri.

Aplikasi Utama, Di dalam sebuah arsitektur web terdapat pula sebuah Aplikasi utama pada arsitektur web yang berfungsi sebagai sarana pengguna untuk dapat mengakses sebuah web atau situs. Aplikasi utama tersebut anatara lain

a. Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.

b.  HTML ( Hypertext MarkUp Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.

c. Web Server adalah perangkat lunak yang menyediakan layanan akses data kepada pengguna melalui protokol komunikasi HTTP atau HTTPS. 

d. Browser adalah suatu perangkat lunak yang digunakan sebagai wadah untuk menampilkan halaman web. Contoh Browser adalah Google Chrome

e. interconnection-networking(Internet) adalah seluruh jaringan komputer yang saling terhubung menggunakan global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol).

f. Blog(Web Log) adalah sebuah aplikasi web berbentuk postingan pada sebuah halaman web umum. Blog memiliki banyak kegunaan seperti menyampaikan informasi, sebagai catatan harian, tempat berkumpulnya suatu komunitas, dll.

Pengelolahan WEB kita harus memperhatikan seperti :

a. komunikasi, Cara melakukan akses email, membuat account email di account web hosting

 b. Data, Upload dan download berbagai data. 

 c.  Maintenance, Menggunakan cPanel (sebuah aplikasi pengelolaan fitur web hosting) untuk mengakses berbagai fitur yang tersebut dalam account web hosting, misalnya membuat account email.

 

3. Perilaku User terhadap website, struktur dan jenis Web, Analisi Web

Web dan perilaku penggunaan

Adalah sebuah hubungan antara manusia dan komputer yang mempunyai karakteristik tertentu untuk mencapai suatu tujuan tertentu dengan menjalankan sebuah sistem yang bertopengkan sebuah antarmuka (interface).

Perilaku Navigasi

pada suatu situs (jual beli khususnya) penggunaan navigasi yang baik sangat penting untuk dilakukan bagi para pembuat online. Para pembuat situs website tersebut harus bisa membuat suatu navigasi agar pengunjung situs tersebut tidak bosan dengan melihatnya.

Perilaku Pencarian

Fitur pencarian internal tentunya telah di desain dengan batasan tertentu. Ketika situs suatu user tumbuh, tentunya user akan semakin tahu pola pemakaian oleh pengunjung. Termasuk di dalamnya adalah pola pencarian dalam rangka mendapatkan pengalaman terbaik dalam pemanfaatan situs.

Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer.

Struktur Situs Web :

1. Struktur Linear

2. Struktur Grid

3. Struktur Hierarki

a. Struktur Linear

·         Struktur linear murni

·         Struktur linear dengan halaman tambahan

·         Struktur linear dengan halaman pilihan

·         Struktur linear dengan halaman alternatif

b. Struktur Linear murni :

•         Digunakan untuk situs-situs web yang kecil, seperti personal page.

•         Biasanya hanya terdiri dari 4 – 10 halaman.

•         Cocok digunakan untuk menampilkan isi yang bersifat penjelasan mengenai suatu pokok bahasan.

c. Struktur linear tambahan :

•         Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni

•         Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail (boleh untuk dilewatkan).

•         Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.

d. Struktur linear dengan halaman pilihan :

•         Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.

•         Struktur ini banyak digunakan pada sebagian besar situs web yang ada.

•         Cocok digunakan untuk menampilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.

e. Struktur linear dengan halaman alternatif :

•         Pada dasarnya sama dengan struktur linear murni, bedanya pengunjung diberi alternatif untuk pergi ke sebuah halaman.

•         Struktur ini hanya sedikit lebih baik dari struktur linear murni.

 

Jenis – Jenis Website

1. Website Statis

Website statis merupakan website yang isi kontennya tidak dapat diubah secara langsung oleh end-user. Isi dari website hanya bisa diubah oleh orang yang mengerti mengenai bahasa pemrograman atau tools untuk merancang halaman website. Website jenis ini tidak mempunyai basis data, jadi informasi yang disampaikan ditulis langsung ke dalaman sintax. Biasanya website jenis ini dibuat untuk menampilkan informasi yang jarang diupdate misalnya Company Profile.

2. Website Dinamis

Website dinamis adalah website yang isi kontennya sudah terstruktur dengan kata lain, sudah menerapkan sistem Content Management System untuk informasi yang disampaikannya. End-user bisa sewaktu-waktu mengupdate konten pada halaman website tanpa perlu faham sintax ataupun bahasa pemrograman. Melihat dari segi fungsionalitasnya, website seperti inilah yang sekarang banyak digunakan.

Analisi Web

1. Color Blindness Simulator

Colour Blindness Simulator, dapat membantu anda untuk memeriksa bagaimana aspek gambar dan pewarnaan (color) dari website/blog. 

2. Juicy Studios Image Analyzer

Dengan tool online ini, kita dapat menganalisa masalah setiap gambar yang ada pada halaman website. 

3. Test and Improve Readability

Tool Online gratis dengan fitur untuk testing dan meningkatkan konten website anda.

4. WAVE

WAVE merupakan tool interaktif yang menunjukkan tingkat kunjungan dari website dengan 3 cara yang berbeda: “Errors, Features, and Alerts”, “Structure/Order”, dan Text-Only”.

5. aDesigner

aDesigner adalah simulator yang membantu desainer untuk memastikan konten dan aplikasinya diakses. aDesigner juga membantu user untuk cek aksesbility dokumen ODF dan Flash.

4. Ekonomi Web/ e – commerce

Web yang tepat akan memberikan keuntungan dan manfaat yang signifikan bagi pelaku Ecommerce. Ecommerce yang dimaksudkan adalah sebagai pertukaran komoditas atau jasa tanpa penggunaan kertas namun melalui kanal data elektronik. Singkatnya, menjual barang atau fungsi tertentu melalui Web.

Perkembangan selanjutnya akan mengharuskan para pelaku usaha, yang telah mempunyai posisi retail yang mapan, untuk menjalankan aktivitas berbasis Ecommerce. Website Ecommerce merupakan keharusan untuk menghindari kemungkinan hilangnya tingkat penjualan. Calon pembeli memanfaatkan internet untuk menemukan informasi tentang produk dan harganya yang ingin dibeli di toko setempat. Menempatkan produk dan jasa Anda di website Ecommerce juga merupakan media promosi yang efektif. Ecommerce akan mengintegrasikan kerangka bisnis Anda meliputi barang dagangan, harga, promosi, dan tingkat penjualan.

Contoh :

1. Business-to-Administration (B2A)

2. Consumer-to-Administration (C2A)

3. Online-to-Offline (O2O)

Daftar Pustaka :

https://www.progresstech.co.id/blog/pengertian-e-commerce/

https://www.progresstech.co.id/blog/jenis-e-commerce/

https://www.xinergix.com/support/Knowledgebase/Article/View/14/4/pengetahuan-dasar-pengelolaan-web-hosting-dan-internet

https://www.scribd.com/doc/229791040/Arsitektur-Web

 

 

 

Membuat Website

Qodingan Website : 

<!DOCTYPE>

<html>

<head> 

<title> Web Renaldi </title>

<meta charshet="UTF-8" >

</head>

<body background="gambar2.jpg">

<h1 style ="text-align : center"> (IT) UNIVERSITAS GUNADARMA </h1>

<marquee><p><mark> Semua Ilmu Bisa di Pelajari, Asalkan ada Kemauan :) :) </mark></p></marquee>

<div>

<center><a href ="http://www.gunadarma.ac.id/" target=_blank><img

src ="Logo/Logo.jpg" alt ="Universitas Gunadarma" height ="250" width ="400"></a>

</div>

<br><br>

<h3> MENU WEBSITE </h3>

<a href = "Home.html" target ="_blank"> Home</a>&nbsp

<a href = "http://baak.gunadarma.ac.id/" target ="_blank"> BAAK Gunadarma</a>&nbsp

<a href = "http://studentsite.gunadarma.ac.id/" target ="_blank"> Studentsite Gunadarma </a>

<p style="text-align:justify"> Kali ini saya sedang membuat sebuah Website sederhana.

untuk awal membuat sebuah website kita ciptakan dulu Algoritma sebuah Website yang kemudian

kita terapkan pada bahasa pemograman, untuk membuat sebuah website kita memperlukan <b> HTML </b>

yang berguna untuk membuat struktur website nya kemudian di lanjutkan dengan <b> CSS </b> yang berfungsi

untuk mempercantik halaman website kemudian untuk adanya interaksi WEBSITE kita perlu <b> PHP,MYSQL dan JavaScript

</p><br>

<p style ="text-align:justify">================================================================================</p>

<h3 style ="text-align : center"> Biodata </h3>

<p> Nama : Renaldi Dewangga Sindhu</p>

<p> Tempat/tanggal lahir : Cirebon/23-juni-1998</p>

<p> Jenis Kelamin : Laki - laki</p>

<p> Alamat : Perum Graha Prima Baru </p>

<p> Agama : ISLAM </p>

<p> Status Perkawinan : Belum Kawin </p>

<p> Pekerjaan : Pelajar/Mahasiswa </p>

<p> Kewarganegraan : WNI </p><br><br>

<p style ="text-align:justify">================================================================================</p>

<br>

<table border ="2" cellpadding ="5"> 

<caption> TABEL MATAKULIAH Semster 4 </caption>

<tr>

<th> Hari </th>

<th> MATA KULIAH </th>

<th> waktu </th>

<th> Ruang </th>

<th> Dosen </th>

</tr>

<tr>

<td> Selasa </td>

<td> Metematika Informatika 4 </td>

<td> 2/3/4 </td>

<td> J323 </td>

<td> Marama Namora </td>

</tr>

<tr>

<td> Selasa </td>

<td> Metematika Lanjut 2 </td>

<td> 6/7/8 </td>

<td> J327 </td>

<td> Rifki Kosasih </td>

</tr>

<tr>

<td> Rabu </td>

<td> Legal aspek Produk Te.Informasi </td>

<td> 1/2 </td>

<td> J164 </td>

<td> Lulu </td>

</tr>

<tr>

<td> Rabu </td>

<td> Sistem Informasi Manejemen </td>

<td> 3/4/5 </td>

<td> J164 </td>

<td> Rina Noviana </td>

</tr>

<tr>

<td> Rabu </td>

<td> Pengantar Web sience </td>

<td> 7/8 </td>

<td> J164 </td>

<td> Elly Agustina </td>

</tr>

<tr>

<td> Kamis </td>

<td> Pemograman Berbasis Obyek </td>

<td> 1/2 </td>

<td> J317 </td>

<td> Latifatur Ahma </td>

</tr>

<tr>

<td> kamis </td>

<td> Bahasa Indonesia 2 </td>

<td> 4/5 </td>

<td> J345 </td>

<td> Margaret Hasumarwati </td>

</tr>

<tr>

<td> Jumat </td>

<td> Statistika 2 </td>

<td> 2/3/4 </td>

<td> J334 </td>

<td> Anita Wasuningtinish </td>

</tr>

<tr>

<td> Jumat </td>

<td> Informatika Kesehatan </td>

<td> 7/8 </td>

<td> J334 </td>

<td> Octarini </td>

</tr>

<tr>

<td> Sabtu </td>

<td> Arsitektur Komputer </td>

<td> 1/2 </td>

<td> J1425 </td>

<td> Valentina Siri sari Dewi </td>

</tr>

<tr>

<td> Sabtu </td>

<td> Sistem Berkas </td>

<td> 3/4/5 </td>

<td> J1425 </td>

<td> Dwi kartinah </td>

</tr>

</table>

<center><p> Buatan &copy; Renaldi Dewangga Sindhu </p><center>

</body>

</html>

Download File Website

Download Word Algoritma Membuat Website

Keterangan Mendownload :

1. klik Download

2. Jika muncul seperti ini :

3. jika seperti gambar di atas kita klik saja download maka file akan terdownload.

Pengguna dan Penerapan Internet

Internet atau Interconnection – networking yaitu sebuah jaringan yang saling terhubung dengan menggunakan standar suite (TCP/IP) sebagai protokol pertukaran paket untuk melayani miliyaran pengguna internet di seluruh dunia. Jadi internet adalah sistem komputer umum yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol).

Tahun 1960an, internet tercipta berkat teknologi jaringan komputer. Jaringan komuter itu sendiri yaitu hubungan antara komputer satu dengan komputer lain yang menggunakan media transmisi berupa kabel, sehingga dapat berkomunikasi dan melakukan transfer data. Pada awalnya jaringan komputer digunakan untuk kepentingan militer Amerika Serikat dalam mengembangkan senjata nuklir. Seiring berjalanya waktu jaringan komputer sangat diperlukan sehingga teknologi jaringan komputer perlu dikembangkan untuk keperluan pendidikan.

Perkembangan internet tak berhenti begitu saja, pada tahun 1972, Roy Tomlinson berhasil menyempurnakan program email  yang ia ciptakan untuk ARPANET. Program email sangat mudah digunakan yang dimana “ @ “ sebagai kodesandi alamat email. Pada tahun 1972, pada tahun 1973 jaringan komputer komputer ARPANET mulai dikembangkan ke luar amerika dimana University College di London menjadi yang pertama menggunakan jaringan ini.

Salah satu momen yang membuat perkembangan internet yaitu ketika ratu inggris berhsail mengirim email dari Royal Signal and Radar Establishment di Malvern. Semakin berjalannya waktu pengguna layanan jaringan semakin hari semakin bertambah, maka terciptanya protokol resmi. Kemudian pada tahun 1982 dibentuk Transmission Control Protocol (TCP) dan Internet Protocol (IP). Dan pada tahun 1984 diperkenalkan sistem nama domain yang disebut DNS atau Domain Name System. Dengan seperti ini pengembangan jaringan komputer terus meluas yang tadinya digunakan hanya kalanagan tertentu tetapi sekarang semua kalangan bisa merasakan jaringan internet, media transmisi pun berkembang dengan adanya modem dan koneksi yang tidak menggunakan kabel atau kabel telepon.

Macam – macam layanan internet :

1. Dial – up merupakan layanan internet yang menggunakan saluran telepon anda, jadi jika kita tidak dapat menggunakan telepon dan internet secara bersamaan kecuali kita memiliki saluran telepon.

2. DSL merupakan layanan internet yang dimana internet terhubung melalui saluran telepon , tetapi tidak mengharuskan kita memasang telepon dirumah. Jadi kita dapat menggunakan internet dan telepon kita pada waktu bersamaan.

3. Kabel merupakan layanan internet yang terhubung ke internet melalui kabel TV, meskipun kita tidak perlu memilki TV untuk memakainya. Namun layanan ini terpasang jika di wilayah kita memiliki jaringan kabel atau terpasang kabel.

4. Satelit merupakan layanan internet ini dapat digunakan dimanan saja kendalanya hanya dicuaca. Koneksi satelit biasanyan lebih lambat dari pada DSL atau kabel. Layanan ini terhubung melalui satelit yang mengorbit bumi.

5. 3G dan 4G merupakan layanan internet yang paling sering digunakan di ponsel yang terhubung secara nirkabel melalui jaringan seluler.

Macam – macam jaringan internet :

1. LAN ( Local Area Network ), merupakan jaringan internet yang jangkauan nya hanya 100 meter dan menggunakan transmisi kabel tunggal, jaringan ini bisa kita temukan digedung.

2. MAN (Metropolitan Area Network), merupakan jaringan internet yang jangkauannya lebih luas dari MAN dan jaringan ini mempunyai jangkauan 10 – 50 km yang dimana jaringan ini bisa kita temui di perkantoran dan kampus.

3. WAN (Wide Area Network), merupakan jaringan yang jangkauan nya sangat luas karena jaringan ini bisa mencakup antar benua dan negara atau melewati geografis.

Pengguna Internet

Pengguna internet sekarang semakin banyak karena tuntutan oleh perkembangan zaman dimana zaman sekarang sudah era digital semuanya beralih ke internet. Istilah untuk pengguna internet itu mempunyai nama – nama berdasarkan kemapuannya sebagai berikut.

1. Newbe istilah ini digunakan kepada pengguna internet baru, seperti anak yang baru masuk kelas atau sekolah yang dimana newbe ini bisanya cenderung rewel dan rajin, rewel bertanya dan rajin bertanya.

2. Master istilah yang diberikan kepada orang yang sudah sangat mahir dalam menggunakan internet, dan master sebagai wadah atau tempat bertanya yang dimana para pengguna baru serng bertanya kepadanya.

3. Hacker istilah ini orang – oarng yang mengasai keamanan web dan situs. Hacker dibagi menjadi 2 yaitu hacker whitehat dan blackhat yang dimana whitehat itu hacker yang baik mereka memberi tahu kepada pemilik situ web kelemahan dan celah – celah dari web mereka sedangkan blackhat itu sering memanfaatkan kelemahan – kelemahan kemanan dari situs web dan suka bermain – main dengan pemilik situs web.

4. Cracker istilah pengguna internet yang mengusai atau mengerti code – code dan security pula, mereka itu mencari kelemahan jauh lebih sulit tingkatanya.

5. Advertiser istilah pengguna internet yang memiliki usaha online atau offline dan juga pengguna internet yang pengiklan sehingga banya pengguna internet ini bertujuan mendapatkan uang.

Penerapan internet dalam bidang Pendidiakan

Penerapan dalam dunia pendidkan salah satunya dalam pertukaran informasi dan pendapat seorang siswa dan dengan adanya internet siswa dapat mendapatkan informasi secara luas dan mudah dengan seperti itu siswa bahkan mahasiswa dapat mengetahui perkembangan di zaman sekarang. Sekarang banyak sekali web yang menyediakan pembelajaran untuk semua siswa dari sd – sma seperti Quipper yang dimana kita login dan mempunyai akun serta kita dapat menjawab dan berdiskusi tentang suatu pelajaran yang kita kurang paham.

Daftar Pustaka

https://bnet.id/sejarah-internet/

https://www.siswapedia.com/sejarah-internet-dan-perkembangannya-di-dunia/

https://www.gcflearnfree.org/computer-basics-(bahasa-indonesia)/terhubung-ke-internet/1/

https://interconnection-networking.blogspot.co.id/2012/11/pengguna-internet.html