Tampilkan postingan dengan label Web. Tampilkan semua postingan
Tampilkan postingan dengan label Web. Tampilkan semua postingan

Cara menggunakan NicEdit pada Web

Jumat, September 11, 2015 Add Comment

Cara Jutu Menggunakan Nic Edit Pada HTML



Apa itu NicEdit 

 NicEdit adalah Lightweight , Cross Platform , Inline Editor Konten untuk memungkinkan mudah mengedit situs web konten dengan cepat dalam browser . NicEdit Javascript terintegrasi ke situs apapun dalam  membuat setiap elemen / div diedit atau dihapus, untuk mengubah dari text area standart ke textarea yang Mewah.


Kegunaan NicEdit

NicEdit Mempermudah dan mempercepat kita dalam menulis konten yang ada pada website kita, istilahnya WYSIWYG (What You See Is What You Get).

Fitur - Fitur NicEdit

Untuk fiturnya sama halnya seperti edit pada McWord atau fitur pada documentasi. Berikut beberapa dasar Contoh  Fiturnya 


Penerapan Pada Web


  • pertama copy script berikut.(via Online)


  • letakan NiceEdit pada index.html sama halnya seperti pada css.
  • jika kalian ingin melakukan pada offline, bisa di download di akun resminya NicEdit.com/download


  • kemudian letakan pada file ". . ./webkamu/js/" atau terserah.
  • kemudian pastikan pada index.html terdapat textarea, karena memang itu syaratnya,
  • jalankan webnya.

Begitulah cara Menggunakan NicEdit pada web Browser

Cara Buat Aplikasi Android Tanpa Coding dan Android Studio

Kamis, September 03, 2015 1 Comment

Buat Aplikasi Android Tanpa Koding di Situs Ini


Re-post on Sep 04,2015 by CodePolitan


Indonesia merupakan salah satu surga smartphone Android. Puluhan juta pengguna Android saat ini ada di Indonesia. Pangsa pasar yang begitu besar tentu sayang sekali jika dibiarkan. Apabila pembaca merupakan pengusaha dan memiliki produk untuk dipasarkan, jangan berfikir dua kali untuk melakukan penetrasi ke pasar Android.


Pembaca mungkin berfikir bahwa membuat aplikasi Android itu susah, harus jago koding, harus jago Java, harus anak ilmu komputer. Tapi sekarang tidak lagi, sudah ada banyak aplikasi maupun situs yang memungkinkan kita membuat aplikasi Android tanpa repot-repot belajar Java, tanpa harus jago koding, tanpa harus jadi anak ilmu komputer, cukup drag and drop dan beberapa pengaturan sedikit, maka aplikasi Android kita sudah jadi.



Appery.io



Appery.io adalah salah satu situs yang pertama kali menawarkan pengembangan aplikasi mobile enterprise dengan backend service terintegrasi dan kaya akan plugin API yang akan menyederhanakan integrasi dengan service cloud dan sistem enterprise. Appery.io menggabungkan kemudahan pengembangan visual dengan kekuatan dari JavaScript untuk membuat aplikasi mobile di berbagai perangkat dengan cepat.

Appery.io sudah cukup dikenal didunia pengembangan aplikasi mobile. Lebih dari 30 situs pernah membahas Appery.io dalam artikelnya sejak tahun 2012. Beberapa diantaranya ialah InfoWorld, SDTimes, TechTarget, CloudTimes, ChinaTimes, infoTech, ComputerWorld, dll.

Appery.io memiliki 5 pilihan paket, yaitu Starter, Standard, Pro, Premium, dan Enterprise. Untuk pengguna awal kita bisa menggunakan paket Starter yang tersedia gratis untuk 1 aplikasi dengan maksimum 3 halaman. Meskipun gratis namun Appery.io tetap memberikan jatah 1.000.000 API call, penyimpanan 1GB, serta tetap memberikan dukungan melalui Customer Service maupun Technical Servicenya. Lebih detail tentang harga tiap paket kunjungi halaman http://appery.io/pricing/.


Baca Juga : Modul Pembelajaran Java










Karena Appery.io tersedia melalui cloud maka tidak perlu ada yang kita unduh atau pasang, yang kita butuhkan hanya peramban web terkini agar fitur-fitur Appery.io dapat berjalan dengan baik. Tersedia editor visual untuk melakukan drag and drop komponen untuk membangun antarmukanya. Setelah selesai aplikasi yang dibuat tidak hanya tersedia untuk Android tapi juga iOS dan Windows Phone.




AppMachine

Selanjutnya adalah AppMachine, situs ini dapat kita gunakan untuk membuat aplikasi android maupun aplikasi iOS dengan tampilan yang professional. AppMachine menyediakan antarmuka drag and drop dan dikombinasikan bersama berbagai macam building block yang menawarkan beragam fitur seperti informasi, foto, video, dll.

Sayangnya menggunakan AppMachine cukup menguras kantong. Agar dapat membuat aplikasi Android kita harus mendaftar di paket Plus seharga $49, sedangkan paket yang paling murah yaitu Basic seharga $19 namun hanya menyediakan aplikasi HTML5.

AppMakr 

Dengan AppMakr kita bisa membuat aplikasi Android berkualitas tanpa koding. Aplikasi yang dibuat juga dirilis atas nama kita bukan atas nama AppMakr. Kita bisa menggunakan AppMakr secara gratis dengan adanya iklan diaplikasi yang kita buat atau apabila tidak ingin ada iklan di aplikasi yang kita buat, serta fitur-fitur lainnya, kita bisa mendaftar disalah satu dari dua paket yang berbayar seharga $1 perbulan atau $9 perbulan.

AppMakr tersedia dalam 14 bahasa Internasional yaitu Bahasa Inggris, Bahasa Arab, Bahasa Mandarin, Bahasa Spanyol, Bahasa Perancis, Bahasa India, Bahasa Jepang, Bahasa Persia, Bahasa Portugis, Bahasa Sinhala, Bahasa Tamil, Bahasa Thailand, Bahasa Turki, dan Bahasa Indonesia.
Seperti situs lainnya, AppMakr memiliki antarmuka yang memudahkan kita dalam membuat aplikasi Android, cukup drag komponen dari sebelah kiri ke jendela smartphone yang ada ditengah. Header, ikon, serta gambar latar belakang juga tersedia.


Appy Pie


Appy Pie adalah situs selanjutnya yang dapat membuat aplikasi Android tanpa koding. Tidak perlu ada yang dipasang atau diunduh, cukup dengan drag and drop untuk membuat aplikasi yang diinginkan. Setelah selesai aplikasi yan gdibuat dapat dipublish ke Play Store maupun Apple App Store. Selain Android dan iOS, aplikasi yang dibuat juga dapat berjalan di Blackberry, Windows dan Kindle. Situs seperti Mashable, Wired, TechCrunch, Forbes, Gigaom, ZDNet, TNW, dan VentureBeat pernah membahas Appy Pie dalam situsnya.

Appy Pie sekarang juga menyediakan fitur Game Builder. Dengan fitur ini kita juga bisa membuat mobile game.


Tersedia empat pilihan paket yaitu Free, Basic, Gold, dan Platinum. Paket Free tersedia secara gratis namun hanya bisa membuat aplikasi untuk HTML5 dan Android dan fitur yang sangat terbatas serta terdapat iklan dalam aplikasi kita. Untuk mendapatkan fitur yang lebih lengkap, paket Basic tersedia seharga $7 perbulan, peket Gold $19 perbulan, dan paket Platinum seharga $33 perbulan.



Good Barber

 

GoodBarber memiliki pilihan tema yang banyak dan sangat cantik. Ingin menggunakan tema awan atau game? Semua ada. 350 lebih ikon dengan desain yang sangat halus tersedia untuk digunakan, selain itu ada juga lebih dari 600 Font Google yang dapat dipilih untuk mempercantik tampilan aplikasi kita. Melalui situs ini kita bisa membuat aplikasi Android, iPhone, serta aplikasi web untuk mobile.

Semua yang ditawarkan oleh GoodBarber sayangnya tidak datang secara gratis, kita harus merogoh kocek cukup dalam untuk menggunakan situs ini. Kunjungi halaman resminya untuk informasi lebih lanjut kunjungi halaman http://www.goodbarber.com/pricing/
MIT App Invenort

App Inventor merupakan proyek dari Massachuset Institute of Technology (MIT) yang bertujuan mengajarkan semua orang (terutama pemula) untuk membuat aplikasi Android dengan block-based programming tool. Awalnya aplikasi ini dikembangkan oleh Professor Hal Abelson di Google. App Inventor juga berjalan di web yang dipelihara oleh MIT Media Lab bekerja sama dengan MIT Computer Science and Artificial Intelligence Lab (CSAIL). App Inventor mendukung lebih dari 3 juta pengguna dari 195 negara. Aplikasi ini digunakan lebih dari 100 ribu pengguna aktif setiap minggunya yang telah membuat lebih dari 7 juta aplikasi Android.

Tampilan yang sederhana dari App Inventor memungkin pemula untuk belajar membuat aplikasi Android dengan lebih mudah. Cukup drag and drop Pallete dari sebelah kiri kebagianViewer, dan setiap komponennya bisa diatur nilainya melalui bagian Properties. Disebut menggunakan block based programming tool karena saat membuat tampilan aplikasi ini di bagian Viewer, kita menyusun komponen-komponennya dalam bentuk blok-blok komponen. yang saling bertumpukkan.

MIT App Inventor dapat dikunjungi melalui situs resmi mereka di http://appinventor.mit.edu/explore/index-2.html.



Andromo


Saya sendiri baru menggunakan media ini pertama kali, dan saya kira situs ini menggunakan media trial person untuk satu aplikasi. Jika anda berkenan menggunakan situs ini pihak perusahaan memberi badget 8$/mount


BONUS

ADOBE XD  

 

dua tahun terakhir dunia coding di hebohkan dengan hadirnya Adobe xd. adobe xd adalah salah satu produk dari adobe yang berfokus pada user experience. adobe xd lebih banyak di gunakan karena kredibelnya sudah terbukti. dan secara tampilan dan kegunaan lebih mudah di gunakan.

itulah beberapa web source atau aplikasi yang memudahkan kita membuat aplikasi android tanpa coding.
jadi, sobat TL bagaimana pendapat anda mengenai artikel ini silahkan tinggalkan di komentar

10 Fitur Terbaru Bootstrap Versi 4

Rabu, Agustus 19, 2015 Add Comment

10 Fitur Terbaru Bootstrap Versi 4


Fitur baru Bootstrap 4 — Framework paling terkenal saat ini Bootstrap berulang tahun ke-4 pada 19 Agustus 2015 kemarin. Dalam momen tersebut, setelah satu tahun melakukan pengembangan, akhirnya mereka merilis versi alpha dari Bootstrap 4. Yeaaay..


Bootstrap 4(image:iamkevinhodes.com)


Dalam versi terbaru Bootstrap 4 ini terdapat beberapa hal baru yang perlu Anda ketahui, dan ini mungkin termasuk salah satu perubahan besar dari Bootstrap, walaupun ini masih versi alpha, namun kira-kira seperti inilah perubahan yang terjadi di Bootstrap 4.


  1. Beralih dari Less ke Sass
  2. Bootstrap sekarang di compile dengan lebih cepat dibandingkan sebelumnya, sekarang Bootstrap menggunakan Libsass, dan mereka menyatakan sudah bergabung dengan komunitas besar dari pengembang Sass



  3. Peningkatan Sistem Grid
  4. Bootstrap 4 sudah ditambahkan sebuah tingkatan grid baru untuk target perangkat mobile yang lebih baik dan telah merombak secara total semantic mixins nya.


  5.  Mendukung Flexbox
  6. Bootstrap kini sudah berbeda dengan sebelumnya, mereka telah merubah variabel boolean dan mengkompilasi ulang css untuk hal yang lebih baik karena sekarang sistem grid bootstrap berbasis flexbox.


  7.  Cards
  8. Cards menjadi komponen baru dari Bootstrap, ini lebih baik dari sebelumnya.


  9. Plugin Javascript semuanya ditulis ulang.
  10. Semua plugin javascript ditulis ulang dalam ES6 untuk mendapatkan javascript baru yang lebih baik.
  11. Peningkatan fitur auto-placement dari tooltips dan popovers.

  12. Tidak lagi support IE8 dan beralih ke unit rem dan em.
  13. Tidak ada cara lain untuk berkembang ke lebih baik jika masih kembali ke CSS hack dan fallback. Semua cara-cara yang dilakukan untuk mensupport IE yang sudah kuno sudah tidak akan dilakukan lagi, namun jika Anda tetap ingin menggunakan IE8, Anda bisa gunakan Bootstrap 3.

  14. Pilihan kostumasi baru.
  15. Kini jika Anda ingin melakukan kostumasi seperti menghilangkan rounded corner, maka tinggal update variabel dan lakukan kompilasi ulang, tidak terlalu berbeda dengan sebelumnya, namun dilakukan dengan cara yang lebih baik dan hal tersebut tidak lagi menggunakan banyak file stylesheet, semua diatur dalam variabel Sass.

  16. Semua HTML reset dirubah ke modul baru, diberi nama Reboot


  17. Dokumentasi lebih baik


Bootstrap sudah menulis ulang semua dokumentasi dalam Markdown dan menambahkan plugin baru untuk mempermudah penggunaan skrip contoh dan potongan kode agar bisa bekerja dengan dokumentasi. Selain itu fitur pencarian juga ditingkatkan.


Dan masih banyak lagi perubahan yang ada di Bootstrap 4, seperti form control, nama class untuk padding dan margin.

Setidaknya ada 1100 commit dan 120.000 baris kode perubahan pada Bootstrap versi 4 sejauh ini.

Penasaran, Anda bisa melihat dokumentasi Bootstrap 4 disini


Jika ingin bergabung menjadi pengembang Bootstrap Anda bisa coba bermain-main di Github nya Bootstrap 4.
Bootstrap tidak lagi memberikan support untuk versi 2.x, namun untuk versi 3, Bootstrap masih akan memberikan support untuk setiap bug dan perbaikan dokumentasi.

Selain itu Bootstrap kini jualan template juga, mereka mereka meluncurkan sebuah side project,Official Bootstrap Themes.