Design Website E-Commerce

Halo blogger semua, kali ini saya akan memperkenalkan desain web yang saya buat bersama teman teman kelompok saya di matkul "Softskil" yang membuat desain web bertema "E-Commerce" yang dimana website tersebut mengusung dunia perbisnisan di dunia digital sekarang. Banyak sekali sekarang sedang tren di mana para startup membuat bisnis dan bersaing dibidang yang kita biasa sebut Technopreneur dan Digitalpreneur, di era informasi yang serba apa apa digital dan kita dekat sekali dengan yang namanya gadget membuat para inovator berlomba membuat suatu inovasi dimana dapat menarik konsumen yang membuat banyak sekali keuntungan seperti halnya konsep yang saya buat kali ini.

Website yang saya buat kali ini bernama BISNISKU.com, web ini bertujuan untuk menawarkan kepada orang orang untuk menjadi investor dan reseller dari produk bisnis rumahan yang sudah terdaftar di web kami, di web ini kita bisa membagi jenis-jenis kalangan dari kalangan bawah hingga menengah atas

Pada tampilan ini, merupakan tampilang menu login dan juga menu signup di mana merupakan portal gerbang masuk ke menu utama web kami, dalam tampilan pembuka ini kami menawarkan tampilan berupa media partnership dari perusahaan yang kami buat semisal gojek sebagai partner pembayaran, lalu ada alfamart sebagai media pembayaran, lalu ada juga bank bank juga sebagai media transfer. Website kami juga menawarkan overview perusahaan perusahaan kecil yang sudah terdaftar di web kami dan juga count banyaknya investor, perusahaan, dan juga reseller yang sudah terdaftar.

Lalu pada tampilang selanjutnya kami menampilkan langkah langkah menjadi investor, lalu mendaftarkan perusahaan rumahan dan menjadi reseller di web kami

Selanjutnya pada bagian web kami ini kami menjelaskan apa saja keuntungan yang konsumen dapatkan dengan bergabung menjadi bagian dari bisnis kami

Akhir dari tampilan yang saya buat, para produsen dijelaskan langkah langkah apa saja jika ingin mendapatkan keuntungan dari web kami, mudah, efisien, dan mendapatkan untung yang banyak

Itulah guys tugas yang saya kerjakan, sisanya akan dikerjakan oleh kawan sekelompok saya ;) makasih 

PERKEMBANGAN TERBARU DALAM DUNIA WEB

Hallo Fellas... Selamat malam.. kali ini saya ingin membahas tentang perkembangan teknologi informasi di dunia WEB.. langsung aja kita bahas yuk ...

World Wide Web atau yang biasa kita kenal dengan singkatan WWW merupakan satu buah ruang informasi yang digunakan oleh pengenal global yang dinamakan URL.WWW merupakan kumuplan situs server dari seluruh dunia yang memiliki kegunaan untuk menyediakan data dan info agar bisa digunakan bersama. Melalui web para pengguna bisa terhubung dengan berbagai informasi yang tidak hanya berupa teks, namun juga dapat berupa gambar, nada, video ataupun animasi

Fenomena Perkembangan Web :

1)   Web 1.0 :

Adalah generasi pertama dari website di internet. Pada tipe ini pengunjung hanya bisa mencari (searching) dan melihat-lihat (browsing) data informasi yang ada di web. Jadi web tipe ini terlihat seperti papan pengumuman di dunia maya.Dalam hal ini pengunjung tidak ada proses input data ke website.

2)  Web 2.0 :

Era pengembangan web kedua (Web 2.0) di mana pengunjung mulai dapat melakukan interaksi dengan diatur oleh sistem yang ada pada web. Web 2.0 sendiri merupakan sebuah istilah yang pertama kali dicetuskan pada tahun 2003 oleh O’Reilly Media,  dan dipopulerkan pada konferensi web 2.0 pertama di tahun 2004.

Web 2.0 memiliki beberapa ciri mencolok yaitu share, collaborate dan exploit. Di era Web 2.0 sekarang, penggunaan web untuk berbagi, pertemanan, kolaborasi menjadi sesuatu yang penting. Web 2.0 hadir seiring maraknya pengguna blog, Friendster, Myspace, Youtube dan Fickr. Jadi disini kehidupan sosial di dunia maya benar-benar terasa.

3)  Web 3.0 :

Lambat laun kebiasaan dan kebutuhan orang di dunia maya selalu berubah dan bertambah. Hal ini juga sejalan dengan semakin cepatnya akses internet broadband dan teknologi komputer yang semakin canggih. Jika pada telekomunikasi sudah mulai terdengar isu era 4G, begitu juga yang terjadi pada dunia website yang juga memunculkan isu akan segera hadirnya era baru yaitu Web 3.0. Teknologi web generasi ketiga ini merupakan perkembangan lebih maju dari Web 2.0 dimana disini web seolah-olah sudah seperti kehidupan di alam nyata. Web 3.0 memiliki ciri-ciri umum seperti suggest, happen dan provide.

Di dalam suatu teknologi web banyak sekali komponen penyusun dalam pembuatan website tersebut seperti halnya html untuk menyusun kerangka web, lalu juga ada css untuk memperindah tampilan kerangka web tersebut, lalu juga ada yang namanya javascript agar tampilan web lebih dinamis dan interaktif dan lainnya. Kali ini saya akan membahas tentang perkembangan javascript, framework yii, dan asp

 JAVASCRIPT

Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.

SEJARAH SINGKAT JAVASCRIPT

Sejarah JavaScript dimulai sekitar tahun 1994, ketika internet dan website sedang mengalami perkembangan yang pesat. Website pada saat itu umumnya dibuat menggunakan bahasa pemograman PERL yang pemrosesannya hanya bisa dilakukan di sisi web server.

Kelemahan pemrosesan di sisi web server adalah, setiap instruksi dari user harus dikirim terlebih dahulu kepada web server, baru kemudian ditampilkan lagi di dalam web browser. Karena kecepatan rata-rata  koneksi internet yang terbatas, hal ini dipandang tidak efisien. Programmer web membutuhkan bahasa pemograman client-side yang bisa berjalan di web browser tanpa harus dikirim ke server.

Pada tahun 1995, Brendan Eich seorang programmer dari Netscape mulai mengembangkan sebuah bahasa pemograman script yang dinamakan Mocha. Netscape pada saat itu merupakan perusahaan software ternama yang memiliki web broser Netscape Navigator.

Bahasa script Mocha ini ditujukan untuk client-side dan juga server-side. Dalam perkembangan selanjutnya, nama Mocha diubah menjadi LiveScript untuk versi client-side, dan LiveWire untuk versi server-side.

Pada saat bahasa pemograman tersebut akan dirilis, Netscape mengadakan kerjasama dengan Sun Microsystems untuk mengembangkan LiveScript, dan tepat ketika Netscape Navigator 2 dirilis, Netscape merubah nama LiveScript menjadi JavaScript dengan tujuan bahasa baru ini akan populer seperti bahasa Java yang saat itu sedang booming di kalangan programmer. Versi JavaScript ini dinamakan dengan JavaScript 1.0.

PERKEMBANGAN JAVASCRIPT

Perubahan Menjadi Nama Standar: ECMAScript

Implementasi JScript di dalam Internet Explorer membuat kalangan programmer bingung, karena terdapat 2 versi JavaScript: JavaScript di Netscape Navigator and JScript pada Internet Explorer. Versi JavaScript juga memiliki 2 versi, yakni versi 1.0 dan 1.1. Hal ini semakin menambah kerumitan dalam pembuatan program. Permasalahan terjadi karena ketiga versi JavaScript tersebut memiliki perbedaan fitur.

Kejadian ini sama seperti yang dialami oleh HTML dan CSS, dan kalangan programmer sepakat bahwa diperlukan sebuah  standarisasi untuk JavaScript.

Pada pertengahan tahun 1997, JavaScript 1.1 diajukan ke badan standarisasi Eropa: European Computer Manufacturers Association (ECMA) untuk membuat sebuah standar bahasa pemograman script web browser. Atas dasar ini, dibentuklah sebuah komite dengan anggota yang terdiri dari programmer dari berbagai perusahaan internet pada saat itu, seperti Netscape, Sun, Microsoft, Borland, NOMBAS serta beberapa perusahaan lain yang tertarik dengan perkembangan JavaScript.

Komite standarisasi ini menghasilkan bahasa pemograman yang disebut ECMAScript, atau secara formal disebut ECMAScript -262. 1 tahun berikutnya, badan standarisasi ISO (International Organization for Standardization) juga mengadopsi ECMAScript sebagai standar. Sejak saat itu, semua web browser menjadikan ECMAScript sebagai standar acuan untuk JavaScript.

ECMAScript terus dikembangkan hingga mencapai versi 3 pada tahun 1999. Berita baiknya, hampir semua web browser saat itu, terutama Microsoft Internet Explorer 5.5 dan Netscape 6 telah mendukung ECMAScript-262 versi 3. Namun berita buruknya, masing-masing web browser menerapkan standar dengan sedikit berbeda, sehingga masih terdapat kemungkinan tidak kompitable.

ECMAScript versi 5

ECMA-262 versi 5 dirilis pada 2009. ECMAScript versi 4 sengaja dilompati karena beberapa alasan ketidakcocokan proposal yang diajukan. ECMA-262 versi 5 inilah yang saat ini menjadi versi paling stabil dan terdapat di mayoritas web browser modern seperti Internet Explorer, Google Chrome, Firefox, Opera, dan Safari.

Akan tetapi, perbedaan implementasi ECMAScript tetap ada di dalam web browser. Biasanya perbedaan ini terkait dengan fitur-fitur tambahan. Salah satu cara programmer untuk mengatasi masalah ini yaitu dengan mendeteksi web browser yang digunakan user, lalu menjalankan fungsi yang dirancang secara spesifik untuk web browser tersebut. Proses ini dikenal sebagai browser sniffing, dan bukan sesuatu yang menyenangkan.

Kabar baiknya, sekarang banyak terdapat library JavaScript  yang dirancang untuk melapisi perbedaan ECMAScript ini, salah satunya adalah jQuery. jQuery menyediakan fungsi otomatis dalam mengatasi perbedaan implementasi ECMAScript di dalam web browser.

ECMAScript 6

ECMAScript 6 atau ES6 atau ECMAScript 2015 dirilis pada bulan Juni 2015. Cukup banyak penambahan baru pada versi ini, sebagian besar merupakan fitur lanjutan untuk membuat aplikasi yang memiliki kompleksitas tinggi, seperti penggunaan JavaScript di server menggunakan node.js.

Diantara fitur tersebut adalah: iterator baru, python-style generator, arrow function, binary data, typed arrays, collections (maps, sets and weak maps), promises untuk membuat asynchronous programming, penambahan function untuk tipe data number dan math, reflection, serta proxies (metaprogramming untuk virtual objects dan wrappers).

Mulai dari ECMAScript 6 dan selanjutnya, penamaan ECMAScript akan menggunakan nama tahun saat standar tersebut dirilis, seperti ECMAScript 2015, ECMAScript 2016, dst. Banyak perdebatan mengenai pilihan nama ini, sehingga masih sering disebut sebagai ECMAScript 6.

ECMAScript 7

ECMAScript 7 atau nama resminya: ECMAScript 2016, diselesaikan pada Juni 2016. Fitur baru termasuk exponentiation operator (**) dan Array.prototype.includes.

Karena relatif baru, belum banyak web browser yang menerapkan ECMAScript 7.

FRAMEWORK YII

Yii merupakan salah satu dari sekian banyak framework PHP yang cukup populer dikalangan PHP Developer. Adapun Yii di kembangkan oleh Qiang Xue pada 1 Januari 2008, seorang programmer berkebangsaan China yang sebelum nya juga telah mengembangkan framework PHP bernama Prado. Oleh karena itu tak heran jika Qiang juga mengadopsi teknik-teknik yang dipakai pada Prado saat mengembangkan Yii. Selain terinspirasi oleh Prado, Yii juga terinspirasi oleh framework luar yaitu Ruby On Rails terutama pada mekanisme ORM nya. Dan masih banyak lagi yang menginspirasi Yii framework seperti Symfony dan Joomla.

Fitur Yii

MVC(Model - View - Controller)

Hampir semua framework PHP saat ini berbasis MVC, tidak terkecuali Yii karena dengan MVC aplikasi menjadi lebih terstruktur dan mudah di pahami.

ORM(Object Relational Mapping)

Object Relational Mapping merupakan salah satu keunggulan Yii dalam urusan Database, jika kita lihat secara spesifik lagi maka Yii sebenarnya menyediakan mekanisme seperti DAO(Data Access Object), Query Builder(seperti di framework CI), Active Record(ORM) dan Database Migration. Dengan ORM pekerjaan developer menjadi terbantu karena tidak perlu menulis query SQL yang rumit lagi, cukup dengan memanggil fungsi-fungsi tertentu.

Form input dan validasi

Yii sangat membantu sekali dalam urusan menangani form input, karena para developer telah disediakan sejumlah validator yang akan memvalidasi inputan dari pengguna aplikasi dengan cara yang mudah dan efisien.

Widget

Widget merupakan konsep di Yii yang menyediakan komponen-komponen user interface yang siap pakai, misal nya data grid, autocomplete, tree view dll. Adapun widget-widget ini ada yang terintegrasi dengan library Jquery sehingga memungkinkan untuk mekanisme AJAX.

Autentikasi dan Autorisasi

Yii sudah menyediakan mekanisme Autentikasi(login, logout) dan Autorisasi(hak akses) terhadap pengguna sistem, sehingga kita tidak perlu lagi repot-repot membuat dari pertama.

Skin dan Tema

Masalah tampilan pun sudah di perhatikan  oleh Yii, dengan konsep Skinning kita bisa meng-costumize tampilan komponen user interface di aplikasi kita menggunakan CSS sedangkan dengan konsep Theming kita bisa mengganti-ganti seluruh tampilan aplikasi dengan mudah.

Web Service

Yii memiliki support yang cukup baik untuk membuat web service pada web kita seperti meng-generate spesifikasi WSDL service secara otomatis.

Internationalization(I18N) dan Localization(L10N)

Yii mensupport translasi pesan, tanggal dan format waktu sesuai dengan lokasi dimana anda berada.

Caching

Dengan caching, aplikasi yang kita rancang bisa menjadi lebih cepat, dan Yii mempermudah mekanisme itu dengan menyediakan class-class yang siap pakai dan mensupport banyak teknik seperti APC dan memcached.

Penanganan Error dan Logging

Segala pesan error yang keluar dari aplikasi anda ditampilkan secara bagus dan mudah dimengerti, mekanisme logging nya juga sangat bagus, sebab kita bisa memilih untuk menampilkan langsung ataupun disimpan ke suatu file di server.

Security

Yii memiliki fitur keamanan yang membantu dalam mencegah serangan-serangan seperit SQL Injection, XSS, CSRF, Cookie Tampering dll.

Bisa bekerja dengan library luar(3rd party)

Yii telah di desain sedemikian rupa sehingga kita bisa memasang library external dari pihak ketiga untuk di sematkan dalam aplikasi kita

Dokumentasi yang lengkap

Dokumentasi Yii framework bisa dibilang cukup lengkap, setiap method dan property sudah terdokumentasi dengan baik, buku-buku(ebook) dan tutorial mengenai Yii juga lengkap di website nya

Unit dan Fuctional testing

Yii memiliki support penuh terhadap Test Driven Development, sehingga melakukan testing terhadap aplikasi kita menjadi lebih mudah dan menyenangkan, Yii mensupport PHPUnit dan Selenium.

Extensions

Yii memiliki segudang extensions. Extension sendiri merupakan kontribusi dari pengguna-pengguna Yii dengan membuat widget, library ataupun component yang bisa dipakai dan belum ada di Yii secara built-in.

FRAMEWORK ASP

ASP.NET singkatan dari Active Server Pages NET. Bahasa pemograman ini dikembangkan oleh Microsoft. ASP.NET digunakan untuk membuat halaman web yang merupakan bagian integral dari Microsoft .NET framework. Sebagai anggota dari .NET, ASP.NET adalah tool yang sangat berguna bagi programmer yang memudahkan programmer untuk membuat website yang dinamis yang disertai dengan bahasa VB dan C#.

ASP.NET tidakhanya terbatas pada bahasa script, tetapi memungkinkan Anda untuk menggunakan bahasa NET seperti C #, J #, VB, dll. Hal ini memungkinkan developer untuk membangun aplikasi yang sangat menarik dengan memanfaatkan Visual Studio., Alat pengembangan yang disediakan oleh Microsoft . ASP.NET adalah murni server-side teknologi. Hal ini dibangun pada common language runtime yang dapat digunakan pada server Windows untuk meng-host situs web ASP.NET.

Teknologi ASP.NET ini sudah banyak digunakan oleh developer-developer terkenal. Salah satu situs yang menggunakan ASP.NET adalah amazon.com dan juga ebay.com. Dengan adanya ASP.NET, tampilan dari web tersebut menjadi luar biasa.

Keuntungan memakai ASP.NET adalah sebagai berikut:

1. ASP.NET secara drastis mengurangi jumlah code yang dibutuhkan untuk membangun aplikasi besar 

2. Dengan built-in Windows authentication membuat aplikasi Anda jauh lebih aman.

3. Menggunakan ASP.NET dipastikan lebih memiliki kinerja yang lebih baik. 

4. ASP.NET menyediakan kemudahan bagi penggunanya, seperti contohnya mengirim formulir sederhana, authentikasi dari client untuk deployment dan juga konfigurasi website.

5. ASP.NET framework dilengkapi dengan peralatan yang kaya dan terintegrasi dengan Visual Studio. WYSIWYG editing, drag-and-drop server controls dan juga deployment secara otomatis adalah beberapa keunggulan dari fitur ASP.NET

6. Karena Source code dan HTML digabung menjadikan ASP.NET lebih mudah dimaintain dan diedit. Ini membuat ASP.NET menjadi lebih flexible dan powerfull.

7. ASP.NET memudahkan dalam proses deployment. Tidak perlu meregister component.

8. Web server memonitor pages, applikasi, dan komponen secara otomatis. Jika ada hal yang mencurigakan, maka ASP.NET akan secara otomatis mendetectnya.

10. Lebih mudah bekerja dengan ADO.NET dengan menggunakan data binding dan feature page formatting yang membuat aplikasi dapat berjalan dengan cepat tanpa adanya masalah performa.