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/

Revolusi Industri dan Era Digital

Nama     : Nadhira Fauzia
Kelas     : 2IA02
NPM     : 55418115
LINK    : https://www.youtube.com/watch?v=BgI1XdjMpzs&feature=youtu.be

PERKEMBANGAN SURAT KABAR

Zaman berganti, Era berganti, kebiasaan terganti, Mulai dari perubahan cara hidup, cara berpikir, cara bekerja, dan lain sebagainya. Salah satu perubahan yang paling mencolok adalah internet. Yang berawal sederhana  menjadi serba modern.Hal yang paling menonjol atas pergantian zaman ini adalah perubahan media. Dulunya, media hanya sebatas majalah, koran cetak, flyer, dan lain sebagainya.

Tetapi, seiring perkembangan zaman dan teknologi, segala sesuatunya dapat digitalisasi menjadi lebih rapih dan mudah untuk diakses dengan menggunakan Internet oleh semua orang. Perkembangan surat kabar ini dengan menggunakan teknologi masa kini dari yang bersifat analog hingga menjadi digital. Tidak semua tetapi banyak.

PERUBAHAN SURAT KABAR ANALOG MENJADI DIGITAL

Pada masa globalisasi sekarang ini pandangan masyarakat Indonesia, khususnya terhadap media massa semakin kritis dalam menerima informasi. Media massa lahir sebagai wadah yang paling efektif untuk mensosialisasikan berbagai informasi tersebut kepada khalayak tanpa batasan jarak dan waktu

A. Pengertian Surat Kabar 

Surat kabar adalah salah satu media massa yang masih diminati hingga saat ini, dilihat dari bentuk fisiknya surat kabar merupakan media analog (media cetak). Pada bentuk standar media cetak seperti koran, memiliki ukuran delapan dan sembilan kolom ke samping, sedangkan pada bentuk baru, memiliki

ukuran enam dan tujuh kolom. 

Surat Kabar Digital merupakan surat kabar yang dapat diakses melalui media  elektronik sepetti komputer atau ponsel cerdas dengan menggunakan internet. Karena Perkembangan teknologi, surat kabar yang sebelumnya berbentuk media cetak kini tak lagi berupa fisik melainkan berbentuk digital atau elektonik. Berbeda dengan surat kabar analog, surat kabar digital lebih mudah diakses, tidak seperti analog yang harus membeli barang (koran/majalah) terlebih dahulu, surat kabar digital dapat langsung didapatkan dan diakses lewat manapun.

B. Kelebihan Surat Kabar Digital

• Lebih mudah di akses

• Lebih menarik karena bisa disisipkan video dan gambar

• Bisa melihat komentar tentang apa yang diberitakan

C. CONTOH SURAT KABAR DIGITAL

Surat kabar digital atan koran elektronik adalah surat kabar dalam bentuk elektronik yang dapat diakses dengan komputer atau ponsel cerdas. Seperti kompas, detik.com, dll. Koran kompas, selain memiliki edişi cetak meraka juga memiliki portal berata online yang mana beritanya akan sama maupun tidak dengan edişi cetak.

PENGARUH SURAT KABAR TERHADAP MOBILITAS, EFEKTIVITAS DAN IDENTITAS TERHADAP BUDAYA 

1. Pengaruh terhadap Mobilitas 

Pengaruh digitalisasi terhadap mobilitas adalah membuat penyampaian berita lebih menarik dan data dibaca oley semua orang, mulai dari kalangan muda sampai kalangan tua. Lebih memudahkan embaça untuk mencari berita yang lama karena semua tersimpan dan gimping dicer

2. Pengaruh terhadap Efektivitas 

Efektif berarti mengandung efek, ada pengaruh atau akibatnya. Efektivitas adalah pengukuran keberhasilan dalam pencapaian tujuan-tujuan yang telah ditentukan.

• Penyampaian berita yang awalnya berjalan lambat kini berjalan lebih cepat dan efektif
• Penghematan biaya yang sebelumnya dipakai untuk mencetak dan mengantarkan ke masing masing konsumen, kini hanya perlu internet dan tinggal di upload.
• Ramah lingkungan Karena tidak membuang-buang kertas  

3. Pengaruh terhadap Identitas

Menurut saya dengan terciptanya surat kabar digital tetap mempertahankan Identitasnya yaitu menyampaikan berita dan informasi untuk masyarakat. Tetapi surat kabar digital lebih sering berbeda isi dengan yang cetak. Surat kabar digital juga mempunyai dampak negative tersendiri, Karena mengikuti perkembangan zaman, banyak surat kabar digital yang tidak menggunakan ejaan dan tata Bahasa indonesia yang benar. dan banyak yang memakai clickbait yang berbeda dengan isi berita

Mengenal Teknologi Internet dan New Media

TEKNOLOGI INTERNET DAN NEW MEDIA

Di zaman modern seperti sekarang ini, sudah masuk pada industri 4.0, dimana kehidupan tak bisa lepas dari teknologi bernama Internet. Anda yang merupakan generasi tahun 2000-an pastinya sudah tidak asing lagi. Hampir semua orang dari anak-anak hingga dewasa sudah mengenal apa itu internet dan banyak pula yang sudah menggunakannya pada kehidupan sehari-hari. Dengan adanya teknologi Internet ini dapat memudahkan pekerjaan banyak orang seperti berjualan, berkomunikasi atau pun pekerjaan lainnya.

Lalu, apa sebenarnya pengertian Teknologi Internet itu? Mari baca penjelasan berikut!

Apa Pengertian dari Tenologi Internet?

Internet atau Interconnection Networking adalah sistem global dari keseluruhan jaringan komputer yang saling terhubung menggunakan stadar Internet Protocol Suite (TCP/IP)  yang digunakan untuk melayani dan menghubungkan perangkat yang ada di seluruh dunia. 

Awalnya internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969 melalui sebuah proyek yang disebut dengan ARPANET. Misi awal dari proyek ini awalnya hanya untuk keperluan militer saja, tetapi lambat laun terus berkembang dan bisa dinikmati oleh semua kalangan

Untuk membatasi definisi Teknologi yang sangat luas, maka pengertian dari Teknologi dapat dikelompokkan menjadi berikut :

1. Teknologi sebagi suatu media buatan
2. Teknologi sebagai alat bantu manusia 
3. Teknologi sebagai sebuah kumpulan ilmu pengetahuan
4. Teknologi sebagai sistem yang sempurna

Dibalik pengertian dari Internet, terdapat beberapa manfaat Internet itu sendiri. Berikut merupakan beberapa fungsi/manfaat dari internet :

• Tempat Menambah Wawasan dan Pengetahuan
• Mempermudah Komunikasi menjadi lebih cepat
• Internet sebagai Wahana Hiburan
• Berbagi apapun menjadi lebih mudah
• Mudah dalam mencari Informasi
• Membuka lapangan kerja baru
• Memangkas jarak dan waktu
• Membuat individu lebih berkembang

Tetapi di balik manfaat internet yang sukup banyak, terdapat juga dampak negatif dari Internet, yaitu Mengecilnya Ruang Privasi, Mudah beredarnya Informasi Palsu, berdampak pada Kesehatan Manusia. 

Apa yang Dimaksud New Media ?

Munculnya istilah media baru atau New Media di akhir tahun 1980-an membuat dunia media dan komunikasi terlihat sangat berbeda. Perkembangan media dari media konvensional hingga media baru atau New Media, turut mempengaruhi berbagai aspek kehidupan manusia (aspek ekonomi, sosial dan budaya). Kehadiran New Media tidak lepas dari perkembangan teknologi yang sifatnya dinamis. Di era New Media, perubahan bentuk, produksi, distribusi dan konsumsi media terlihat sangat kompleks. 

New Media merupakan sebuah terminologi untuk menjelaskan konvergensi antara teknologi komunikasi digital yang terkomputerisasi serta terhubung ke dalam jaringan. Menurut Marshall McLuhan media baru atau new media adalah perkembangan teknologi komunikasi yang dalam sejarahnya telah memperluas jangkauan komunikasi manusia.

Berikut merupakan karakteristik dari New Media:

Digital

Dalam proses media digital semua data input diubah menjadi angka. Data tersebut sebenarnya analog yang diproses dan disimpan dalam bentuk angka serta dapat dihasilkan dalam bentuk online, disk digital atau drive memori sehingga output-nya berupa teks tertulis, grafik dan diagram, foto serta gambar bergerak yang direkam.

Interaktivitas

Ketika media konvensional memberikan penawaran pasif, New Media justru memberikan penawaran interaktivitas. Menjadi interaktif menandakan pengguna New Media mampu campur tangan atau terlibat secara langsung dalam mengubah gambar dan teks yang mereka akses.

Hipertekstual

Hipertekstual terjadi jika terdapat transisi yang dihasilkan oleh pertemuan antara studi sastra dan potensi New Media. Hipertekstual digunakan untuk mendeskripsikan teks yang menyediakan jaringan tautan ke teks lain

Jaringan

New Media membagi audiens dalam beberapa segmen, meskipun jumlahnya besar namun tidak berarti seragam. New Media merupakan jaringan pada tingkat konsumsi di mana terlihat segmentasi yang dihasilkan dari penggunaan media.

Virtual

New Media mencakup wacana dunia virtual, ruang, objek, lingkungan, kenyataan, diri dan identitas. Virtual dapat diartikan sebagai fitur budaya postmodern dan masyarakat yang maju secara teknologi, di mana begitu banyak aspek pengalaman sehari-hari yang disimulasikan secara teknologi.

Simulasi

Simulasi adalah konsep yang digunakan secara luas dalam literatur New Media, atau dapat disebut 'imitasi' atau 'perwakilan'.

Karakteristik di atas merupakan matriks kualitas yang membuat New Media berbeda. Kualitas-kualitas tersebut tidak sepenuhnya berfungsi dalam teknologi, semuanya tercampur dalam organisasi budaya yang melibatkan aspek sosial dan ekonomi.

Dengan pengertian yang saya jabarkan diatas, saya sebagi mahasiswa teknik Informatika akan membuat aplikasi bernama "Konsultasi". Kenapa konsultasi? Banyak dikalangan pemuda-pemudi sekarang yang terkadang stress, butuh konsultasi ke psikolog namun tidak mempunyai biaya yang cukup. Dengan aplikasi ini saya akan membantu teman teman yang mempunyai masalah ataupun butuh saran dari psikolog langsung dapat berkomunikasi lebih mudah dengan aplikasi ini dan langsung ditangani oleh Psikolog ahli. Di aplikasi ini juga terdapat fitur berkomunikasi dengan sesama, dan ada juga kegiatan yang akan merilex an para pasien. Terimakasih

Daftar Pustaka :

https://id.wikipedia.org/wiki/Media_baru

https://www.kompasiana.com/verinacornelia1703/5b7b1087bde5757a381cbca5/media-baru-dan-teknologi-baru-new-media-and-new-technologies

https://www.nesabamedia.com/pengertian-fungsi-dan-manfaat-internet-lengkap/