Video Rancangan Web

Dengan melengkapi tugas sebelumnya, kali ini saya akan menjelaskan dengan lebih mendetail mengenai halaman web yang saya buat. Yaitu Halaman Beranda.

Silahkan disimak videonya 

Rancangan Halaman Beranda / Home dari Web yang saya buat

Berkaitan dengan tugas sebelumnya yaitu arsitektur web, kali ini saya akan menjelaskan mengenai rancangan halaman beranda dari web clinic yang kami buat.

Jika ditelusuri sebuah web pasti selalu ada bagian beranda atau home yang biasanya diletakan sebelum maupun sesudah registrasi. Beranda adalah tanda pengenal dari suatu web tersebut, karena di halaman beranda mencangkup semua yang terdapat dari web atau lebih bagusnya kesimpulan.

Dan berikut tampilan beranda web yang saya buat :

 

Dibagian atas beranda, terdapat tab tab menuju penjelasan lebih detail dari usaha kami. Tinggal mengklik dan akan tersambung ke bagian web masing masing. dan ketika kita gulirkan ke bawah, maka  akan  menampilkan tampilan seperti ini :

Di bagian sini terdapat pengenalan dan penjelasan apa saja yang terdapat di klinik kami, seperti treatment apa, facial apa beserta penjelasan masing-masing, beserta gambar maupun video.

Dan dibagian bawah merupakan penjelasan mengapa memeilih produk kami. dan jika kita mengkliknya maka akan tersambung ke bagian masing-masing.

 

Saya membuat web ini menggunakan bahasa php, dan css untuk mendesignya. Terima kasih 

Arsitektur Web dan Aplikasi Utama

Kelompok kami membuat sebuah website Klinik kecantikan. Dimana di dalam webstite tersebut terdapat jenis perawatan, jadwal praktek, lokasi klinik, dan biaya yang terdapat dalam Klinik tersebut.

Berikut Tampilan Web yang sudah kelompok saya buat :

Dan berikut navigasi bar yang terdapat di web saya :

Berikut adalah penjelasan dari navigasi bar yang terdapat diberanda:

1. Beranda      

Beranda adalah halaman utama dari web yang kelompok saya buat terdiri dari tulisan selamat datang dan fakta-fakta tentang klinik.

2. Menu Perawatan

Menu ini digunakan untuk mengetahui jenis perawatan apa saja yang terdapat di klinik kami serta biaya masing-masing perawatan. 

a. Jenis Perawatan

 --> menampilkan jenis perawatan apa saja yang ada, serta gambaran dan penjelasan dari masing-masing perawatan 

b. Biaya

--> Menu ini menampilkan biaya masing-masing perawatan yang terdapat di web kami, dan akan diperbarui jika da perubahan harga

3. Jadwal Praktek

    Menu ini menampilkan jawal praktek para dokter sehingga para member clinic dapat mengetahui jadwal dokter masing-masing tanpa datang ke lokasi.

4. Lokasi Klinik

    Menu ini menampilkan lokasi dan kontak cabang klinik di masing-masing daerah

5. Testimonial

    Menu ini menampilkan para testi para member dan yang sudah melakukan perawatan di Civo clinic

6. Login

   Menu ini diperuntukan untuk member dengan id member serta password. Masing masing member dapat melihat riwayat perawatan serta konsultasi masalah mereka sebelumnya

Dan berikut menu beranda yg saya buat:

Saya membuat web ini dengan menggunakan php serta css untuk tampilan, untuk kodingannya saya menggunakan notepad++ dan sublime Text. Terima kasih

TENTANG WEB SCIENCE

WEB SCIENCE

Apa itu Web Science?

Web Science terdiri dari dua kata yang berbeda, yaitu Web dan Science. Web adalah kumpulan halaman yang dapat menampilkan informasi berupa gambar, animasi, suara maupun gabungan dari semuanya yang bersifat statis ataupun dinamis. Sedangkan, Science adalah ilmu pengetahuan yang di dapat dan bias menjadi pengetahuan untuk masyarakat. Sehingga dapat disimpulkan, Web Science adalah ilmu yang mempelajari efisiensi atau pemanfaatan sebuah Web agar manfaat dan kegunaannya berguna untuk kehidupan sehari-hari dengan memberdayakan sumber daya virtual sebagai media komunikasi dan informasi dengan tampikan yang menarik.

Web Science  didirikan pada tahun 2006 dengan nama Web Science Research Initiative (WSRI) atau sebuah lembaga yang bergerak di bidang penelitian web. Kemudian di tahun 2009 berganti nama menjadi the Web Science Trust. Setelah itu tim Berners-Lee sebagai pemimpin dari program penelitian terebut bermaksud menarik pemerintah dan swasta terlibat dalam pembuatan kurikulum sebagai syarat untuk lulus sebagai sarjana. Tujuan dari web science adalah  untuk mengetahui bagaimana cara mengetahui source code dari web itu sendiri dan bagaimana kita dapat memanfaatkan web tersebut untuk melakukan hal yang positif.

 Perkembangan  dalam dunia website

perkembangan terbaru pada dunia web :

CakePHP Framework

CakePHP

CakePHP merupakan open-source PHP terdepan, yang menyediakan banyak fitur seperti form validasi, perlindungan CSRF, pencegahan XSS, code generation sebagainya.

Namun, karena berada di atas PHP, maka diperlukan terlebih dahulu dasar pemahaman untuk :

a) Pemrograman berorientasi objek- minimal mengetahui untuk membuat fungsi atau method.

b) PHP array

c) Pemahaman mengenai MYSQL dan menulis skema database yang clean.

d) Memahami mengenai sesi dan PHP post data

Laravel Framework

laravel-logo-white.png

Laravel merupakan salah satu open-source PHP framework yang kuat dan populer. versi terakhirnya dilengkapi dengan fitur modern dan sangat berguna seperti object-relational mapping (ORM), routing, autentifikasi, queue library dan sebagainya.

Laravel ditujukan agar proses pengembangan menjadi sesuatu yang ‘menyenangkan’, bagi developer tanpa mengorbankan sisi fungsionalnya.

Visualisasi data menggunakan D3JS

D3.js-Logo.png

D3JS merupakan JavaScript library untuk menghasilkan visualisasi data yang dinamis dan interaktif pada browser web. Digunakan secara luas penerapannya pada standar SVG, HTML5 dan CSS, serta sebagai penerus kesuksesan dari pendahulunya yaitu Protovis framework.

Dalam era bisnis modern, visualisasi data merupakan aspek yang sangat penting. Visualisasi data ini akan memungkinkan presentasi data dilakukan dengan elemen visual yang interaktif, seperti menggunakan diagram statistik, diagram batang, diagram lingkaran dan lain sebagainya.

JQuery mobile

JQuery mobile adalah sistem interface berdasarkan HTML 5, yang didesain untuk membuat website yang responsif dan aplikasi yang dapat diakses oleh semua smartphone, tablet dan perangkat dekstop.

jquery-444684_1280 JQuery mobile mendukung berbagai sistem operasi

Pengembangan mobile saat ini  membuka peluang besar dalam pertumbuhan karir. Namun, tantangan terbesar yang dimiliki oleh para mobile developer adalah bagaimana agar aplikasi dan website dapat berjalan dengan mulus pada berbagai perangkat seperti pada berbagai platform.

JQuery mobile merupakan suatu teknologi software yang sangat kuat, yang memungkinkan para developer untuk mengembangkan aplikasi mobile lintas platform yang beroperasi pada berbagai perangkat mobile seperti smartphone dan tablet, selain itu juga mendukung berbagai sistem operasi pada mobile, seperti android, iOS dan Windows.

Angular 2

angularjs_logo.svg_

Angular 2 adalah front-end framework lintas platform yang modern, yang telah mempertahankan semua fitur utama dari angular.js. Disamping itu, Angular 2 juga sudah menyediakan fitur tambahan dan kemampuan-kemampuan lainnya, seperti orientasi objek yang mudah, penggabungan Flux dan React.js, penggunaan uang komponen, dan dukungan robust untuk pengembangan mobile.

Sedangkan angular.js merupakan teknologi pengembangan web yang sangat kuat, dan juga cukup populer dikalangan para web developer. Saat ini, angular.js telah melakukan sebagian besar update pada versi terbarunya dan angular 2 telah dirilis.

daftar pustaka

https://bagasardian.wordpress.com/2017/03/22/perkembangan-terbaru-dalam-dunia-web/

http://si283.ilearning.me/2015/11/20/pengertian-sejarah-dan-perkembangan-web-science/