How To Build IOS App with Intel XDK
Puguh Rismadi
I am an active Intel XDK developer with an Apple account as well as Android and Windows. With the Intel XDK you develop your IOS app on Windows or Linux up until you submit the IPA bundle to the App Store for review. You don't need a developer's account until you are ready to build IPA (iPhone build from the Intel XDK), because you need to download the CSR from the Intel XDK IOS build panels and then log into your Apple Developer's account to create an App Store distribution certificate for each IOS app you will be building/submitting. Then download the certificate, include in your Intel XDK project, then upload and build your IPA bundle. The IPA is Apple's bundle as APK is for Android. Here are the steps to build an IPA from the Intel XDK.
Click the Build IOS from Intel XDK build tab, the project will be uploaded.
When at the Build Screen, don't click Build button, instead click the Ceritifcate edit.
Download the CSR, by clicking the download button and save to your desktop.
Log into your Apple account at http://developer.apple.com and click Member Center.
Create a new account or log into your existing account
Click on Certificates, Identifies, & Profiles
Click on Certificates
Click the Plus button to add a certificate
Choose the App Store and Ad Hoc radio button under Production and click Continue.
Click Continue again to the Upload your CSR.
Now upload the CSR that you downloaded from the Intel XDK build.
Once uploaded, click Generate
Now click download and save your certificate to your desktop.
Back in the Intel XDK, click on browse to upload your new certificate you just downloaded.
You cannot build yet because there is no provisioning profile associated with this app. Cancel the build.
Go back to your Apple Developer account, and select the App ID's from the left menu, and press the plus button to add a new App ID.
Give the App ID a name and a bundle id, the bundle id you will use in the Intel XDK build settings for the App ID.
Press Continue followed by Submit.
Now select Provisioning Profiles in your Apple developer account,
Choose Distribute->App Store and press continue,
From the select field, choose the App Id you just create and press continue,
Now choose the certificate you just created, and press continue.
Give the provisioning profile a name and press Generate
Now download your new provisioning profile and save to your Intel XDK project directory under the www subdirectory. THIS IS VERY IMPORTANT.
From the Intel XDK on the Build Settings, select IOS tab, and locate the Provisioning Profile selection and choose production,
Now click on the Provisioning Profile File and the Add dialog popup appears, then choose the provisioning profile file you just download. You must select from the project www subdirectory.
Go back to the build tab, if a previous build page is showing, close that build page, and choose IOS build.
Then choose Upload Project, VERY IMPORTANT! as you have new changes which include a provisioning profile. Make sure you App ID in the build settings match the Developer bundle id. Also the CFBundleIdentifier can be set to the version number of the app.
When the Build Now page is showm, press the Build button and the Intel servers will build your IPA file.
Upon a successful build, download the IPA to your desktop.
Now log into your Apple developer account, and choose the ITunes Connect option.
From Itune connect, you must create a new App by choosing My App and then clicking the plus button to add a new App.
IMPORTANT: choose the IOS platform and the app you are deploying from the Bundle ID, as well as a Name and language. Then press create.
You app is ready to receive the previously created IPA.
From up til now, you did not need a mac, but to upload the IPA you need a MAC. Copy your recently created IPA to flash drive, or network drive like dropbox, that your mac can also access. If you do not have a mac, there is a service called www.macinacloud.com. If you plan on developing many IOS apps, it is worth buying at least a Mac Mini Intel-edition, not power-pc version.
From your MAC, launch the Application Loader and choose your IPA file. You will receive a successful confirmation of the upload. Wait about several minutes, then go back to ITunes connect.
Choose you App, and scroll down to the Build section, you should see the newly upload IPA with a version number. Select this IPA, and complete the remaining form for the App to prepare to submit for review.
source : http://stackoverflow.com/questions/32596622/how-to-build-a-hybrid-app-with-intel-xdk-for-ios-running-dev-without-owning-an
01:22
[TIPS ] : Situs memilih warna untuk karya desain grafis maupun desain web
Puguh Rismadi
Warna adalah salah satu elemen yang cukup penting dalam desain
grafis. Dalam ilmu seni rupa, warna bisa mewakili emosi dari karya
tersebut sehingga pesan dari karya tersebut bisa lebih mudah diterima
oleh audience. Elemen warna dalam desain grafis juga memiliki fungsi
tersebut untuk lebih detailnya bisa dibaca pada artikel saya berikut.
Banyak pemula desain terutama desain grafis gamang dan kesulitan dalam pemilihan warna. Maklum, seorang desainer grafis tidak akan dianggap pakar bila tidak menguasai bidang ini. Kesalahan pemilihan warna bisa berakibat fatal. Warna – warna tertentu dapat menyebabkan mata cepat lelah, jika tidak dipadukan dengan warna yang cocok. Semua orang punya selera sendiri dalam hal pemilihan kombinasi warna namun terdapat satu titk temu dalam hal ini, harmoni.
Bagi mereka yang kesulitan untuk menentukan pilihan kombinasi warna bagi websitenya, mungkin situs di bawah ini dapat memberikan inspirasi tersendiri dalam pemilihan warna.
website : http://colorschemedesigner.com
website : https://color.adobe.com/
Pictaculous
Hal tersulit dalam mendesain sebuah web adalah memilih warna. Namun
saat ini banyak alat bantu dalam pemilihan warna. Kita tidak lagi repot
memilih tema warna untuk gambar tertentu menggunakan pictaculous.
Pertama siapkan gambar sebagai sample warna pantone . Menggunakan
pictacuulous cukup handy yang didalamnya ada pancuan warna dan langsung
disambungkan dengan saran dari kuler dan colourlovers. Sekilas dapat
dirangkum sebagai berikut.
website : http://www.colorhunter.com/
Colr
Colr adalah pendatang baru untuk urusan warna. Namun, ada satu
fasilitas penting disini yaitu pemilihan warna fetch atau grab dari
warna website terkenal seperti yahoo, reddit atau website lainnya yang
sudah ada di internet. Cara ini seperti mengambil sample dari situs
desain atau situs grafis desain yang sudah ada. Lebih gampang dilihat
hasilnya.
website : http://www.colr.org/
Pantone
Sesuai dengan namanya, website ini memang spesial dibidang pantone menggunakan geo system akurat. Saya mengatakan akurat karena ada beberapa pakar warna yang tersusun dalam catalog warna adalah seni plus ilmu perhitungan terutama situs ini menyediakan opsi ORIGINAL PANTONE MATCHING SYSTEM. Nah kita bisa coba situs ini jika menginginkan tampilan pantone senada alias tidak norak.
Nah dari sekian banyak pilihan ini hampir semua support CMYK, RGB, dan SRGB. Sehingga bisa diaplikasikan dalam karya grafis kita dalam bentuk apapun, baik digital, printed, keperluan theme handphone dan tampilan website.
website : http://www.pantone.com/pages/pantone/colorfinder.aspx?mm
sumber : ahlidesain.com
Banyak pemula desain terutama desain grafis gamang dan kesulitan dalam pemilihan warna. Maklum, seorang desainer grafis tidak akan dianggap pakar bila tidak menguasai bidang ini. Kesalahan pemilihan warna bisa berakibat fatal. Warna – warna tertentu dapat menyebabkan mata cepat lelah, jika tidak dipadukan dengan warna yang cocok. Semua orang punya selera sendiri dalam hal pemilihan kombinasi warna namun terdapat satu titk temu dalam hal ini, harmoni.
Bagi mereka yang kesulitan untuk menentukan pilihan kombinasi warna bagi websitenya, mungkin situs di bawah ini dapat memberikan inspirasi tersendiri dalam pemilihan warna.
Color Scheme Designer
Pada intinya tools ini memberikan kemudahan pada kita untuk membuat kombinasi warna yang pas dengan hanya menggeser mouse. Kombinasi warna yang dihasilkan lumayan bagus, tapi tentu saja harus dipilih lagi sesuai kebutuhan.website : http://colorschemedesigner.com
Color Schemer
Pada web ini kita tidak bisa membuat kombinasi warna secara interaktif, tetapi web ini menyediakan beberapa kombinasi warna menarik yang telah dibuat oleh para member. Disini kita dapat ng-search kombinasi warna yang diinginkan misal “green”, “dark”, de el el
website : http://www.colorschemer.com/online.html
Adobe Kuler
Website ini menjadi populer diantara lainnya karena memang didominasi oleh para desainer grafis dari komunitas photoshop yang bisa diakses secara langsung menggunakan beberapa software adobe. Selain populer, pilihan template yang banyak membuat website ini juga digemari. Cara memakainya juga lumayan gampang. Ketersediaan komunitas pengguna kuler ini sebanding dengan akses websitenya yang agak lemot berbasis flash apps.website : https://color.adobe.com/
Pictaculous
Hal tersulit dalam mendesain sebuah web adalah memilih warna. Namun
saat ini banyak alat bantu dalam pemilihan warna. Kita tidak lagi repot
memilih tema warna untuk gambar tertentu menggunakan pictaculous.
Pertama siapkan gambar sebagai sample warna pantone . Menggunakan
pictacuulous cukup handy yang didalamnya ada pancuan warna dan langsung
disambungkan dengan saran dari kuler dan colourlovers. Sekilas dapat
dirangkum sebagai berikut.- Pertama buka situs pictaculous dari browser Anda
- browse gambar sample
- klik tombol get my palette.
- Setelah proses selesai scroll ke bawah, akan tampil palette kita dan beberapa saran warna dari kuler dan dari colour lovers sang inspirator
website : http://www.pictaculous.com/
Color Hunter
Pencarian warna adalah spesialisasinya. upload gambar logo atau gambar yang akan di jadikan acuan pembuatan desain kata maka muncul lah palete warna yang sesuai.
website : http://www.colorhunter.com/
Colr
Colr adalah pendatang baru untuk urusan warna. Namun, ada satu
fasilitas penting disini yaitu pemilihan warna fetch atau grab dari
warna website terkenal seperti yahoo, reddit atau website lainnya yang
sudah ada di internet. Cara ini seperti mengambil sample dari situs
desain atau situs grafis desain yang sudah ada. Lebih gampang dilihat
hasilnya.website : http://www.colr.org/
Pantone
Sesuai dengan namanya, website ini memang spesial dibidang pantone menggunakan geo system akurat. Saya mengatakan akurat karena ada beberapa pakar warna yang tersusun dalam catalog warna adalah seni plus ilmu perhitungan terutama situs ini menyediakan opsi ORIGINAL PANTONE MATCHING SYSTEM. Nah kita bisa coba situs ini jika menginginkan tampilan pantone senada alias tidak norak.
Nah dari sekian banyak pilihan ini hampir semua support CMYK, RGB, dan SRGB. Sehingga bisa diaplikasikan dalam karya grafis kita dalam bentuk apapun, baik digital, printed, keperluan theme handphone dan tampilan website.
website : http://www.pantone.com/pages/pantone/colorfinder.aspx?mm
sumber : ahlidesain.com
4 Kompetensi yang harus di miliki Guru Profesional
Puguh Rismadi
Kompetensi guru terkait dengan kewenangan melaksanakan tugasnya,
dalam hal ini dalam menggunakan bidang studi sebagai bahan pembelajaran
yang berperan sebagai alat pendidikan, dan kompetensi pedagogis yang
berkaitan dengan fungsi guru dalam memperhatikan perilaku peserta didik
belajar (Djohar, 2006 : 130).
Dari pengertian di atas dapat disimpulkan bahwa kompetensi guru adalah hasil dari penggabungan dari kemampuan-kemampuan yang banyak jenisnya, dapat berupa seperangkat pengetahuan, keterampilan, dan perilaku yang harus dimiliki, dihayati, dan dikuasai oleh guru dalam menjalankan tugas keprofesionalannya. Menurut Suparlan (2008:93) menambahkan bahwa standar kompetensi guru dipilah ke dalam tiga komponen yang saling berkaitan, yaitu pengelolaan pembelajaran, pengembangan profesi, dan penguasaan akademik.
Menurut Peraturan Menteri Pendidikan Nasional Republik Indonesia Nomor 16 Tahun 2007 Tentang Standar Kualifikasi Akademik dan Kompetensi Guru, adapun macam-macam kompetensi yang harus dimiliki oleh tenaga guru antara lain: kompetensi pedagogik, kepribadian, profesional dan sosial yang diperoleh melalui pendidikan profesi. Keempat kompetensi tersebut terintegrasi dalam kinerja guru.
1) Kompetensi Pedagogik
Kompetensi pedagogik meliputi pemahaman guru terhadap peserta didik, perancangan dan pelaksanaan pembelajaran, evaluasi hasil belajar, dan pengembangan peserta didik untuk mengaktualisasikan berbagai potensi yang dimilikinya. Secara rinci setiap subkompetensi dijabarkan menjadi indikator esensial sebagai berikut;
Kompetensi kepribadian merupakan kemampuan personal yang mencerminkan kepribadian yang mantap, stabil, dewasa, arif, dan berwibawa, menjadi teladan bagi peserta didik, dan berakhlak mulia. Secara rinci subkompetensi tersebut dapat dijabarkan sebagai berikut:
Kompetensi sosial merupakan kemampuan guru untuk berkomunikasi dan bergaul secara efektif dengan peserta didik, sesama pendidik, tenaga kependidikan, orang tua/wali peserta didik, dan masyarakat sekitar. Kompetensi ini memiliki subkompetensi dengan indikator esensial sebagai berikut:
Kompetensi profesional merupakan penguasaan materi pembelajaran secara luas dan mendalam, yang mencakup penguasaan materi kurikulum mata pelajaran di sekolah dan substansi keilmuan yang menaungi materinya, serta penguasaan terhadap stuktur dan metodologi keilmuannya. Setiap subkompetensi tersebut memiliki indikator esensial sebagai berikut:
Dari pengertian di atas dapat disimpulkan bahwa kompetensi guru adalah hasil dari penggabungan dari kemampuan-kemampuan yang banyak jenisnya, dapat berupa seperangkat pengetahuan, keterampilan, dan perilaku yang harus dimiliki, dihayati, dan dikuasai oleh guru dalam menjalankan tugas keprofesionalannya. Menurut Suparlan (2008:93) menambahkan bahwa standar kompetensi guru dipilah ke dalam tiga komponen yang saling berkaitan, yaitu pengelolaan pembelajaran, pengembangan profesi, dan penguasaan akademik.
Menurut Peraturan Menteri Pendidikan Nasional Republik Indonesia Nomor 16 Tahun 2007 Tentang Standar Kualifikasi Akademik dan Kompetensi Guru, adapun macam-macam kompetensi yang harus dimiliki oleh tenaga guru antara lain: kompetensi pedagogik, kepribadian, profesional dan sosial yang diperoleh melalui pendidikan profesi. Keempat kompetensi tersebut terintegrasi dalam kinerja guru.
1) Kompetensi Pedagogik
Kompetensi pedagogik meliputi pemahaman guru terhadap peserta didik, perancangan dan pelaksanaan pembelajaran, evaluasi hasil belajar, dan pengembangan peserta didik untuk mengaktualisasikan berbagai potensi yang dimilikinya. Secara rinci setiap subkompetensi dijabarkan menjadi indikator esensial sebagai berikut;
- Memahami peserta didik secara mendalam memiliki indikator esensial: memahami peserta didik dengan memanfaatkan prinsip-prinsip perkembangan kognitif; memahami peserta didik dengan memanfaatkan prinsip-prinsip kepribadian; dan mengidentifikasi bekal ajar awal peserta didik.
- Merancang pembelajaran, termasuk memahami landasan pendidikan untuk kepentingan pembelajaran memiliki indikator esensial: memahami landasan kependidikan; menerapkan teori belajar dan pembelajaran; menentukan strategi pembelajaran berdasarkan karakteristik peserta didik, kompetensi yang ingin dicapai, dan materi ajar; serta menyusun rancangan pembelajaran berdasarkan strategi yang dipilih.
- Melaksanakan pembelajaran memiliki indikator esensial: menata latar (setting) pembelajaran; dan melaksanakan pembelajaran yang kondusif.
- Merancang dan melaksanakan evaluasi pembelajaran memiliki indikator esensial: merancang dan melaksanakan evaluasi (assessment) proses dan hasil belajar secara berkesinambungan dengan berbagai metode; menganalisis hasil evaluasi proses dan hasil belajar untuk menentukan tingkat ketuntasan belajar (mastery learning); dan memanfaatkan hasil penilaian pembelajaran untuk perbaikan kualitas program pembelajaran secara umum.
- Mengembangkan peserta didik untuk mengaktualisasikan berbagai potensinya, memiliki indikator esensial: memfasilitasi peserta didik untuk pengembangan berbagai potensi akademik; dan memfasilitasi peserta didik untuk mengembangkan berbagai potensi nonakademik.
Kompetensi kepribadian merupakan kemampuan personal yang mencerminkan kepribadian yang mantap, stabil, dewasa, arif, dan berwibawa, menjadi teladan bagi peserta didik, dan berakhlak mulia. Secara rinci subkompetensi tersebut dapat dijabarkan sebagai berikut:
- Kepribadian yang mantap dan stabil memiliki indikator esensial: bertindak sesuai dengan norma hukum; bertindak sesuai dengan norma sosial; bangga sebagai guru; dan memiliki konsistensi dalam bertindak sesuai dengan norma.
- Kepribadian yang dewasa memiliki indikator esensial: menampilkan kemandirian dalam bertindak sebagai pendidik dan memiliki etos kerja sebagai guru.
- Kepribadian yang arif memiliki indikator esensial: menampilkan tindakan yang didasarkan pada kemanfaatan peserta didik, sekolah, dan masyarakat serta menunjukkan keterbukaan dalam berpikir dan bertindak.
- Kepribadian yang berwibawa memiliki indikator esensial: memiliki perilaku yang berpengaruh positif terhadap peserta didik dan memiliki perilaku yang disegani.
- Akhlak mulia dan dapat menjadi teladan memiliki indikator esensial: bertindak sesuai dengan norma religius (iman dan taqwa, jujur, ikhlas, suka menolong), dan memiliki perilaku yang diteladani peserta didik.
Kompetensi sosial merupakan kemampuan guru untuk berkomunikasi dan bergaul secara efektif dengan peserta didik, sesama pendidik, tenaga kependidikan, orang tua/wali peserta didik, dan masyarakat sekitar. Kompetensi ini memiliki subkompetensi dengan indikator esensial sebagai berikut:
- Mampu berkomunikasi dan bergaul secara efektif dengan peserta didik memiliki indikator esensial: berkomunikasi secara efektif dengan peserta didik.
- Mampu berkomunikasi dan bergaul secara efektif dengan sesama pendidik dan tenaga kependidikan.
- Mampu berkomunikasi dan bergaul secara efektif dengan orang tua/wali peserta didik dan masyarakat sekitar.
Kompetensi profesional merupakan penguasaan materi pembelajaran secara luas dan mendalam, yang mencakup penguasaan materi kurikulum mata pelajaran di sekolah dan substansi keilmuan yang menaungi materinya, serta penguasaan terhadap stuktur dan metodologi keilmuannya. Setiap subkompetensi tersebut memiliki indikator esensial sebagai berikut:
- Menguasai substansi keilmuan yang terkait dengan bidang studi memiliki indikator esensial: memahami materi ajar yang ada dalam kurikulum sekolah; memahami struktur, konsep dan metode keilmuan yang menaungi atau koheren dengan materi ajar; memahami hubungan konsep antar mata pelajaran terkait; dan menerapkan konsep-konsep keilmuan dalam kehidupan sehari-hari.
- Menguasai struktur dan metode keilmuan memiliki indikator esensial menguasai langkah-langkah penelitian dan kajian kritis untuk memperdalam pengetahuan/materi bidang studi.
21:57
guru profesional
,
kompetensi guru
Logo Untuk Jurusan Baru di SMK Taruna Bhakti
Puguh Rismadi
Project Logo Kompetensi Keahlian Broadcasting
Filosofi : Kompetensi Keahlian Broadcasting dapat membuat dan mempublikasikan content mengenai bidang penyiaran baik itu program acara televisi, radio dsb melalui berbagai macam media siar seperti youtube, video streaming, radio streaming dll di wakili oleh lambang microphone yang di kelilingi oleh gelombang warni warni
Logo Broadcast 1
Logo Jurusan Broadcast 2
Logo Jurusan Broadcast 3
Project Logo Kompetensi Keahlian Teknik Elektronika Industri
Filosofi : Kompetensi Keahlian TEI ini di harapkan dapat membuat perangkat yang dapat mencontrol perangkat keras yang dapat di gunakan dalam berbagai industri
Filosofi : Kompetensi Keahlian Broadcasting dapat membuat dan mempublikasikan content mengenai bidang penyiaran baik itu program acara televisi, radio dsb melalui berbagai macam media siar seperti youtube, video streaming, radio streaming dll di wakili oleh lambang microphone yang di kelilingi oleh gelombang warni warni
Logo Broadcast 1
Logo Jurusan Broadcast 2
Logo Jurusan Broadcast 3
Project Logo Kompetensi Keahlian Teknik Elektronika Industri
Filosofi : Kompetensi Keahlian TEI ini di harapkan dapat membuat perangkat yang dapat mencontrol perangkat keras yang dapat di gunakan dalam berbagai industri
03:44
Membuat Karakter Manusia dengan software Open Source dan Mudah
Puguh Rismadi
Membuat karakter manusia dengan software open source dan mudah, mungkin adalah hal yang di cari orang ggk mau ribet seperti saya, Oke ggk usah terlalu panjang pembukaannya .
Software yang di gunakan dalam pembuatan karakter manusia ini adalah :
Make Human : website -> http://www.makehuman.org/
dari software ini saya nilai sangat powerfull untuk membuat karakter dan rigging (pemberian tulang pada karakter agar dapat di animasikan dengan mudah),
Berikut adalah hasil dari software make human yang saya ss dari website aslinya :
Link Download :
http://www.makehuman.org/content/download.html
Untuk Video tutorial :
Kelemahan :
Makehuman untuk pembuatan cloth (baju) di software ini kurang maksimal
Solusi : tunggu Next Step :-)
Software yang di gunakan dalam pembuatan karakter manusia ini adalah :
Make Human : website -> http://www.makehuman.org/
dari software ini saya nilai sangat powerfull untuk membuat karakter dan rigging (pemberian tulang pada karakter agar dapat di animasikan dengan mudah),
Berikut adalah hasil dari software make human yang saya ss dari website aslinya :
Link Download :
http://www.makehuman.org/content/download.html
Untuk Video tutorial :
Kelemahan :
Makehuman untuk pembuatan cloth (baju) di software ini kurang maksimal
Solusi : tunggu Next Step :-)
02:23
3d modeling character
,
karakter manusia
,
make human
RASIONAL DAN ELEMEN PERUBAHAN KURIKULUM 2013
Puguh Rismadi
A. Latar Belakang Perlunya Pengembangan Kurikulum 2013
Kurikulum merupakan salah satu unsur yang memberikan kontribusi untuk mewujudkan proses berkembangnya kualitas potensi peserta didik tersebut. kurikulum 2013 di kembangkan berbasis pada kompentensi sangat di perlukan instrumen untuk mengarahkan peserta didik menjadi :
1. manusia berkualitas yang mampu dan proaktif menjawab tantangan zaman yang selalu berubah
2. Manusia terdidik yang beriman dan bertakwa kepada Tuhan Yang maha Esa, beraklak mulia, sehat, berilmu , cakap kreatif, mandiri, dan
3. Wwarga negara yang demokratis dan bertanggung jawab
Pengembangan kurikulum 2013 Merupakan langkah lanjutan pengembangan kurikulum berbasis Kompetensi yang telah dirintis pada 2014 dan KTSP 2006 yang mencakup kompetensi Sikap, Pengetahuan dan Ketrampilan secara terpadu.
Kurikulum merupakan salah satu unsur yang memberikan kontribusi untuk mewujudkan proses berkembangnya kualitas potensi peserta didik tersebut. kurikulum 2013 di kembangkan berbasis pada kompentensi sangat di perlukan instrumen untuk mengarahkan peserta didik menjadi :
1. manusia berkualitas yang mampu dan proaktif menjawab tantangan zaman yang selalu berubah
2. Manusia terdidik yang beriman dan bertakwa kepada Tuhan Yang maha Esa, beraklak mulia, sehat, berilmu , cakap kreatif, mandiri, dan
3. Wwarga negara yang demokratis dan bertanggung jawab
Pengembangan kurikulum 2013 Merupakan langkah lanjutan pengembangan kurikulum berbasis Kompetensi yang telah dirintis pada 2014 dan KTSP 2006 yang mencakup kompetensi Sikap, Pengetahuan dan Ketrampilan secara terpadu.
23:28
Merubah Konfigurasi/setting pada windows 7 menggunakan gpedit.msc
Puguh Rismadi
Gpedit.msc mungkin jarang di sebut bagi user/pengguna windows mungkin sudah paham atau karena ggk tahu wkwkwk..
Ok akan kita bahas disini apa saja yang bisa kita lakukan dengan merubah konfigurasi pada gpedit.msc, berdasarkan pengalaman yang sudah di coba kita bisa :
1. Ketikkan gpedit.msc pada run dan tekan enter
2. Maka Akan Muncul Konfigurasi seperti berikut :
3.Kita Coba Turn Off Autoplay autoplay untuk usb device untuk semua user, Computer configuration->Adiministrative Templates->Windows Component->Autoplay Policies->Turn off Autoplay (double klik)
4. Setelah Doble Click maka akan muncul kotak dialog seperti berikut kemudian pilih enable dan apply
5. Untuk Melihat hasil tinggal colok flashdisk dan jreng-jreng autoplay sudah tidak aktif
- Menonaktifkan/mengaktifkan Autoplay pada windows
- Mencegah User Masuk control Panel
- Atau Mencegah user masuk display
- Hide / disable Semua Item di Desktop
- Lock Taskbar
- Dll yang banyak banget dan ggk bisa di sebut satu-satu takut kepanjangan : P
2. Maka Akan Muncul Konfigurasi seperti berikut :
3.Kita Coba Turn Off Autoplay autoplay untuk usb device untuk semua user, Computer configuration->Adiministrative Templates->Windows Component->Autoplay Policies->Turn off Autoplay (double klik)
4. Setelah Doble Click maka akan muncul kotak dialog seperti berikut kemudian pilih enable dan apply
5. Untuk Melihat hasil tinggal colok flashdisk dan jreng-jreng autoplay sudah tidak aktif
00:44
Objek JavaScript
Puguh Rismadi
3.1 Objek Untuk memasukkan Data
Terdapat beberapa objek yang dapat digunakan untuk memeasukkan data. Objek-objek
tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut
meliputi Objek Text, Objek Radio, Objek Checkbox, Objek Textarea, dan Objek
Select.
3.2
Objek Text
Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh
penggunaannya dapat kita lihat pada contoh berikut :
|
Contoh
Program JavaScript
|
|
<html>
<head><title>Latihan Dengan Objek Text</title></head>
<body>
<script languange ="JavaScript">
<!--
function tekan()
{
var namastr =
(document.fform.nama.value);
var alamatstr =
(document.fform.alamat.value);
document.fform.onama.value = namastr;
document.fform.oalamat.value =
alamatstr;
}
//-->
</script>
<form name ="fform">
<H1> Memasukkan Data Dengan Objek Teks</H1><hr>
<PRE>
Nama Anda : <input type="text" size="11"
name="nama">
Alamat : <input
type="text" size="25" name="alamat">
</PRE>
<BR>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset"
value="ulang">
<H3>Output</H3>
<PRE>
Jadi Nama Anda adalah :<input type="text"
size="11" name="onama">
Alamat Anda di :<input
type="text" size="25" name="oalamat">
</form>
</body>
</html>
|
3.3
Objek Radio
Objek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan
data. Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan
radio[indeks]. Disamping itu objek radio juga mempunyai nili True jika dipilih
dan False jika tidak. Untuk memilih suatu objek radio menggunakan properti
Checked.
|
Contoh
Program JavaScript
|
|
|
<html>
<head><title>Latihan Dengan Objek
Radio</title></head>
<body>
<script languange ="JavaScript">
<!--
function radio_box(form)
{
var ket = "";
if (form.wanita.checked == true)
{
ket = "Wanita";
}
else
{
ket = "Pria";
}
alert('Anda adalah seorang '
+ket);
}
//-->
</script>
<form>
<H1> Memasukkan Data Dengan Objek Radio</H1><hr>
<p><input type="radio" value="wanita"
name="wanita">Wanita</p>
<hr>
<p><input type="button"
value="CONFIRM" onclick="radio_box(this.form)">
<input type="reset" value="RESET"></p>
</form>
</body>
</html
|
|
|
|
|
3.4
Objek Checkbox
Objek checkbox menyimpan informasi tentang elemen form yang berupa kotak
cek. Penggunaannya hampir sama seperti objek radio.
|
Contoh
Program JavaScript
|
||
|
<html>
<head><title>Latihan
Dengan Objek Checkbox</title></head>
<body>
<script languange
="JavaScript">
<!--
function radio_box(form)
{
var ket = "";
var ket1 ="";
if (form.bola.checked == true)
{
ket = "Nonton Bola";
}
if (form.tv.checked == true)
{
ket1 = " Nonton Tv";
}
alert('Hobby anda ' +ket+''+ket1);
}
//-->
</script>
<form>
<H1> Memasukkan Data
Dengan Objek Checkbox</H1><hr>
<p>Hobby anda :
<input
type="checkbox" value="ON" name="bola">Nonton
Sepak Bola
<input
type="checkbox" value="ON" name="tv">Nonton
televisi</p>
<hr>
<p><input
type="button" value="CONFIRM"
onclick="radio_box(this.form)">
<input
type="reset" value="RESET"></p>
</form>
</body>
</html>
3.2
Objek Select
Objek Select menyimpan informasi tentang elemen form yang berupa kotak
daftar. Objek select berguna apabila di dalam form terdapat banyak pilihan yang
telas mempunyai nilai tertentu.
|
20:01
javascript
,
pemrograman web
Variabel JavaScript
Puguh Rismadi
2.1 Variabel Dalam JavaScript
Variabel adalah empat dimana kita menyimpan nilai-nilai atau
informasi-informasi pada JavaScript. Variabel yang dideklarasikan dapat di isi
dengan nilai apa saja.
Dalam JavaScript pendeklarasian sebuah variabel sifatnya opsional, artinya
anda boleh mendeklarasikan atau tidak hal tersebut tidak menjadi masalah. Jika
anda memberi nilai pada variabel, maka dalam JavaScript dianggap bahwa anda
telah mendeklarasikan variabel tersebut.
Aturan penamaan variabel :
- Harus
diawalai dengan karakter (huruf atau baris bawah)
- Tidak
boleh menggunakan spasi
- Huruf
Kapital dan kecil memiliki arti yang berbeda
- Tidak
boleh menggunakan kata-kata yang merupakan perintah dalam JavaScript.
Deklarasi Variabel
Var nama_variabel = nilai
Atau
Nama_variabel = nilai
Contoh :
var nama;
var nama = ” Zaskia Mecca”
var X = 1998;
var Y;
|
Nama = ”Bunga Lestari”
X = 1990;
Y = 08170223513
|
2.2 Tipe Data
Tidak seperti bahasa pemrograman lainnya, JavaScript tidak memiliki tipe
data secara explisit. Hal ini dapat dilihat dari beberapa contoh variabel
diatas. Anda mendeklarasikan variabel tapi tidak menentukan tipenya.
Meskipun JavaScript tidak memiliki tipe data secara explisit. JavaScript
mempunyai tipe data implisit. Terdapat empat macam tipe data implisit yang
dimiliki oleh JavaScript yaitu :
- Numerik, seperti : 0222532531, 1000, 45, 3.146789 dsb
- String,
seperti : “Hallo”, “April”, “Jl. Setiabudi No 17A”, “Cece Kirani” dsb
- Boolean,
bernilai true atau false
- Null,
variabel yang tidak diinisilisasi
2.3 Tipe Numerik
Pada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu
bilangan bulat (integer) dan bilangan pecahan(real/float).
Untuk bilangan bulat, kita dapat merepresentasikan dengan basis desimal,
oktal atau heksadesimal.
Contoh :
var A = 100;
var B = 0x2F;
untuk pendeklarasian tipe bilangan real, dapat menggunakan tanda titik atau
notasi ilmiah (notasi E).
Contoh :
var a = 3.14533567;
var b = 1.23456E+3;
2.4 Tipe String
Untuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan
string diantara tanda petik tunggal (’) atau tanda petik ganda (”)
Contoh :
var str
=’Contoh deklarasi string’;
var str1 = ”cara ini juga
bisa untuk menulis string”;
2.5 Tipe Boolean
Tipe boolean hanya mempunyai nilai True atau False. Tipe ini biasanya
digunakan untuk mengecek suatu kondisi atau keadaan.
Contoh :
var X = (Y
> 90);
contoh diatas menunjukkan bahwa jika Y lebih besar dari 90 maka X akan
bernilai True.
2.6 Tipe Null
Tipe Null digunakan untuk merepresentasikan variabel yang tidak diberi
nilai awal (inisialisasi).
2.7 Operator
Operator pada JavaScript terbagi menjadi enam, yaitu :
- Aritmatika
- Pemberian
nilai (Assign)
- Pemanipulasian
bit (bitwise)
- Pembanding
- Logika
- String
a. Operator Aritmatika
Digunakan untuk operan beripe numerik. Ada dua macam operator aritmatik,
yaitu operator numerik tunggal dan operator aritmatik biner. Perbedaan kedua
operator terletak pada jumlah operan yang harus dioperasikan.
Operator
|
Tunggal/Biner
|
Keterangan
|
+
|
Biner
|
Penjumlahan
|
-
|
Biner
|
Pengurangan
|
*
|
Biner
|
Perkalian
|
/
|
Biner
|
Pembagian
|
%
|
Biner
|
Modulus
|
-
|
Tunggal
|
Negasi
|
++
|
Tunggal
|
Penambahan dengan satu
|
--
|
Tunggal
|
Pengurangan dengan satu
|
b. Operator Pemberian Nilai
Digunakan untuk memberikan nilai ke suatu operan atau mengubah nilai suatu operan.
Operator
|
keterangan
|
Contoh
|
Ekuivalen
|
=
|
Sama dengan
|
X=Y
|
|
+=
|
Ditambah dengan
|
X+=Y
|
X=X+Y
|
-=
|
Dikurangi dengan
|
X-=Y
|
X=X-Y
|
*=
|
Dikali dengan
|
X*=Y
|
X=X*Y
|
/=
|
Dibagi dengan
|
X/=Y
|
X=X/Y
|
%=
|
Modulus dengan
|
X%=Y
|
X=X%Y
|
&=
|
Bit AND dengan
|
X&Y
|
X=X&Y
|
|=
|
Bit OR
|
X|=Y
|
X=X|Y
|
c. Operator Manipulasi Bit
Operasi ini berhubungan dengan pemanipulasian bit pada operan bertipe
bilangan bulat.
Operator
|
Keterangan
|
&
|
Bit AND
|
|
|
Bit OR
|
^
|
Bit XOR
|
~
|
Bit NOT
|
<<
|
Geser ke kiri
|
>>
|
Geser ke Kanan
|
>>>
|
Geser ke kanan dengan diisi nol
|
Contoh :
var A = 12; // A = 1100b
var B = 10; // B = 1010b
var C = A & B
maka akan dihasilkan
bilangan seperti berikut :
1100b
1010b AND
1000b
var A = 12;
var C = A<< 2
var D = A >> 1
maka variabel C akan bernilai 48(0011 0000b)
variabel D akan bernilai 6 (0110b)
d. Operator Pembanding
Digunakan untuk membandingkan dua buah operan. Operan yang dikenal operator
ini dapat bertipe string, numerik, maupun ekspresi lain.
Operator
|
Keterangan
|
==
|
Sama dengan
|
!=
|
Tidak sama dengan
|
>
|
Lebih besar
|
<
|
Lebih kecil
|
>=
|
Lebih besar atau sama dengan
|
<=
|
Lebih kecil atau sama dengan
|
e. Operator Logika
Digunakan untuk mengoperasikan operan yang bertipe boolean.
Operator
|
Keterangan
|
&&
|
Operator logika AND
|
||
|
Operator Logika OR
|
!
|
Operator logika NOT
|
Contoh :
var A = true;
var B = false;
var C = A && B; //menghasilkan false
var D = A || B ; // false
var E = !A; //false
f. Operator String
Selain operator pembanding, operator string pada JavaScript juga mengenal
satu operator lagi yang bernama PENGGABUNGAN. Operator ini digunakan untuk
menggabungkan beberapa string menjadi sebuah string yang lebih panjang.
Contoh :
nama = ”Java” + ”Script”;
akan menghasilkan
”JavaScript” pada variabel nama
Contoh
Program JavaScript
|
Berikut tampilan code program di atas
<HTML> <BODY> <SCRIPT language="JavaScript"> document.write("Belajar Pemrograman Javascript!"); document.writeln("<br> <center><h1>Heading 1 dalam javascript</h1>"); document.writeln("</center>"); function sms(){ var psn=document.frm_sms.pesan.value; alert(psn); } function hitung_kali(){ var bil1=document.frm_hitung.bilangan1.value; var bil2=document.frm_hitung.bilangan2.value; var hasil=bil1*bil2; alert(hasil); } function hitung_tambah(){ var bil1=parseFloat(document.frm_hitung.bilangan1.value); var bil2=parseFloat(document.frm_hitung.bilangan2.value); var hasil=bil1+bil2; alert(hasil); } <!--a--> </SCRIPT> <br> <B>INI Di TULIS LANGSUNG DARI HTML</B> <form name="frm_sms" id="frm_sms" method="post" action=""> Pesan <input type="text" name="pesan" id="pesan" /> <input type="submit" name="simpan" onClick="sms()" value="Kirim" /> </form> <hr> <form name="frm_hitung" id="frm_hitung" method="post" action=""> Bilangan 1 <input type="text" name="bilangan1" id="bilangan1" /> Bilangan 2 <input type="text" name="bilangan2" id="bilangan2" /> <input type="button" name="simpan" onClick="hitung_kali()" value="*" /> <input type="button" name="simpan" onClick="hitung_tambah()" value="+" /> </form> </BODY> </HTML>
19:33
javascript
Subscribe to:
Posts
(
Atom
)
























