Membuat Desain Website Menggunakan SceneBuilder

Pada kesempatan kali ini, kami kelompok 1 akan membuat tampilan web e-learning bimbel untuk anak SD. Di sini saya mendapat tugas untuk membuat tampilan latihan soal menggunakan SceneBuilder. Tools-tools yang digunakan antara lain:

·        AnchorPane = Berfungsi sebagai background dan panel untuk meletakkan tools-tools yang akan digunakan.

·         Label = Berfungsi untuk membuat tulisan.

·         Pagination = Berfungsi sebagai halaman pengerjaan soalnya.

·         RadioButton = Berfungsi untuk mengklik jawaban yang dipilih.

Langkah-langkah pengerjaan:

1.    Masukkan AnchorPane ke field yang telah disediakan. Atur resolusi dan warnanya sesuai dengan keinginan kita.

2.    Masukkan Pagination ke AnchorPane. Yang berguna sebagai halaman pengerjaan soal, yang sudah disediakan angka banyaknya soal, yang dapat kita next maupun previous.

3.    Masukkan Label ke AnchorPane. Untuk membuat tulisan pada AnchorPane.

4.    Masukkan RadioButton ke AnchorPane. Sebagai tempat untuk mengklik jawaban yang kita pilih.

Sceenshoot tersebut adalah halaman utama pada soal latihan, user dapat memilih jawaban soal tersebut dengan mengklik radio button tersebut, dapat juga pindah ke halaman selanjutnya dengan menekan angka-angka atau panah di bagian bawah. Di akhir soal akan ada tombol submit untuk mengakhiri pengerjaan soal tersebut. Dan akan ketahuan berapa nilai yang diperoleh.

Revolusi Aplikasi Web Science

Apa itu web science?

Web Science atau segala sesuatu yang berkaitan dengan ilmu pengetahuan yang diperoleh dari sumber yang akurat dan dapat di unduh dari dunia maya tanpa kita harus menuju ke sumber informasi yang ada di informasi yang ingin kita cari, sehingga memudahkan kita untuk memperoleh informasi.

Dalam hal lain Web Science juga berarti cara-cara atau metode-metode yang digunakan dalam membuat website yang baik atau dengan kata lain bisa di bilang Web Science adalah ilmu pengetahuan yang sudah dilakukan penelitian dari Web yang muncul melalui desentralisasi sistem Informasi. Karena ruang lingkup Web Science yang begitu besar, maka kami akan menegaskan hanya pada fitur terbaru dari HTML dan PHP.

Aplikasi HTML

HTML  merupakan singkatan dari Hypertext Markup Language yang dikembangkan pertamakali oleh Tim Berners Lee, HTML adalah bahasa yang dapat dimengerti oleh komponen komputer saat digunakan dalam pengembangan web secara standar. Dari tahun 90an html sudah merilis versi pertamanya yang dikembangkan seiring berjalannya waktu. Versi terbaru html sampai sekarang adalah HTML5 yang memiliki fitur baru yang lebih fleksibel dibandingkan pendahulunya. HTML5 ialah versi html yang diperbaharui hingga sekarang yang secara resmi dirilis pada tahun 2009 yang menjadi standar terbaru sebuah web saat ini. HTML5 merupakan proyek kerjasama antara W3C (World Wide Web Consurtium) dan WHATG (Web Hypertext Application Technology Group).

Fitur terbaru dalam HTML5 yang mungkin sangat membantu yaitu :

1. WebSocket: Sebuah generasi teknologi terbaru komunikasi dua arah untuk aplikasi web.
2. Server-Sent Events: memperkenalkan even yang mengalir dari web server ke web browser yang disebut Server-Sent Events (SSE).
3. Canvas: Ini mendukung gambar dua dimensi surface yang dapat diprogram dengan JavaScript.
4. Audio & Video: Anda dapat menanamkan/embed audio atau video pada halaman web Anda tanpa menggunakan plugin pihak ketiga.
5. Geolocation: Pengunjung dapat memilih untuk berbagi lokasi fisik mereka dengan aplikasi web anda.
6. Microdata: Ini memungkinkan Anda membuat kosakata Anda sendiri di luar HTML5 dan memperluas halaman web Anda dengan kostum semantics.
7. Drag and drop: Drag dan drop item dari satu lokasi ke lokasi lain pada halaman web yang sama.

Aplikasi PHP

PHP adalah singkatan dari Hypertext Preprocessor yang merupakan bahasa pemrograman script server-side yang dapat ditanamkan dan disisipkan ke dalam HTML dengan tujuan untuk pengembangan web. Selain itu, PHP juga dapat digunakan sebagai bahasa pemrograman umum. Bahasa PHP mulai dirilis pada tahun 1995 dan terus berkembang hingga sekarang. PHP versi 7.1 pada tanggal 1 Desember 2016 adalah versi paling terbaru yang dikeluarkan oleh PHP, yang sekarang menyertakan void return type, class constant visibility modifiers, nullable types, iterable pseudo-type, catching multiple exception types.

Sourcers:

http://verdiandzilqurnaini.blogspot.com/2015/04/mengenal-html5-fitur-fitur-baru-dari.html

http://strukturweb.blogspot.co.id/2015/11/pengertian-php-sejarah-perkembangan-versi-php.html?m=1

https://megawatipertiwi.wordpress.com/2016/04/01/pengantar-web-science/

http://rplid.blogspot.co.id/2015/07/versi-html-dari-awal-hingga-sekarang.html