blog.kerul.net

Kursus Ionic 2021

2021-01-18T11:12:00.001+08:00

Kursus terbaharu IONIC-5

Pengenalan sepintas lalu pembangunan apps Ionic

WhatsApp kami di http://laravel.wasap.my
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Kolej Komuniti Temerloh September 2020

ILP Selandar Ogos 2020

Berikut senarai tutorial yang sedang kami bangunkan;

HARI 1 & 2

Pengenalan IONIC dan cara pasang dalam Windows10
( http://fstm.kuis.edu.my/blog/ionic-pengenalan/ ).
Versi PDF pengenalan & install IONIC
Pasang plugin TypeSript (skrip utama dalam Ionic) dalam Sublime.
Struktur asas Page dalam projek Ionic.
Sharing intent kepada media sosial.
Plugin Kamera dalam apps Ionic ( http://fstm.kuis.edu.my/blog/ionic-kamera/ )

HARI 2 & 3 IONIC + FIREBASE

Firebase Ionic CRUD – masukkan rekod baharu (download slides)
Firebase Ionic CRUD – baca rekod dan senaraikan (download slides)
Firebase Ionic CRUD – perbaharui dan pada rekod (download slides)

Kod contoh lengkap S-CRUD IONIC+FIREBASE di GITHUB.com/khirulnizam/ionmasjid

Kita pasti biasa dengan pembangunan mobile app menggunakan Android Studio tapi terdapat platform lain seperti Xcode dan sebagainya. Jadi apa itu Ionic pula?

Ionic adalah kit pembangunan perisian sumber terbuka lengkap untuk pembangunan apl mudah alih hibrid. Versi asal dikeluarkan pada tahun 2013 dan dibina di atas AngularJS dan Apache Cordova. Keluaran terbaharu telah dibina semula sebagai satu set Komponen Web, yang membolehkan pengguna memilih sebarang framework UI, seperti Angular, React atau Vue.js. Ia juga membolehkan penggunaan komponen ionik tanpa framework UI lain. Ionic menyediakan alat dan perkhidmatan untuk membangunkan aplikasi hibrid mudah alih, desktop, dan Progresif berdasarkan teknologi dan amalan pembangunan web moden, menggunakan teknologi Web seperti CSS, HTML5, dan Sass. Khususnya, aplikasi mudah alih boleh dibina dengan teknologi Web ini dan kemudian diedarkan melalui app store untuk dipasang pada peranti dengan menggunakan Cordova atau Capacitor.

Hibrid itu apa?

Kod yang sama boleh hasilkan apl utk platform yang berlainan seperti iPhone & Android. Tak perlu kepakaran yang berbeza untuk bangun dan pasarkan apl di app store yang berbeza. Selain daripada Ionic, terdapat platform lain seperti React Native, Xamarin, Flutter dan lain-lain. Semua ini bergantung pada kesediaan, keperluan dan kelebihan masing-masing.

Komponen Web ini apa pula?

Komponen Web membolehkan penciptaan widget atau komponen boleh digunakan semula dalam dokumen web dan aplikasi web. Model komponen membolehkan encapsulation ( dengan fungsi mereka terkandung jauh dari seluruh kod anda ) dan kebolehoperasi elemen-elemen HTML.

Bagaimana nak bermula?

Alatan yang diperlukan untuk bermula…

PC dengan kod editor seperti Sublime Text, VS Code atau lain-lain
pelayar web dan telefon untuk uji
npm boleh dipasang dari https://nodejs.org/en/
ionic https://ionicframework.com/getting-started#cli
Cordova npm install -g cordova
Ionic DevApp daripada Google PlayStore

Selamat dan jom sertai bengkel untuk dapat pengalaman hands-on dengan trainer berhadapan…

Rujukan:

http://fstm.kuis.edu.my/blog/ionic/
https://developer.mozilla.org/en-US/docs/Web/Web_Components
https://nodejs.org/en/
https://ionicframework.com/framework

Kolej Vokasional Sepang kursus IONIC Malaysia 2019

Kursus Ionic bersama sifu Razman Sarit

Kursus Ionic di FSTM KUIS 2019

Trainer:
KHIRULNIZAM ABD RAHMAN, Pensyarah Jabatan Sains Komputer, FSTM KUIS ( wasap.my/60129034614 )

Beliau merupakan seorang trainer dalam bidang pengaturcaraan server dan antaramuka web (web front-end & backend) semenjak tahun 2000. Disamping itu juga amat berminat dalam pembangunan applikasi mobile Ionic, Flutter, Android, JSON, LARAVEL dan PHP-MySQL.

WhatsApp kami di wasap.my/60129034614
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Kursus Flutter 2021

2021-01-16T11:33:00.001+08:00

Info Kursus Android Flutter seterusnya:

WhatsApp kami di wasap.my/60129034614
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Sinopsis: Peserta akan dilatih membangunkan applikasi mobil multi-platform menggunakan Flutter dan Android Studio. Flutter merupakan SDK yang diusahakan oleh Google untuk menambah keupayan multi-platform. Hasil daripada pembangunan menggunakan Flutter akan boleh dipasang pada Android dan juga iPhone.

Sekilas pandang kursus pembangunan Flutter oleh khirulnizam.com

Flutter Course Outline

Day 1 ( module for day1 )

Introduction to Flutter
Installing Flutter SDK toAndroid Studio ( module )
Project Structure Flutter
Dart in Flutter
Stateless & Statefull Widget

Day 2

Button & TextField
Button click
Image &Icon in Flutter
Flutter ListView

Day 3 ( module for online database Firebase )

Online Serverless Database (Firebase & Firestore)
Configuring Database
Retrieve data from Database & Display to Apps
Push data from Apps to Database
Project Example ( https://github.com/khirulnizam/makanapps )

Day 4

Update and Delete Record
Managing Users
Authentications
Login/Logout
Flutter to JSON database ( module )

Kursus flutter – Pangkalan data online, Medac – Kementerian Pembangunan Keusahawanan & Koperasi – Putrajaya 2020

Kursus Flutter Politeknik Mersing

Kursus Flutter Politeknik Mersing Jan 2019

Trainer:
KHIRULNIZAM ABD RAHMAN, Pensyarah Jabatan Sains Komputer, FSTM KUIS ( wasap.my/60129034614 )

WhatsApp kami di wasap.my/60129034614
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Kursus Laravel 2021

2021-01-15T18:41:00.003+08:00

Tutorial LARAVEL bahasa Melayu (serasi versi 5.x & 6.x, 7.x)

T0: Pengenalan Laravel ( http://fstm.kuis.edu.my/blog/laravel )

T1: Kaedah install & guna Laragon ( http://fstm.kuis.edu.my/blog/laravel1 )

T2: Asas CRUD dalam Laravel ( http://fstm.kuis.edu.my/blog/laravel2 )

T3: Penukaran tema/template antaramuka sistem Laravel ( http://fstm.kuis.edu.my/blog/laravel3 )

T4: Carian rekod dalam Laravel ( http://fstm.kuis.edu.my/blog/laravel4 )

T5: Kemaskini dan padam rekod dalam modul Laravel ( http://fstm.kuis.edu.my/blog/laravel5 )

T6: Paparan carian dengan pagination dalam Laravel ( http://fstm.kuis.edu.my/blog/laravel6 )

T7: Muat-naik fail imej ke server ( http://fstm.kuis.edu.my/blog/laravel-upload-imej )

T8: Peranan pengguna ( user roles ) dalam Laravel ACL ( http://fstm.kuis.edu.my/blog/user-roles-laravel-acl )

T9: Laravel REST API ( http://fstm.kuis.edu.my/blog/laravel-rest-api )

Model-View-Controller dalam Laravel ( http://fstm.kuis.edu.my/blog/model-view-controller-dalam-laravel )

PHPStorm IDE yang lebih baik untuk Laravel ( http://fstm.kuis.edu.my/blog/phpstorm )

Kod Sumber dalam GITHUB – https://github.com/khirulnizam/start1

Bahan kursus – download materials di sini

SLIDE IN ENGLISH

Slide1 – begining Laravel using LARAGON
http://bit.ly/laravelfstm1Slide 2 – Laravel basic CRUD
http://bit.ly/laravelfstm2

Course Outline
Day 1

Laravel Project Structure
Login Module Example
Routing
Controller
Interface
Database
Migration
Model
Project Example: Search and CRUD.

Day 2

Continue Search & CRUD
Table relationship with 1-to-Many
Multiple user roles

Keperluan/Prasyarat penyertaan kursus

Prasyarat: pengalaman HTML (Bootstrap) & PHP.
Keperluan Perisian (sila install sendiri sebelum datang kursus):
a. LARAGON webserver – download complete LaragonWAMP di sini,
b. Visual Studio Code – kod editor download di sini,
c. SQLYog Community database administrator – download di sini,
d. Template projek Laravel,
Laptop & line Internet bawa sendiri.

Kursus khidmat komuniti FSTM Laravel, bersama trainer MrKerul.

Daftar di sini (training Julai 27 & 28,2019)

WhatsApp kami di http://laravel.wasap.my
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Sesi6~~: 27 & 28 Julai 2019~~
Sesi 5: 5-6 November 2018 (9am – 5pm) (Selesai)
Sesi 4: 27 Januari 2018 (9am – 5pm) (Selesai)
Sesi 3: 14 & 15 Julai 2018 (selesai)

Kursus-kursus Laravel/Web/PHP yang telah dijalankan

Kursus Laravel SPR - Suruhanjaya Pilihanraya Jan 2020

Kursus Laravel USAS - Universiti Sultan Azlan Shah Oct 2020

Kursus Laravel OUM - Open Universiti Malaysia Sept 2020

Bersama peserta2 sesi perkongsian Laravel/PHP di Kolej Vokasional Sepang, 27 & 28 Mac 2018.

Bersama peserta2 sesi perkongsian Laravel/PHP dari Institut Professional Baitulmal, April 2018.

Bersama pelajar FYP / latihan industri #FSTMKUIS – HTML5 + Bootstrap + responsive web

Trainer:
KHIRULNIZAM ABD RAHMAN, Pensyarah Jabatan Sains Komputer, FSTM KUIS.

Antara kursus yang beliau kendalikan;

Blog peribadi beliau di khirulnizam.com . Beliau boleh dihubungi melalui email khirulnizam@gmail.com , atau
Whatsapp: http://laravel.wasap.my
Lokasi di bit.ly/mapfstm

Kursus-kursus yang telah dijalankan.

Bersama peserta2 sesi perkongsian Laravel/PHP di Kolej Vokasional Sepang, 27 & 28 Mac 2018.

Bersama peserta2 sesi perkongsian PHP dari Kolej Vokasional Shah Alam, April 2018.

Bersama pelajar FYP / latihan industri #FSTMKUIS - HTML5 + Bootstrap + responsive web

Trainer:
KHIRULNIZAM ABD RAHMAN, Pensyarah Jabatan Sains Komputer, FSTM KUIS.
Beliau merupakan seorang trainer dalam bidang pengaturcaraan server dan antaramuka web (web front-end & backend) semenjak tahun 2000. Disamping itu juga amat berminat dalam pembangunan applikasi mobile Android, JSON, LARAVEL dan PHP-MySQL.
Antara kursus yang beliau kendalikan;

Blog peribadi beliau di khirulnizam.com . Beliau boleh dihubungi melalui email khirulnizam@gmail.com , atau Whatsapp: http://wasap.my/60129034614

Kursus Laravel Basic-Intermediate : LARAVEL KERANGKA PHP
Laravel adalah satu daripada kerangka php yang paling mudah dipelajari. Ia mampu berhubung dengan pangkalan data seperti mysql, posgresql, oracle dan lain-lain. Dalam usaha membentuk system web yang berasaskan mvc yang berfokuskan oop untuk menghasilkan sistem web yang lebih mudah diselenggara.

Combo Ebook dan 20 Video
Trainer : Khirulnizam Abdul Rahman
Yuran : RM90 Promosi : RM79
➤https://www.billplz.com/laravelmy

Beli dulu dengan yuran promosi ini, simpan dan belajar bila-bila masa ikut kesesuaian.
EBOOK LARAVEL BERSAMA 20-VIDEO TUTORIAL
(BAHASA MELAYU oleh KHIRULNIZAM-COM)

Tajuk-tajuk dalam Ebook Laravel B. Melayu

LARAGON
Bermula pantas dengan install satu perisian sahaja iaitu Laragon

TUKAR TEMPLATE
Anda tidak suka antaramuka disediakan, tak masalah. Tukar antaramuka sistem menggunakan templat Bootstrap percuma yang banyak di pasaran.

PERCUMA 20 VIDEO
Versi bahasa Melayu ini juga dibekalkan dengan lebih 20 video tutorial yang memberi panduan kepada pemula Laravel dengan lebih interaktif.

S-CRUD
S-CRUD + contoh yang telah diuji berjaya membuat carian, masuk data, kemaskini data dan padam data. Contoh berfungsi dikongsikan dalam GITHUB

MUATNAIK GAMBAR
Contoh-contoh projek termasuk melibatkan muat-naik gambar ke dalam rekod dan paparkan pada sistem.

Tajuk-tajuk 20-video tutorial yang disediakan bersama ebook

ASAS - PERTENGAHAN
1. Pengenalan Laragon
2. Cipta projek baharu Laravel
3. Jana laman login & daftar pengguna
4. Migrasi pangkalan data
5. Borang antaramuka masukkan rekod baharu
6. Proses masukkan rekod baharu
7. Paparan senarai semua rekod jadual
8. Carian berdasarkan kata kunci)
9. Carian dan senarai rekod dengan paparan berbilang muka-surat.
10. Daftar alamat setiap page dalam Laravel
11. NPM tidak dijumpai
12. Pengalamatan (routing)
13. Muat-turn projek Laravel dari GiHub repo
14. Paparan semua data dalam rekod
15. Pasang icon font awesome guna CDN
16. Kemaskini data dalam rekod
17. Padam rekod
18. Keselamatan terbina CSRF
19. Pasang layout Bootstrap baru Paparan Awam
20. Pasang layout Bootstrap baru pada Panel Admin
21. Muat naik fail imej
PERCUMA
1. Kod Aturcara PHP & Slaid (percuma)
2. Ebook PHP & Mysql (percuma)
3. Github dan template

Kursus Laravel Basic-Intermediate
Combo Ebook dan 20 Video
Trainer : Khirulnizam Abdul Rahman
Yuran : RM90 Promosi : RM79
➤https://www.billplz.com/laravelmy

WhatsApp kami di http://laravel.wasap.my
Dapatkan tarikh kursus terkini di fb.com/khirulnizam

Android Studio Training ( Mobile Programming )

2019-11-03T08:00:00.000+08:00

Course Outline

Pre-requisite: Know Java OOProgramming
Make sure to install the latest Android Studio prior to attending this training.

Day 1 0830am - 0900am	Registration
0900am - 1030am	Intro to Android Apps Development + Dowload Slide Here
1030am - 1130am	Beginning Android Project + Module is here bit.ly/newandroidproject + Graphic resources download here.
1130am - 1230pm	GUI Editor + Spinner Module is Here + Better GUI Design
1230pm - 200pm	Lunch Break
2.00pm - 3.00pm	Swipe ViewPager + Dowload Slide Here
3.00pm - 4.00pm	Multiple Activities + Pass Arguments to Intent + Receiving parameters using name-value-pair.
4.00pm - 5.00pm	Publishing to Google Playstore + Generate Signed APK + Publishing App + Slide Download Here

Day2 0900am - 1100am	SQLite + Offline Database http://blog.kerul.net/2013/08/android-database-p1-intro-sqlite-db.html + Slide download here
1100am - 1300pm	Google Maps Activity + view bit.ly/kerulmaps
	ONLINE DATABASE With JSON - Setting up local server & database + Login facilities http://bit.ly/loginkerul Day 3 + Insert a new record http://bit.ly/insertkerul + Listing & Search http://bit.ly/jsonsearch + Extra shuold time available: Hybrid Apps without Coding http://bit.ly/appfstm UNITEN firebase module Online database with Google FIREBASE + Download slide here + Code sample in GitHub - https://github.com/khirulnizam/TestFireB + Database sample structure file download here Retrieve and display records from FIREBASE + Download slides here

Reference/textbook
bit.ly/android7book

IDE Softwares/Android Studio
(installation will not be covered as it requires downloading big files for additional plugins, kindly install everything prior to attending the training).
ANDROID STUDIO installation (suggested RAM 8GB) - download at developer.android.com
+ Android Studio - make sure to test the installation by creating a new Android project.
+ Make sure to test the emulator (Android virtual device)
+ Warning: all the software need to be downloaded. Requires fast internet line, >2GB (Android Studio & the emulator)

Debugging in Actual Device (phone)
Hardwares/PC requirements
+ on PC - Install the universal ADB debug bridge (eg: https://adb.clockworkmod.com/ )
+ USB data cable

Phone requirements
Should the participants require testing on OWN DEVICE, make sure the phone;
+ developer options enabled, (by tapping 7times to the kernel version - setting, about phone)
+ USB debugging enabled,
+ install via USB enabled,

NEXT - 10th iteration Android Studio 2.3 Training 16 & 17 December 2017 .

Venue: Google Meet
Date/Time 0900am - 5pm
Open TO ALL
Fee: Community Service - pay what you can afford (meals & cert not provided)
Registration here

Pre-requisite: Good if you know Java or any Programming language

Requirements:

BYOL – Bring your own Laptop with RAM capacity >6GB. Install Android Studio http://developer.android.com/sdk/
Make sure to install Android Studio prior to attending this training.
Bring also a USB data cable and your Android device.

What is Android Studio?

Android Studio is the official integrated development environment (IDE) for Android platform development.

Based on JetBrains' IntelliJ IDEA software, Android Studio is designed specifically for Android development. It is available for download on Windows, Mac OS X and Linux, and replaced Eclipse Android Development Tools (ADT) as Google's primary IDE for native Android application development.

What will be covered in this training?

The participants will be guided to create an Android app project, and how to handle the project codes and resources. We will add basic GUIs such as textbox, label, button, image, menus, screens and activities.

The second day will be covering multiple screen interactions, local database, and maps. At the end of the training we will generate Android installer file (APK) and publish it to the Google Playstore.

Kenapa perlu hadiri kursus ini?
Statistik daripada IDC mengatakan Android menguasai lebih 80% pasaran telefon pintar dunia pada 2015. Penting untuk pelajar IT/Sains Komputer atau pengaturcara tahu nak bangunkan applikasi Android.

Rujukan: http://www.idc.com/prodserv/smartphone-os-market-share.jsp

<< PREVIOUS ANDROID TRAININGS

Modules from Siri4
1. Introduction Slide - https://drive.google.com/file/d/0B8X-L8-jf7IndmtHNDE1SnFTMmc/view
2. Android Studio Tutorial Part1 - https://drive.google.com/file/d/0B8X-L8-jf7InQnJaVTVOSU5qeUk/view
3. USB Android Debug Driver - https://drive.google.com/file/d/0B8X-L8-jf7InNXI2dWV2TGx5cUk/view
4. Slides for day 2 - https://drive.google.com/file/d/0B8X-L8-jf7InUWgwTkZQLTNWNXM/view
5. Android Studio Tutorial Part2 - https://drive.google.com/file/d/0B8X-L8-jf7InSWRERThzN1JrVWM/view
6. jSON APIs -
https://drive.google.com/file/d/0B8X-L8-jf7InSVo2SmpVY3RzRnc/view?usp=sharing
https://drive.google.com/file/d/0B8X-L8-jf7InOUg1S0tzYVo0cGM/view?usp=sharing

Previous Android Training for Politeknik Dungun, Terengganu.

Previous Android Training for TATIUC, Terengganu.

Previous Android Training for corporate client City University, PJ

Previous Android Training in FSTM,KUIS

Android Training for CyberSecurity Malaysia Officers

0129034614

We also provide personal coaching,

Harap bagitau kawan-kawan dengan tekan butang SHARE di bawah
SHARE to your friends...

Laravel - for a start

2018-02-26T09:03:00.000+08:00

Slides at fstm.kuis.edu.my/blog/laravel

TMMT6053 Advance Web Development - download proforma

Advantages of PHP Framework

(Source: Hardik Linked-in)

There have been multiple advantages of PHP framework, while developing a website with a PHP framework. Utilizing the PHP framework can encourage website developers to show their best efforts.

PHP framework inbuilt with robust functions: This framework is built with an excellent set of functions; you can abridge tough tasks and get quick results from PHP coding. PHP framework is freeware with various functions; utilizing these functions you can simplify the code in PHP.
Database is a vital point: Database is the crucial factor for each project. It is the central point, where the entire data of the project are saved and called for, when required. MySQL is utilized for the database requirements for PHP.
Use wire-frame before coding: It is always beneficial to use wire frame before you start coding in PHP. The practice of using wire-frame, boost your web development projects effectively. Make sure the wire-frame club and all its elements are integrated perfectly.
MVC – The Model-View-Controller architectural pattern helps you tier your code for easier maintenance. By keeping the data-manipulating logic separate from the bits that handle the display, you make it much easier to change either the template or the underlying code without touching the other.
Bundled classes – A framework includes classes and helper functions for common tasks, such as database access, pagination, and form handling. Not to mention smaller things, like truncating text to a specific word/character count.
Rapid development – Frameworks help you create a small to medium-sized application much quicker than if you wrote everything from scratch. If you’re in a hurry, using a framework will help you finish things before you reach that looming deadline.

MVC in Laravel

LARAGON - compiled tools
(Laragon official download/docs site)

What is Laragon?
Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ruby. It is fast, lightweight, easy-to-use and easy-to-extend.

Why Laragon?
Laragon is great for building and managing modern web applications. It is focused on performance - designed around stability, simplicity, flexibility and freedom.

Laragon improves web development. Developers all over the world are using Laragon to make apps quickly and easily. It is used by thousands of developers with loves. You can check out the Testimonials to see how users think of Laragon and it’s features page for more details.

INSTALLING TOOLS - manual
NodeJS = https://nodejs.org
GIT - https://git-scm.com/
Composer https://getcomposer.org/download/ PHP package manager
Text Editor/ PHP storm

CHECK YOUR TOOLS’ VERSION
In your command prompt (cmd) – run as administrator
composer –v       (open source package manager) to run LARAVEL
git –v                 (versioning control)
npm –v
php –v               (>PHP v5.6)
Do make sure all tools are installed and ready.

DOWNLOAD LARAVEL module to composer
composer global require "laravel/installer"
Expect a long download project package for the first time.
Laravel Project Folder

laravel new hr         (download the Laravel project template)

cd hr
php artisan serve (to ON the project server)
(Artisan is the name of the command-line interface included with Laravel. It provides a number of helpful commands for use while developing your application)
GO to your browser and test http://127.0.0.1:8000/
LARAVEL DOCUMENTATIONS https://laravel.com/docs
Concept of MVC – model view controller
In web environment ----> Routing –> Controller –> View(Presentation) –> Model(DB)

CONTROLLER
To make Controller – its the logic/process. In cmd
php artisan make:controller PagesController

ROUTING
to Pages –> Home, About, Contact

DATABASE
Have your database ready
In .env - edit database configuration settings.

PHP ARTISAN MIGRATE to dump the users login content

Migration HRdb

php artisan make:migration create_employees_table

MAKE MODEL
Best practice to have the same name as the table name. Table name plural, model name singular.
php artisan make:model Employee
php artisan make:model Department
php artisan make:model Job

SEEDER - to populate predefined data

php artisan make:seeder JobTableSeeder
php artisan db:seed –-class=JobTableSeeder

FORMS

Validation – custom REQUEST
C:\hr>php artisan make:request Employee\AddRequest

MANY TO MANY with bridge-table

php artisan make:migration create_employee_project_table

Cuma nak kongsi apa yang kami tahu. Supaya mudah nak kick off projek guna Laravel PHP framework. Belum terrorists lagi. Tapi katanya kalau kita kongsi, yang sikit akan jadi banyak. Pasal ilmu bukan fizikal sifatnya. Lagi banyak dikongsi lagi besar dia tumbuh. InsyaAllah
.
Kursus khidmat komuniti FSTM Laravel. Jangka satu hari sahaja. Bersama trainer Khirulnizam Abd Rahman.
.
Tarikh: ~~27 Januari 2018 (9am - 5pm)~~ (DIBATALKAN kerana kurang penyertaan)
Tempat : Makmal Komputer 5, Bangunan Teknologi Maklumat KUIS ( maps http://bit.ly/mapfstm )

Prasyarat: tahu HTML (Bootstrap) & PHP.
Perisian (sila install sendiri sebelum datang kursus): LARAGON, dicadangkan kod editor PHPStorm atau Eclipse for PHP.
.
YURAN
**RM??/day/person
Laptop & line Internet sendiri. Tiada makanan disediakan. Sijil tertakluk kepada permintaan.

Course Outline
Day 1
Laravel Project Structure
Login Module Example
+ Routing
+ Controller
+ Interface
+ Database
+ Migration
+ Model
+ Example: Employee Search & Pagination
----

Kaedah Install Laragon (developing)

PHP Course Module

2018-01-02T07:44:00.000+08:00

bit.ly/phpfstm
SQLdump download : mycompanyhr.sql
Slide: Discussion on BootStrap
Materials: Template with BootStrap Flat-UI <DOWNLOAD>

Part 1 – Client-side

HTML- HTML references

HTML Basics - http://www.w3schools.com/html/
Responsive Design: http://www.w3schools.com/html/html_responsive.asp
HTML Forms http://www.w3schools.com/html/html_forms.asp
HTML 5 http://www.w3schools.com/html/html5_intro.asp
Bootstrap for responsive Web - http://www.w3schools.com/bootstrap/
Applying HTML5 & BootStrap as on the Client-side.

Basics of PHP

Chapter 01: Intro to PHP (PDF)
Chapter 02: PHP Syntax (PDF)
Chapter 03: Form Interactions (PDF)
Chapter 04: PHP Operators (PDF)
Chapter 05: Array (PDF)
Chapter 06: Selection Structures (PDF)
Chapter 07: Repetition Structures (PDF)
Additional Chapters for Web Programming
String Manipulations (PDF)
Upload File to the Web Server (PDF)
Sessions (PDF)
Functions in PHP

Part 2 – Database basics

Chapter 08: (PDF) Tools for Web Application Development
Chapter 09: (PDF) Record Listing using SELECT
Chapter 10: (PDF) Search Record using SELECT
Chapter 11: (PDF) Inserting a New Record using INSERT

Part 3 – Intermediate DB – Developing System with Parameterized Security

Chapter 12: (PDF) DELETE an Existing Record
Chapter 13: (PDF) UPDATE an Existing Record
Chapter 14: (PDF) Logging in using Username and Password
Chapter 15: (PDF) Server-side Session
Chapter 16: (PDF) Securing the System’s Parameter using Session
Chapter 17: (PDF) Responsive Web Design with Bootstrap

DOWNLOAD ALL MODULE at bit.ly/phpkerul

Template sample sistem and the database: Download here;
http://blog.kerul.net/2015/08/template-for-php-database-system.html

PHP training

TRAINING on Web Database Development using PHP & MySQL

Duration: 4 Days
Content: may be customised
Interested? Please email me at khirulnizam@gmail.com

**Suggested content (any changes are most welcome)

1st Day

09.00-10.30	Introduction to Web Application Development Installation
	Break
11.00-12.30	Basic HTML and Forms
	Break
2.00-5.00	Intro to PHP (Syntax, Variable, Array, Operators dan Query String )

2nd Day

09.00-10.30	Arithmetic Operators dan Boolean Expressions
	Break
11.00-12.30	Control Structures in PHP (Selection and Repetition)
	Break
2.00-5.00	SQL

3rd Day

09.00-10.30	Database Connection Record listing
	Break
11.00-12.30	Record Searching Insert a new Record
	Break
2.00-5.00	Update a Record Delete a Record

4th Day

09.00-10.30	Implementing Login and Password
	Break
11.00-12.30	Session Control
	Break
2.00-5.00	Web Application Security Considerations

Contact:

Khirulnizam +60129034614 (khirulnizam@gmail.com)

KURSUS ICT Khidmat Komuniti FSTM

2018-01-01T11:05:00.000+08:00

FSTM NAK OFFER TRAINING* IT PERCUMA 
Kami menawarkan Kursus ICT percuma kepada organisasi terpilih; NGO, sekolah, politeknik, kolej komuniti, dll.

Kursus-kursus yang ditawarkan (satu organisasi layak satu sahaja kursus); 📷 Pengaturcaraan Java 📷 Pengaturcaraan Visual 📷 Buat mobile apps - Android Studio 📷 Buat mobile apps tanpa programming 📷 Buat website Responsif Bootstrap 📷 Buat web database PHP + MySQL 📷 Buat sistem web guna Laravel 📷 Teknologi rangkaian 📷 Grafik editing 📷 Video Editing 📷 Video Montage 📷 Animasi 2D 📷 Penggunaan Media Sosial 📷 Penggunaan Microsoft Office (Word, Excel, Powerpoint) Boleh buat di tempat anda* atau di KUIS. *Sekiranya venue di luar Lembah Kelang mohon pihak tuan/puan sponsor pengangkutan dan penginapan. Berminat boleh PM kami di http://m.me/kuis.fstm http://Wasap.my/60129034614 Kami suka nak berkongsi kepada masyarakat sekitar melalui kursus Khidmat Komuniti. Antara institusi yang telah kami adakan kerjasama; Politeknik Dungun, Kolej Vokasional Sepang, TATIUC, Polimetro Kuantan, Institut Professional Baitulmal, City University KL, Politeknik Nilai, Sekolah Sultan Abdul Samad PJ, dll. Jadual program November & Disember 2017 Dalaman (KUIS) 1. 30 - 31 Okt 2017 Laravel open to Public (Khirul & SIGFSTM) ✅done 2. 1 Nov Kursus Promosi melalui FB - Khirul ✅done Kursus di Luar 1. Politeknik Perlis Android 13 -14 Nov 2017 (Khirul) 2. Kolej Vokasional Sepang 14 & 15 Nov 2017 (Muizz , Ashraf) 3. UiTM Tapah Perak Appsmoment December (Asyraf) 4. Institut Professional Baitulmal KL December (Muizz , Khirul) 5. UNITEN Android 18 Nov (Khirul) 6. SMK Puchong Php&Mysql Dec 2018 7. Politeknik Sabak Bernam Appsmoment Dec 2018 Kursus-kursus sebelum ini Kursus Buat Apps Tanpa Programming. 1. Politeknik Nilai +CWSB (6 Mac) ✔done 2. Politeknik Shah Alam 3. Poli Metro Kuantan +Asyraf+Cwsb (20 Apr) ✔done 4. SMK Abdul Samad PJ +FAA+SMS (26 April) ✔done Android Studio 1. Poli Dungun +KN+CWSB (27 Mac) ✔done 2. TATIUC +KN+CWSB (28 Mac) ✔done Berminat boleh PM kami di FB Messenger http://m.me/kuis.fstm WhatsApp http://Wasap.my/60129034614

Insert Record JSON Android in localhost environment

2017-05-03T08:17:00.000+08:00

Synopsis

This tutorial is the continuation of Login JSON Android using Login Activity
STEP 1: Preparing the online database facilities in localhost.
STEP 2: Preparing the PHP script to insert a new record.
STEP 3: Coding of The Android client

STEP 1: Preparing the online database facilities in localhost.

Our Localhost environment is on Xampp as usual.

Importing the database to the online database. Download the full code below and you will find the SQL-dump file. Import the file and it will create a database named training.

STEP 2: PHP script

Preparing the PHP script to insert a new record. We have lots of files, insertrecord.php are the one in use for this tutorial.

<?php
// include connect class
require_once __DIR__ . '/connect.php';

// connecting to db
$db = new DB_CONNECT();

//capture all values from client
$id=$_POST['id'];
$trainingname=$_POST['trainingname'];
$website=$_POST['website'];
$contact=$_POST['contact'];
$trainingdesc=$_POST['trainingdesc'];

//sql query
$q = mysql_query("INSERT INTO a_training VALUES ('$id','$trainingname', '$website','$contact','$trainingdesc')");

//echo (mysql_error());

if ($q==true) {
    // match found
	//send success to client if save went thru
		echo "success";

	}//end match found

	else{//no match found
		//send status fail
		echo "fail";

}

?>

STEP 3: Coding of The Android client

As in the screenshot, the layout is in the layout xml file. This activity is created from the Basic Activity. Kindly download the project folder for the complete code.

HttpHandler.java is the helper class to manage the online connection. Copy and paste to the package folder.

The InsertRecord.java is the file to handle the GUI and the AsyncTask (multi-threading) code. We are just providing the segment code where the multi-threading of storing the new record in the online database, kindly download the project folder for the complete code.

You may call this class from onClick button by

    public void onClick(View v){
        if (v.getId()==R.id.fab) {
            id = txtid.getText().toString();
            trainingname = txttrainingname.getText().toString();
            contact = txtcontact.getText().toString();
            website = txtwebsite.getText().toString();
            trainingdesc = txttrainingdesc.getText().toString();

            //call the AsyncTask
            new SaveNewRecord().execute();
        }//end btnsave
    }//onClick

The complete SaveNewRecord asynctask

//****************************** Save record process ASYNCTASK, starts here
    public class SaveNewRecord extends AsyncTask<String, Void, String> {
        //the progressdialog
        ProgressDialog progress = new ProgressDialog(InsertRecord.this);
        protected void onPreExecute(){
            //set message of the dialog
            progress.setMessage("Saving record to online database...");
            //show dialog
            progress.show();
            super.onPreExecute();
        }

        protected String doInBackground(String... arg0) {

            try {
                // here is your URL path, change the IP number to
                // point to your own server
                URL url = new URL("http://192.168.43.252/training/insertrecord.php");

                JSONObject postDataParams = new JSONObject();
                //add name pair values to the connection
                postDataParams.put("id", id);
                postDataParams.put("trainingname", trainingname);
                postDataParams.put("contact", contact);
                postDataParams.put("website", website);
                postDataParams.put("trainingdesc", trainingdesc);

                Log.e("params",postDataParams.toString());
                Log.e("URL",url.toString());

                HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                conn.setReadTimeout(15000 /* milliseconds */);
                conn.setConnectTimeout(15000 /* milliseconds */);
                conn.setRequestMethod("POST");//method=post
                conn.setDoInput(true);
                conn.setDoOutput(true);
                conn.connect();//execute the connection

                OutputStream os = conn.getOutputStream();
                BufferedWriter writer = new BufferedWriter(
                        new OutputStreamWriter(os, "UTF-8"));
                writer.write(getPostDataString(postDataParams));

                writer.flush();
                writer.close();
                os.close();

                int responseCode=conn.getResponseCode();
                Log.e("responseCode", "responseCode "+responseCode);
                if (responseCode == HttpsURLConnection.HTTP_OK) {
                    //code 200 connection OK
                    //code 500 server not responding
                    //code 404 file not found
                    //this part is to capture the server response
                    BufferedReader in=new BufferedReader(new
                            InputStreamReader(
                            conn.getInputStream()));
                    //Log.e("response",conn.getInputStream().toString());

                    StringBuffer sb = new StringBuffer("");
                    String line="";

                    do{
                        sb.append(line);
                        Log.e("MSG sb",sb.toString());
                    }while ((line = in.readLine()) != null) ;

                    in.close();
                    Log.e("response",conn.getInputStream().toString());
                    Log.e("textmessage",sb.toString());
                    return sb.toString();//server response message

                }
                else {

                    return new String("false : "+responseCode);
                }
            }
            catch(Exception e){
                //error on connection
                return new String("Exception: " + e.getMessage());
            }
        }

        @Override
        protected void onPostExecute(String result) {
            //Toast.makeText(getApplicationContext(), result,
            //Toast.LENGTH_LONG).show();
            //return result;
            //call method to handle after verification
            if(progress != null && progress.isShowing()){
                progress.dismiss();
            }
            saveVerification(result);//call saveVerification to display dialog
        }
    }//end

    public String getPostDataString(JSONObject params) throws Exception {

        StringBuilder result = new StringBuilder();
        boolean first = true;

        Iterator<String> itr = params.keys();

        while(itr.hasNext()){
            String key= itr.next();
            Object value = params.get(key);

            if (first)
                first = false;
            else
                result.append("&");

            result.append(URLEncoder.encode(key, "UTF-8"));
            result.append("=");
            result.append(URLEncoder.encode(value.toString(), "UTF-8"));

        }
        //Log.i("result",result.toString());
        return result.toString();
    }//end sendPostData

    public void saveVerification(String svrmsg){
        String savemsg="";
        //if new record successfully saved
        Toast.makeText(this, "svrmsg:"+svrmsg, Toast.LENGTH_LONG).show();
        if (svrmsg.equals("success")){

            savemsg="New record succesfully saved.";

        }
        else {//save attempt failed
            savemsg="Fail to save new record!";
        }

        //**********common dialog box
        AlertDialog.Builder builder1 = new AlertDialog.Builder(this);
        builder1.setTitle("Saving Record");
        builder1.setMessage(savemsg);
        builder1.setCancelable(false);
        builder1.setPositiveButton("ok", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.cancel();
            }
        }).create().show();
    }
    //****************************** Save record ASYNCTASK, ends here

DOWNLOAD THE COMPLETE SOURCE CODE HERE
https://drive.google.com/file/d/0B34ZxOOoeSDdakYwbHMxclZIdjQ/view?usp=sharing

Need face-to-face lesson?, we also provide Android Studio training, 0129034614
http://bit.ly/androidjsk

Disclaimer: Intermediate to advanced level. This tutorial works on Android Studio 2.3. Should you have any difficulties, leave your comment in the comment section.
SHARE to your friends...

ProgressDialog in Android

2017-05-01T19:39:00.000+08:00

This is the good way to use progress dialog in Android
Code coloring by http://hilite.me
Source from http://stackoverflow.com/questions/10446125/how-to-show-progress-dialog-in-android

//example code on using Progress Dialog in Android
private class YourAsyncTask extends AsyncTask<Void, Void, Void> {

   ProgressDialog dialog = new ProgressDialog(IncidentFormActivity.this);

   @Override
    protected void onPreExecute() {
        //set message of the dialog
        dialog.setMessage("Loading...");
        //show dialog
        dialog.show();
        super.onPreExecute();
    }

   protected Void doInBackground(Void... args) {
    // do background work here
    return null;
   }

   protected void onPostExecute(Void result) {
     // do UI work here
     if(dialog != null && dialog.isShowing()){
       dialog.dismiss()
     }

  }
}

Login JSON Android using Login Activity

2017-05-01T09:32:00.000+08:00

I’ve been trying to release this tutorial quite a while. At last after a long hard effort. Since HttpClient is not supported any more in Android SDK 23, I have to resort to org.json.JSONObject and java.net.HttpURLConnection library to do online database with JSON.
The objective of this tutorial is to log-in from a mobile client with the username and password stored in an online database facility.

STEP 1: Create a new Android project, this time choose the LoginActivity .

The Interface
As the interface is provided by the ListActivity template, I will not elaborate.

STEP 2. Add the HttpHandler helper class.
This helper class is to check several errors of HTTP data format. It is also to convert HTTP stream into STRING.
Add JAVA the file to the main package.

HttpHandler.java

package net.kerul.logindirectory;

//HttpHandler.java

import android.util.Log;

import java.io.BufferedInputStream;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.ProtocolException;
import java.net.URL;

public class HttpHandler {

    private static final String TAG = HttpHandler.class.getSimpleName();

    public HttpHandler() {
    }

    public String makeServiceCall(String reqUrl) {
        String response = null;
        try {
            URL url = new URL(reqUrl);
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setRequestMethod("GET");//method type
            // read the response
            InputStream in = new BufferedInputStream(conn.getInputStream());
            response = convertStreamToString(in);
        } catch (MalformedURLException e) {
            Log.e(TAG, "MalformedURLException: " + e.getMessage());
        } catch (ProtocolException e) {
            Log.e(TAG, "ProtocolException: " + e.getMessage());
        } catch (IOException e) {
            Log.e(TAG, "IOException: " + e.getMessage());
        } catch (Exception e) {
            Log.e(TAG, "Exception: " + e.getMessage());
        }
        return response;
    }

    private String convertStreamToString(InputStream is) {
        BufferedReader reader = new BufferedReader(new InputStreamReader(is));
        StringBuilder sb = new StringBuilder();

        String line;
        try {
            while ((line = reader.readLine()) != null) {
                sb.append(line).append('\n');
            }
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                is.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return sb.toString();
    }
}

STEP 3: The main java file to handle button LOGIN click and connection to the online server.
The code is too long, I just highlight several important functions.
The UserLoginTask class that implemented in AsyncTask (multi-threading).

/**
     * Represents an asynchronous login/registration task used to authenticate
     * the user.
     */
    public class UserLoginTask extends AsyncTask<String, Void, String> {

        private final String mEmail;
        private final String mPassword;

        UserLoginTask(String email, String password) {
            mEmail = email;
            mPassword = password;
        }

        @Override
        protected void onPreExecute(){
            showProgress(true);
        }//onPreExecute

        @Override
        protected String doInBackground(String... arg0) {

            try {

                URL url = new URL("http://khirulnizam.com/prebetgo/login.php"); // here is your URL path

                JSONObject postDataParams = new JSONObject();
                //add name pair values to the connection

                postDataParams.put("username", username);
                postDataParams.put("password", password);

                Log.e("params",postDataParams.toString());
                Log.e("URL",url.toString());

                HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                conn.setReadTimeout(15000 /* milliseconds */);
                conn.setConnectTimeout(15000 /* milliseconds */);
                conn.setRequestMethod("POST");
                conn.setDoInput(true);
                conn.setDoOutput(true);
                conn.connect();

                OutputStream os = conn.getOutputStream();
                BufferedWriter writer = new BufferedWriter(
                        new OutputStreamWriter(os, "UTF-8"));
                writer.write(getPostDataString(postDataParams));

                writer.flush();
                writer.close();
                os.close();

                int responseCode=conn.getResponseCode();
                Log.e("responseCode", "responseCode "+responseCode);
                if (responseCode == HttpsURLConnection.HTTP_OK) {//code 200 connection OK
                    //this part is to capture the server response
                    BufferedReader in=new BufferedReader(new
                            InputStreamReader(
                            conn.getInputStream()));
                    //Log.e("response",conn.getInputStream().toString());

                    StringBuffer sb = new StringBuffer("");
                    String line="";

                    do{
                        sb.append(line);
                        Log.e("MSG sb",sb.toString());
                    }while ((line = in.readLine()) != null) ;

                    in.close();
                    Log.e("response",conn.getInputStream().toString());
                    Log.e("textmessage",sb.toString());
                    return sb.toString();//server response message

                }
                else {

                    return new String("false : "+responseCode);
                }
            }
            catch(Exception e){
                //error on connection
                return new String("Exception: " + e.getMessage());
            }
        }//end doInBackground

        @Override
        protected void onPostExecute(String result) {
            //Toast.makeText(getApplicationContext(), result,
            //Toast.LENGTH_LONG).show();
            //return result;
            //call method to handle after verification


            mAuthTask = null;
            showProgress(false);

            loginVerification(result);
        }//end onPostExecute

        @Override
        protected void onCancelled() {
            mAuthTask = null;
            showProgress(false);
        }//end onCancelled
    }
    public String getPostDataString(JSONObject params) throws Exception {

        StringBuilder result = new StringBuilder();
        boolean first = true;

        Iterator<String> itr = params.keys();

        while(itr.hasNext()){
            String key= itr.next();
            Object value = params.get(key);

            if (first)
                first = false;
            else
                result.append("&");

            result.append(URLEncoder.encode(key, "UTF-8"));
            result.append("=");
            result.append(URLEncoder.encode(value.toString(), "UTF-8"));

        }//end getPostDataString
        //Log.i("result",result.toString());
        return result.toString();
    }//end UserLoginTask

The loginVerification function to display dialog box to the login status.

private void loginVerification(String svrmsg){
        String savemsg="";
        //if new record successfully saved
        Toast.makeText(this, "svrmsg:"+svrmsg,Toast.LENGTH_LONG).show();
        if (svrmsg.equals("success")){

            savemsg="Logged in...";

        }
        else {//save failed
            savemsg="Email/password not match!";
        }

        //**********common dialog box
        AlertDialog.Builder builder1 = new AlertDialog.Builder(this);
        builder1.setTitle("User Login");
        builder1.setMessage(savemsg);
        builder1.setCancelable(false);
        builder1.setPositiveButton("ok", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.cancel();
            }
        }).create().show();

        //call ListUsers page if servermessage is success
        if (svrmsg.equals("success")){

            Intent i=new Intent(this,ListUsers.class);
            startActivity(i);
        }

    }//end loginVerification

STEP 4: The middleware in the online server

<?php
$username=$_POST['username'];
$password=$_POST['password'];

// include connect class

require_once __DIR__ . '/connect.php';

// connecting to db

$db = new DB_CONNECT();

$result = mysql_query("SELECT * FROM sd_users WHERE email='$username' AND password=md5('$password')") 

or die(mysql_error());

// check for empty result

if (mysql_num_rows($result) > 0) {
    // match found
 //send success
  echo "success";
  //$response["success"] = 1;
 }//end match found

 else{//no match found
  //send status fail
  echo "fail";
  //$response["success"] = 0;
 }
 //echo json_encode($response);

?>

DOWNLOAD THE COMPLETE SOURCE CODE here…https://drive.google.com/file/d/0B5_Hw_xzXWcXbm8xTHZtLVI3bTg/view?usp=sharing

Need face-to-face lesson?, we also provide Android Studio training, 0129034614
http://bit.ly/androidjsk

Disclaimer: Intermediate level. This tutorial works on Android Studio 2.2. Should you have any difficulties, leave your comment in the comment section.
SHARE to your friends...

Kursus combo GRAFIK & WEBSITE cara mudah

2017-01-18T16:39:00.000+08:00

Tarikh: 19 Ogos 2017 (Sabtu)Masa: 9am - 12pm (Grafik), 2pm - 4pm (Website)

Sumbangan: RM75 kepada tabung masjid

Tempat: MK5, IT Block, Kolej Universiti Islam Antarabangsa Selangor, Bandar Seri Putra, Bangi, Kajang, Selangor.

Penganjur: Masjid Al-Azhar & FSTM, KUIS & KOKUIS Academy

WhatsApp http://wasap.my/60189899072

Pendaftaran: peserta boleh membuat bayaran yuran penyertaan ke;

Akaun Bank Muamalat Masjid Al Azhar

(No Akaun: 12100000486710)

dan hantar salinan bayaran beserta maklumat peserta (Nama, No K/P & email) melalui Whatsapp kepada Khir 019-7464319 sebelum atau pada 5 Ogos 2017.

PENAMPILAN KHAS web marketer Harussani Nor Hamsan untuk sesi sharing "How to SELL through website". Beliau akan dedahkan cara macam mana nak menjual melalui website (tertakluk).

Sesi kali ini adalah kursus khidmat ummah untuk pengurusan masjid daerah Hulu Langat, Selangor. Namun ada beberapa tempat terhad yang kami peruntukan untuk orang awam. Daftar cepat.

Responsive web design penting masa sekarang sebab user banyak guna telefon pintar untuk view website.

Namun, website developer tak boleh abaikan pengguna laptop/pc. Jadi macam mana nak penuhi keperluan saiz skrin yang pelbagai? Responsive design dengan Bootstrap mampu untuk selesaikan masalah tersebut.

Software yang kami guna nanti ada kelebihan berikut;

✔ Membuat material grafik dengan sangat mudah.

✔ memudahkan buat website mini yang responsive. Jadi website cantik dipandang dalam skrin telefon atau desktop.

✔ BLOCK design yang terkini.

✔ Mengunakan BootStrap untuk jadikan web anda lebih cantik dan responsif.

✔ Animasi transisi laman menggunakan Javascript

✔ Macam mana nak guna RESPONSIVE, BOOTSTRAP, JAVASCRIPT, BLOCK DESIGN? TAK PERLU tahu detail pasal software akan uruskan semua tu.

✔ Anda cuma perlu masukkan isi kandungan sahaja.

MOBIRISE sesuai untuk pengguna umum yang tak mau kesah dengan coding HTML. Sangat mudah dengan fungsi drag and drop dan wizard. Cumanya kalau kita nak tambah extension kena bayar. Contohnya code editor perlu bayar untuk dapatkan features tersebut. Tapi memang kita taknak kesah coding pun.

Kalau sapa2 nak tahu tools/perisian buat website mini tanpa CMS, boleh datang kursus nih. Lagi pun BLOCK web design memang cantik buat minisite.

Satu lagi kursus khidmat komuniti FSTM, KUIS. Untung terus masuk ke tabung penganjur Masjid Al-Azhar KUIS.

Agenda:

Penggunaan tools mudah grafik
Pengenalan Internet dan Web
BLOCK design
Buat minisite cara mudah tanpa Programming
Tapak web & domain
Demo upload ke server

Training Slides

Training Materials is at http://bit.ly/html5000

FREE Knowledge Sharing Session: HTML5, Bootstrap & Mobirise

{
HTML5 - refers to the modern day of HTML which promotes self playing of video & audio & animation without having to install additional plugins to browser.
.
Bootstrap - A HTML framework supports responsive web design to provide one time webpage development for smartphone, tablet and desktop.
.
Mobirise - a free web design studio that support HTML5 & Bootstrap's famous 'block' design.
}
.
Date: March 11, 2017 (Saturday)
Time: 8.30am - 1pm
Venue: MK5, IT Block, Kolej Universiti Islam Antarabangsa Selangor, Bandar Seri Putra, Bangi, Kajang, Selangor.
Organizers: FSTM, Masjid Al-Azhar & KOKUIS Academy

Sesi sebelumnya;

Better web hosting experience with Exabytes.com.my

2017-01-17T08:29:00.000+08:00

A satisfied client of Exabytes.com.my hosting since 2005.

I've started developing my personal website way back since 2003. The first web hosting provider is a free web hosting service. You know that free web hosting is risky. Why? Coz it's free and they never guarantee the reliability of a free service. If the server is down, you cannot complaint. If the server storage corrupt and you lose all your precious files, you also cannot complaint. If their service terminated, you also cannot do anything.

Before I knew exabytes.com.my, I hosted my clients’ website at a very lousy web hosting provider (shall I say P*****.net). From the day one the installation process was horrible. I need to call the support centre many times, and it took me one whole week to make sure my client’s website online. During the one year renting period, the hosting provider change my server setting more than three times. When this happen I need to spend sometime to reconfigure my client’s website so it could be accessed. I said this is very tedious, and called them asking why this things always happened. And their answer was simple, they said “They accidentally turned the server off”. That was horrible, they don’t have schedule maintenance.

I had enough with that hosting provider and I decided to migrate all my clients’ websites to Exabytes.my by recommendation of a friend. That was a hard learned experience which a I always share to my colleagues.

I am a trainer with the Dept of Computer Science, FSTM, KUIS focusing Web & Mobile Programming. That's why when I explain to my students on how to choose a web hosting service, pick the one that has good credibility. And frankly I advice them to use exabytes.com.my. Why? Since I put my clients' websites at exabytes.com.my I never experience about their website cannot be accessed. And I have never been asked to change my database name or address because of a server malfunction. Because as a webmaster, if you were forced to change any of your server setting, it could be a nightmare. There're a lot of web applications that rely on these information. Changing them accidentally could cause your website to malfunction. It’s not good for your company's credibility.

UPDATE:
On Sunday 15 Jan 2017, one of the website I maintained was DOWN ( K*****.my ). Immediately send a ticket and the next day got an email from Exabytes.my asking for the details of the problem. One hour later the site is UP again. Fortunately they did a daily backup of my website, and simply restore from the backup on 14th Jan 2017.

Thank you exabytes...

This is a lecture slide that mentions EXABYTES.com.my is my preferred web hosting solution.

Deploying a website

View more presentations from Khirulnizam Abd Rahman

AutocompleteTextview items from SQLite database

2017-01-13T18:08:00.001+08:00

AutoCompleteTextView is yet another basic controls in Android. The main purpose is to provide a suggestion list while you type on the textbox (as in the image below). This time instead of listing a regular ArrayList, I will show how to populate the list from a offline database table through SQLite.

Starts by creating a new project, create a BASIC PROJECT. –> the tutorial is here http://blog.kerul.net/2016/12/creating-new-android-studio-project.html .

The interface layout as in content_main.xml .

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="net.kerul.stationlist.MainActivity"
    tools:showIn="@layout/activity_main">

    <AutoCompleteTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fromstation"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_toEndOf="@+id/textView" />

    <TextView
        android:text="FROM"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/textView" />

    <TextView
        android:text="TO"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/fromstation"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="11dp"
        android:id="@+id/textView2" />

    <AutoCompleteTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/fromstation"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:id="@+id/tostation"
        android:layout_alignLeft="@+id/fromstation"
        android:layout_alignStart="@+id/fromstation" />
</RelativeLayout>

The database helper class as in MyDB.java

package net.kerul.stationlist;
import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;


public class MyDB extends SQLiteOpenHelper {
    final protected static String DATABASE_NAME="KTM";//define DB name
    public MyDB(Context context) {
        super(context, DATABASE_NAME, null,1);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {//1st time install auto create DB

        //here is the database definition with some data to insert

        //CREATE TABLE entry for table Stations
        db.execSQL("CREATE TABLE Stations (ID TEXT, Name TEXT, PRIMARY KEY(ID));");
        //CREATE TABLE entry for table Train_run
        db.execSQL("CREATE TABLE Train_run (ID	INTEGER, from_station_ID TEXT, to_station_ID TEXT, ticket_price REAL,PRIMARY KEY(ID));");

        //data entry (Table Stations)
        db.execSQL("INSERT INTO Stations VALUES ('KA 02','Kuala Lumpur')");
        db.execSQL("INSERT INTO Stations VALUES ('KA 03','Bank Negara')");
        db.execSQL("INSERT INTO Stations VALUES ('KA 04','Putra')");
        db.execSQL("INSERT INTO Stations VALUES ('KA 05','Segambut');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 06','Kepong');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 07','Kepong Sentral');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 08','Sungai Buloh');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 09','Kuang');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 10','Rawang');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 11','Serendah')");
        db.execSQL("INSERT INTO Stations VALUES ('KA 12','Batang Kali');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 13','Rasa');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 14','K. Kubu Bharu');");
        db.execSQL("INSERT INTO Stations VALUES ('KA 15','Tg. Malim');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 01','Midvalley');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 02','Seputeh');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 03','Salak Selatan');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 04','Bandar Tasik Selatan');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 05','Serdang');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 06','Kajang');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 07','UKM');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 08','Bangi');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 09','Batang Benar');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 10','Nilai');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 11','Labu');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 12','Tiroi');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 13','Seremban');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 14','Senawang');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 15','Sg Gadut');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 16','Rembau')");
        db.execSQL("INSERT INTO Stations VALUES ('KB 17','Tampin');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 18','Btg Melaka');");
        db.execSQL("INSERT INTO Stations VALUES ('KB 19','Gemas');");
        db.execSQL("INSERT INTO Stations VALUES ('KC 01','Sentul');");
        db.execSQL("INSERT INTO Stations VALUES ('KC 02','Batu Kentonmen');");
        db.execSQL("INSERT INTO Stations VALUES ('KC 03','Kampung Batu')");
        db.execSQL("INSERT INTO Stations VALUES ('KA 01','KL Sentral');");
        db.execSQL("INSERT INTO Stations VALUES ('KC 04','Taman Wahyu');");
        db.execSQL("INSERT INTO Stations VALUES ('KC 05','Batu Caves');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 01','Angkasapuri');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 02','Pantai Dalam');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 03','Petaling');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 04','Jalan Templer');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 05','Kg. Dato Harun');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 06','Seri Setia');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 07','Setia Jaya');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 08','Subang Jaya');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 09','Batu Tiga');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 10','Shah Alam');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 11','Padang Jawa');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 12','Bukit Badak');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 13','Klang');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 14','Teluk Pulai');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 15','Teluk Gadong');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 16','Kg. Raja Uda');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 17','Jalan Kastam');");
        db.execSQL("INSERT INTO Stations VALUES ('KD 18','Pelabuhan Klang');");

        //data entry (Table Train_run)
        db.execSQL("INSERT INTO Train_run VALUES (1,'KD 18','KD 18',0.0);");
        db.execSQL("INSERT INTO Train_run VALUES (2,'KD 18','KD 17',1.5);");
        db.execSQL("INSERT INTO Train_run VALUES (3,'KD 18','KD 16',1.9);");
        db.execSQL("INSERT INTO Train_run VALUES (4,'KD 18','KD 15',1.9);");
        db.execSQL("INSERT INTO Train_run VALUES (5,'KD 18','KD 14',1.9);");
        db.execSQL("INSERT INTO Train_run VALUES (6,'KD 18','KD 13',2.3);");
        db.execSQL("INSERT INTO Train_run VALUES (7,'KD 18','KD 12',2.3);");
        db.execSQL("INSERT INTO Train_run VALUES (8,'KD 18','KD 11',2.8);");
        db.execSQL("INSERT INTO Train_run VALUES (9,'KD 18','KD 10',3.3);");
        db.execSQL("INSERT INTO Train_run VALUES (10,'KD 18','KD 9',3.9);");
        db.execSQL("INSERT INTO Train_run VALUES (11,'KD 18','KD 8',4.3);");
        db.execSQL("INSERT INTO Train_run VALUES (12,'KD 18','KD 7',4.7);");
        db.execSQL("INSERT INTO Train_run VALUES (13,'KD 18','KD 6',4.8);");
        db.execSQL("INSERT INTO Train_run VALUES (14,'KD 18','KD 5',4.9);");
        db.execSQL("INSERT INTO Train_run VALUES (15,'KD 18','KD 4',5.3);");
        db.execSQL("INSERT INTO Train_run VALUES (16,'KD 18','KD 3',5.4);");
        db.execSQL("INSERT INTO Train_run VALUES (17,'KD 18','KD 2',5.6);");
        db.execSQL("INSERT INTO Train_run VALUES (18,'KD 18','KD 1',5.9);");
        db.execSQL("INSERT INTO Train_run VALUES (19,'KD 18','KA 01',6.4);");
        db.execSQL("INSERT INTO Train_run VALUES (20,'KD 18','KA 02',6.5);");
        db.execSQL("INSERT INTO Train_run VALUES (21,'KD 18','KA 03',6.7);");
        db.execSQL("INSERT INTO Train_run VALUES (22,'KD 18','KA 04',6.9);");
        db.execSQL("INSERT INTO Train_run VALUES (23,'KD 18','KC 01',7.1);");
        db.execSQL("INSERT INTO Train_run VALUES (24,'KD 18','KC 02',7.1);");
        db.execSQL("INSERT INTO Train_run VALUES (25,'KD 18','KC 03',7.2);");
        db.execSQL("INSERT INTO Train_run VALUES (26,'KD 18','KC 04',7.4);");
        db.execSQL("INSERT INTO Train_run VALUES (27,'KD 18','KC 05',7.7);");
        db.execSQL("INSERT INTO Train_run VALUES (28,'KD 18','KA 15',15.1);");
        db.execSQL("INSERT INTO Train_run VALUES (29,'KD 18','KA 14',12.7);");
        db.execSQL("INSERT INTO Train_run VALUES (30,'KD 18','KA 13',11.9);");
        db.execSQL("INSERT INTO Train_run VALUES (31,'KD 18','KA 12',11.5);");
        db.execSQL("INSERT INTO Train_run VALUES (32,'KD 17','KD 18',1.1);");

    }//onCreate


    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
        if (newVersion > oldVersion){//renew DB if DB upgraded to new version
            //do something if database is updated
            db.execSQL("DROP TABLE IF EXISTS Stations");
            db.execSQL("DROP TABLE IF EXISTS Train_run");
            onCreate(db);
        }
    }//onUpgrade
}//end MyDB database helper

And the MainActivity.java is below. Bear in mind that the description of what the coding do are available in the comment.

package net.kerul.stationlist;

import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    private AutoCompleteTextView fromstation, tostation;
    private MyDB mydb;
    private SQLiteDatabase db;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        //UI the AutoCompleteTextView
        fromstation = (AutoCompleteTextView)findViewById(R.id.fromstation);
        tostation = (AutoCompleteTextView)findViewById(R.id.tostation);

        //create the ArrayList from database
        mydb = new MyDB(this);
        db = mydb.getWritableDatabase();//connect to MyDB
        //
        final String [] mydata;
        ArrayList<String> array = new ArrayList<>();
        //Inside the method you've read the cursor, loop through it and add those item to array
        String sql="SELECT * FROM Stations";
        //execute SQL
        Cursor cr = db.rawQuery(sql, null);
        cr.moveToFirst();//cursor pointing to first row
        mydata = new String[cr.getCount()];//create array string based on numbers of row
        int i=0;
        do  {
            mydata[i] = cr.getString(1);//insert new stations to the array list
            //Log.i("ArrayList",mydata[i]);
            i++;
        }while(cr.moveToNext());
        //Finally Set the adapter to AutoCompleteTextView like this,
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                        android.R.layout.simple_dropdown_item_1line, mydata);
        //populate the list to the AutoCompleteTextView controls
        fromstation.setAdapter(adapter);
        tostation.setAdapter(adapter);

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

Java Tutorials Guru99.net

2016-12-30T20:30:00.000+08:00

Hi,
I am Alex Nordeen Editor at Guru99. Our Goal is to provide Fun and Free Education for ALL
I was doing a little analysis on JAVA and that I discovered your page http://blog.kerul.net/2014/11/java-beginner-tutorials.html
and I noticed you linked http://www.java-made-easy.com/java-hello-world.html

I want to highlight on that we recently create tutorials on JAVA (http://www.guru99.com/java-tutorial.html) that took 190+ hours to create with superbly annotated screenshots, videos and is incredibly comprehensive.

The tutorials are created by an Oracle veteran and that I have personally edited them.
The course covers

JAVA Basics like Java Virtual Machine (JVM) and download and Install Guide.
It also introduces concepts of OOPs, Constructors, Inheritance, Memory Management, Exception Handling and Conditional Loops.
We also touch on advanced topics like Multithreading, Timer and Java Reflection API.

Do you feel it might be an honest appropriate your audience? might be worth a mention :)
Here is the Link for Review: http://www.guru99.com/first-java-program.html
Might be worth a mention. :)
Do you feel it could be a good fit for your audience? I'd love to know what know what you think!

Regards,
Alex Nordeen | alex@guru99.net

Online database thru JSON in Android Studio

2016-12-29T09:26:00.001+08:00

The tutorial is about how to connect Android apps and online database using the JSON formatted data interchange. The server facilities and JSON encoded data has been explained in the previous tutorials;
( Android and JSON Insert, Android and JSON Search ).

The overview concept of JSON data inter change.

JSON formatted data sample

First we look at our database structure for this project.

Part A: The online database

The table is training, and this is the structure.

There is a PHP script that generate a JSON encoded data from the above table.

The PHP script to generate JSON formatted data;

<?php
//search.php
/*
 * Following code will search training based on keywords
 */
 
// array for JSON response
$response = array();
 
// include connect class
require_once __DIR__ . '/connect.php';
 
// connecting to db
$db = new DB_CONNECT();

$keyword=$_GET["keyword"];
// get idioms based on keyword

//using LIKE
$result = mysql_query("SELECT * FROM a_training WHERE trainingname LIKE '%$keyword%' LIMIT 0, 20") 
or die(mysql_error());
 
// check for empty result
if (mysql_num_rows($result) > 0) {
    // looping through all results
    $response["traininglist"] = array();
 
    while ($row = mysql_fetch_array($result)) {
        // temp user array
        $traininglist= array();
        $traininglist["id"] = $row["id"];
        $traininglist["trainingname"] = $row["trainingname"];
        $traininglist["website"] = $row["website"];
		$traininglist["contact"] = $row["contact"];
		$traininglist["trainingdesc"] = $row["trainingdesc"];
 
        // push single idiom array into final response array
        array_push($response["traininglist"], $traininglist);
    }
    // success
    $response["success"] = 1;
 
    // echoing JSON response
    echo json_encode($response);
} else {
    // no products found
    $response["success"] = 0;
    $response["message"] = "No training found";
 
    // echo no users JSON
    echo json_encode($response);
}
?>

The expected output as viewed in the Android device.

Part B: The mobile app interfaces

This part is to create a mobile apps interface, by creating a new project in Android Studio. There will be two activities. The first is the search box. And the second screen activity is to display the result.

As you could notice there is a login UI below, that is for the next exercise to create a LOGIN facility.

activity_main.xml – the search box.

 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   xmlns:app="http://schemas.android.com/apk/res-auto"  
   xmlns:tools="http://schemas.android.com/tools"  
   android:id="@+id/activity_main"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   android:paddingBottom="@dimen/activity_vertical_margin"  
   android:paddingLeft="@dimen/activity_horizontal_margin"  
   android:paddingRight="@dimen/activity_horizontal_margin"  
   android:paddingTop="@dimen/activity_vertical_margin"  
   tools:context="net.kerul.jsonlisting.MainActivity"  
   android:background="@drawable/bgsplit">  
   <EditText  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:inputType="textNoSuggestions|textPersonName"  
     android:ems="10"  
     android:layout_alignParentTop="true"  
     android:id="@+id/txtsearch"  
     android:hint="Search training..."  
     android:layout_alignParentLeft="true"  
     android:layout_alignParentStart="true"  
     android:layout_toLeftOf="@+id/btnsearch"  
     android:layout_toStartOf="@+id/btnsearch"  
     android:layout_alignBottom="@+id/btnsearch" />  
   <ImageButton  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     app:srcCompat="@drawable/ic_search48"  
     android:layout_alignParentRight="true"  
     android:layout_alignParentEnd="true"  
     android:id="@+id/btnsearch"  
     android:layout_alignParentTop="true" />  
   <LinearLayout  
     android:orientation="vertical"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent"  
     android:layout_below="@+id/txtsearch"  
     android:layout_marginTop="120dp"  
     android:layout_alignParentRight="true"  
     android:layout_alignParentEnd="true"  
     android:background="#50ff0000">  
     <TextView  
       android:text="Authorised login only"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:id="@+id/textView"  
       android:textColor="#000000"  
       android:textAlignment="center"  
       android:textSize="24sp"  
       android:background="#ff0000" />  
     <EditText  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:inputType="textPersonName"  
       android:ems="10"  
       android:id="@+id/txtuname"  
       android:hint="Username" />  
     <EditText  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:inputType="textPassword"  
       android:ems="10"  
       android:id="@+id/txtpwd"  
       android:drawableRight="@android:drawable/ic_secure"  
       android:hint="Password" />  
     <Button  
       android:text="Login"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:id="@+id/btnlogin" />  
   </LinearLayout>  
 </RelativeLayout>

activity_listing.xml – the result display. The main UI component here is ListView with the id list.

 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   xmlns:tools="http://schemas.android.com/tools"  
   android:id="@+id/activity_listing"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   android:paddingBottom="@dimen/activity_vertical_margin"  
   android:paddingLeft="@dimen/activity_horizontal_margin"  
   android:paddingRight="@dimen/activity_horizontal_margin"  
   android:paddingTop="@dimen/activity_vertical_margin"  
   tools:context="net.kerul.jsonlisting.Listing"  
   android:background="#FFA233" >  
   <ListView  
     android:id="@+id/list"  
     android:layout_width="fill_parent"  
     android:layout_height="wrap_content" />  
 </RelativeLayout>

list_item.xml – this is to display one record. This list_item will be re-used by ListView for each record.

 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   android:orientation="vertical">  
   <TextView  
     android:id="@+id/id"  
     android:layout_width="fill_parent"  
     android:layout_height="wrap_content"  
     android:paddingBottom="2dip"  
     android:paddingTop="6dip"  
     android:textColor="@color/colorPrimaryDark"  
     android:textSize="16sp"  
     android:textStyle="bold" />  
   <TextView  
     android:id="@+id/trainingname"  
     android:layout_width="fill_parent"  
     android:layout_height="wrap_content"  
     android:paddingBottom="2dip"  
     android:textColor="@color/colorAccent" />  
   <TextView  
     android:id="@+id/website"  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:textColor="#5d5d5d"  
     android:textStyle="bold" />  
 </LinearLayout>

Part C: The Java files contain;
1. MainActivity.java – main interface where the search box is.
2. Listing.java – will search to the online database do the result listing.
3. HttpHandle.java – to handle the connection to the JSON service online page.

MainActivity.java – the activity screen is activity_main.xml

 package net.kerul.jsonlisting;  
 import android.app.Dialog;  
 import android.app.ProgressDialog;  
 import android.content.Intent;  
 import android.os.AsyncTask;  
 import android.support.v7.app.AppCompatActivity;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.widget.EditText;  
 import android.widget.ImageButton;  
 import java.io.InputStream;  
 public class MainActivity extends AppCompatActivity implements View.OnClickListener{  
   ImageButton btnsearch;  
   EditText txtsearch;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
     //UI  
     txtsearch=(EditText)findViewById(R.id.txtsearch);  
     btnsearch=(ImageButton)findViewById(R.id.btnsearch);  
     btnsearch.setOnClickListener(this);  
   }//end onCreate  
   public void onClick(View v){  
     if(v.getId()==R.id.btnsearch){  
       Intent listing= new Intent(this,Listing.class);  
       listing.putExtra("searchkey",txtsearch.getText().toString());  
       startActivity(listing);  
     }  
   }//end onCLick  
 }

Listing.java – the activity screen is activity_listing.xml

 package net.kerul.jsonlisting;  
 import android.app.ProgressDialog;  
 import android.os.AsyncTask;  
 import android.os.Bundle;  
 import android.support.v7.app.AppCompatActivity;  
 import android.util.Log;  
 import android.widget.ListAdapter;  
 import android.widget.ListView;  
 import android.widget.SimpleAdapter;  
 import android.widget.Toast;  
 import org.json.JSONArray;  
 import org.json.JSONException;  
 import org.json.JSONObject;  
 import java.util.ArrayList;  
 import java.util.HashMap;  
 public class Listing extends AppCompatActivity {  
   private String TAG = Listing.class.getSimpleName();  
   private ProgressDialog pDialog;  
   private ListView lv;  
   // URL to get contacts JSON  
   ArrayList<HashMap<String, String>> traininglist;  
   String searchkey;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_listing);  
     Bundle extras = getIntent().getExtras();  
     searchkey=extras.getString("searchkey").toString();  
     //rename actionbar title to search keyword  
     setTitle(searchkey+" Trainings");  
     //URL with searchkey  
     traininglist = new ArrayList<>();  
     lv = (ListView)findViewById(R.id.list);  
     new GetTraining().execute();  
   }  
   /**  
    * Async task class to get json by making HTTP call  
    */  
   private class GetTraining extends AsyncTask<Void, Void, Void> {  
     //Log.e(url2);  
     @Override  
     protected void onPreExecute() {  
       super.onPreExecute();  
       // Showing progress dialog  
       pDialog = new ProgressDialog(Listing.this);  
       pDialog.setMessage("Please wait...");  
       pDialog.setCancelable(false);  
       pDialog.show();  
     }  
     @Override  
     protected Void doInBackground(Void... arg0) {  
       HttpHandler sh = new HttpHandler();  
       //set the URL address of the JSON service page here  
       String url2 = "http://khirulnizam.com/training/search.php?keyword="+searchkey;  
       Log.e(TAG,url2);  
       // Making a request to url and getting response  
       String jsonStr = sh.makeServiceCall(url2);  
       Log.e(TAG, "Response from url: " + jsonStr);  
       //if respon null  
       if (jsonStr != null) {  
         try {  
           JSONObject jsonObj = new JSONObject(jsonStr);  
           // Getting JSON Array node name  
           JSONArray contacts = jsonObj.getJSONArray("training");  
           // looping through All Contacts  
           for (int i = 0; i < contacts.length(); i++) {  
             JSONObject c = contacts.getJSONObject(i);  
             String id = c.getString("id");  
             String trainingname = c.getString("trainingname");  
             String website = c.getString("website");  
             // tmp hash map for single contact  
             HashMap<String, String> contact = new HashMap<>();  
             // adding each child node to HashMap key => value  
             contact.put("id", id);  
             contact.put("trainingname", trainingname);  
             contact.put("website", website);  
             // adding contact to contact list  
             traininglist.add(contact);  
           }  
           //if JSON format error  
         } catch (final JSONException e) {  
           Log.e(TAG, "Json parsing error: " + e.getMessage());  
           runOnUiThread(new Runnable() {  
             @Override  
             public void run() {  
               Toast.makeText(getApplicationContext(),  
                   "Json parsing error: " + e.getMessage(),  
                   Toast.LENGTH_LONG)  
                   .show();  
             }  
           });  
         }  
       } else {  
         // if JSON service server not responding  
         Log.e(TAG, "Couldn't get json from server.");  
         runOnUiThread(new Runnable() {  
           @Override  
           public void run() {  
             Toast.makeText(getApplicationContext(),  
                 "Couldn't get json from server. Check LogCat for possible errors!",  
                 Toast.LENGTH_LONG)  
                 .show();  
           }  
         });  
       }  
       return null;  
     }  
     @Override  
     protected void onPostExecute(Void result) {  
       super.onPostExecute(result);  
       // Dismiss the progress dialog  
       if (pDialog.isShowing())  
         pDialog.dismiss();  
       /**  
        * Updating parsed JSON data into ListView  
        * */  
       ListAdapter adapter = new SimpleAdapter(  
           Listing.this, traininglist,  
           R.layout.list_item, //list_item.xml  
           new String[]{"id", "trainingname", "website"},//array list  
           new int[]{R.id.id, R.id.trainingname, R.id.website}//the UIs in list_item.xml  
       );  
       lv.setAdapter(adapter);  
     }  
   }  
 }

The Helper class for connection to JSON service server.

HttpHandler.java (no screen for Helper class)

 package net.kerul.jsonlisting;  
 //HttpHandler.java  
     import android.util.Log;  
     import java.io.BufferedInputStream;  
     import java.io.BufferedReader;  
     import java.io.IOException;  
     import java.io.InputStream;  
     import java.io.InputStreamReader;  
     import java.net.HttpURLConnection;  
     import java.net.MalformedURLException;  
     import java.net.ProtocolException;  
     import java.net.URL;  
 public class HttpHandler {  
   private static final String TAG = HttpHandler.class.getSimpleName();  
   public HttpHandler() {  
   }  
   public String makeServiceCall(String reqUrl) {  
     String response = null;  
     try {  
       URL url = new URL(reqUrl);  
       HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
       conn.setRequestMethod("GET");//method type  
       // read the response  
       InputStream in = new BufferedInputStream(conn.getInputStream());  
       response = convertStreamToString(in);  
     } catch (MalformedURLException e) {  
       Log.e(TAG, "MalformedURLException: " + e.getMessage());  
     } catch (ProtocolException e) {  
       Log.e(TAG, "ProtocolException: " + e.getMessage());  
     } catch (IOException e) {  
       Log.e(TAG, "IOException: " + e.getMessage());  
     } catch (Exception e) {  
       Log.e(TAG, "Exception: " + e.getMessage());  
     }  
     return response;  
   }  
   private String convertStreamToString(InputStream is) {  
     BufferedReader reader = new BufferedReader(new InputStreamReader(is));  
     StringBuilder sb = new StringBuilder();  
     String line;  
     try {  
       while ((line = reader.readLine()) != null) {  
         sb.append(line).append('\n');  
       }  
     } catch (IOException e) {  
       e.printStackTrace();  
     } finally {  
       try {  
         is.close();  
       } catch (IOException e) {  
         e.printStackTrace();  
       }  
     }  
     return sb.toString();  
   }  
 }

Part D: The Internet permission in AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />

Compile and RUN – all the best…

Need face-to-face lesson?, we also provide Android Studio training, 0129034614
http://bit.ly/androidjsk

Disclaimer: Intermediate level. This tutorial works on Android Studio 2.2. Should you have any difficulties, leave your comment in the comment section.
SHARE to your friends...

Creating a new Android Studio project

2016-12-28T23:04:00.000+08:00

After successfully installing JDK and Android Studio, come the most critical part; the first UI programming. In the latest Android Studio (currently version 2.2.2 in the time of this tutorial written), the floating button is the default template for a Basic Project.

Hit the File menu –> New –> New Project

The following configure project window will appear.

Application name: Name your apps here, related to your project.
Company domain: Your company domain name, if you do not have imagine one.
Package name: The apps ID automatically created using the reverse domain convention as in Java.
Project location: Make sure you could easily locate your Android Project folder.

Next is the target API setting.

Choose the Phone and Tablet form factor only for the time being. Just opt for the proposed Minimum SDK suggested. If API 15 means that your apps can run on Android IceCreamSandwich as the minimum device. Lower than that is not supported. NEXT…

Choose the Basic Activity, and NEXT…

And hit FINISH…

And the Project folder will be created for you.

The project folder.

The GUI EDITOR

Edit the content_main.xml file. This is the layout file for our new screen. Add a LinearLayout to facilities our GUI arrangements.

Add an EditText to hold latitude value. Provide the ID as txtlatitude and hint. Hint is a placeholder or message clue that will disappear when user type their input.

Add another textbox to accept the latitude value. This time the ID is txtlongitude.

Add a button with ID btndisplay.

The JAVA codes

Go to the MainActivity.java file; Add the code to operate the button. Should you see the red lines with the suggestion to hit ALT + ENTER, please do so. It will add the correct import API statement.

Link the object name to the GUI in the layout XML. And handle the onClick event.

Try run on the emulator provided.

Eclipse Java IDE

2016-11-16T09:11:00.001+08:00

This tutorial consists of;

Downloading and installing ECLIPSE
Example 1: Creating Hello World for console
Example 2: Java project using JFrame
Example 3: Applet project
EXAMPLE 4: Toggle Breakpoints and Debug mode

DOWNLOAD JDK: First, make sure latest JDK installed, download here (currently we have JDK1.8)http://www.oracle.com/technetwork/java/javase/downloads/

Shortcut link http://bit.ly/keruleclipse

JDK Installation is damn easy, double click the downloaded EXE file, and continue.

DOWNLOAD ECLIPSE: Should you prefer the latest version, download here –> http://www.eclipse.org/downloads/eclipse-packages/
choose either 32bit or 64bit suitable to you Windows version. The current Eclipse version is codenamed NEON, as the writing of this tutorial.

Copy the downloaded zip file to you harddisk. Right click and extract here.

Locate the eclipse folder, and double-click eclipse.exe to run the application.

EXAMPLE 1: Creating Hello World project for console

Go to menu; File->New-> Java project.

Provide the project name. Click FINISH button.

Open the project navigation, locate SRC folder.

Right-click –> New –> Class.

Provide the package name. Use the reverse domain as suggested in Java convention.

Provide the class name which start with capital letter.

Choose to have the main method. And hit FINISH…

Write the Java code, example System.out.println(“Hello World”);. Save and hit the RUN button. You’ll see the output in the console below.

EXAMPLE 2: Project with JFrame

Create a project, and a class as similar to EXAMPLE 1. Write your code containing the JFrame API (or copy & paste codes below). Hit RUN, and the output of the program will be displayed in Window.

Code sample with JFrame

package net.kerul.hello;

import javax.swing.*;//the JFrame class resides here
import java.awt.*;
import java.awt.event.*;

//JFrame superclass//FrameButang subclass
class Hello extends JFrame implements ActionListener{

    private JButton btnMerah, btnBiru;//declare buttons *****
    //constructor
    public Hello() {
        //buttons
        btnMerah=new JButton("Merah");
        btnMerah.addActionListener(this);
        //biru *****
        btnBiru=new JButton("Biru");
        btnBiru.addActionListener(this);

        Container p1 = getContentPane();
        p1.setLayout(new FlowLayout());
        p1.setBackground(Color.white);
        //draw GUIs
        p1.add(btnMerah);
        p1.add(btnBiru);//btn biru *****
    }//end FrameButang

    public static void main(String [] args) {
        //initiate jframe
        Hello frame = new Hello();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setTitle("Kerul: HELLO");//window title
        frame.setSize(400, 300);//widthXheight
        frame.setVisible(true);//show window
    }//end main

public void actionPerformed(ActionEvent e){
Container p1 = getContentPane();

        if (e.getActionCommand().equals("Merah"))
            //button Merah clicked
            p1.setBackground(Color.red);
        else if (e.getActionCommand().equals("Biru"))
            //button Biru clicked
            p1.setBackground(Color.blue);
      }//end actionPerformed

}//end class

EXAMPLE 3: Applet with image and audio

You may download the code sample here - https://drive.google.com/drive/folders/0B5_Hw_xzXWcXdWtscU12RkFheWc?usp=sharing

To start an applet, similarly create a project and class as in EXAMPLE 1.

Copy and paste the image and audio files to the Java project in Eclipse.

To run the applet in the AppletViewer, go to Run Configurations.

The dimensions of the output Applet can be changed here –> Parameters. Hit Run…

And you’ll have your applet. All the best…

Applet code sample

package net.kerul.rabitah;

import java.applet.*;
import java.awt.*;
import java.awt.event.*;

//simple applet example with image and audio (wav)
//by KERUL.net

public class Rabitah extends Applet implements ActionListener{
    Image rabitah;
    Button play,stop;
    AudioClip audioClip;
    public void init(){
        //image handling
        rabitah=getImage(getCodeBase(),"rabitah800x500.jpg");
        //audio handling
        play = new Button(" Play in Loop ");
        add(play);
        play.addActionListener(this);
        stop = new Button(" Stop ");
        add(stop);
        stop.addActionListener(this);
        audioClip = getAudioClip(getCodeBase(), "rabitah.wav");
    }//end init
    public void paint (Graphics g){
        g.drawImage(rabitah, 0, 0, 800, 500, this);

    }//end paint
    public void actionPerformed(ActionEvent ae){
            Button source = (Button)ae.getSource();
            if (source.getLabel() == " Play in Loop "){
                audioClip.play();
        }
        else if(source.getLabel() == " Stop "){
            audioClip.stop();
        }
    }//end actionPerformed
}//end class

EXAMPLE 4: Toggle Breakpoints and Debug mode

Right-click on the project Java file, choose Debug As option.

You may apply the Togle Breakpoint at the code’s line number. Watch the variables values, changing value are in yellow.

Code sample for debugging

package net.kerul.tb;

import java.io.*;
public class TB {

    public static void main(String args[]) throws IOException {
        DataInputStream io=new DataInputStream(System.in);
         //List of 15 numbers
        //int numbers[] = new int[10];
        int numbers[]={11,12,13,14,15,16,17,18,19,10,21,22,23,24,25};

        //Int of smallest and largest numbers
        int smallest = numbers[0];
        int largest = numbers[0];

        for (int i=0; i<numbers.length; i++){
            //System.out.println("Input number "+(i+1));
            //numbers[i]=Integer.parseInt(io.readLine());

if(numbers[i] > largest)
largest = numbers[i];

            if (numbers[i] < smallest)
                smallest = numbers[i];
        }

System.out.println("Largest numbers is:"+ largest);
System.out.println("Smallest numbers is:"+ smallest);

}//end main
}//end class

Mobile Programming - TDCS2073

2016-11-15T20:55:00.001+08:00

Proforma & Course Outline – download here
.
Rationale: To expose students to the principles and practices of mobile programming. This course is important as it serves an enhancement of other programming subjects.
.
Synopsis: In this course, students will learn to design and develop mobile apps for Android devices. Students will work directly with the Java programming language and Android Studio development tool to build mobile apps from scratch, with the goal of enabling students to independently produce fully functional app prototypes. Students will also be exposed to the debugging, testing and deployment process for Google PlayStore.
.
Course Objectives:
1. To prepare students with ability to develop mobile apps.
2. To expose the students to use all the controller and multimedia in GUI programming.
3. To train the students with skills to design, develop, debug, test and deploy mobile apps.
.
Course Learning Outcomes:
By the end of the course, students should be able to
1. describe issues on mobile apps development.
2. develop a mobile apps project.
3. incorporate GUI and multimedia elements in mobile apps.
4. debug, test and deploy mobile apps.
Course outline – download here

Intro to Mobile Apps Development (Android) + slides
Installing the Development tools - Android Studio 2.2
Creating a new Android Project (Hello World)
Debugging Android Device Monitor
Testing using Emulator and Real Device.
Adding GUI controllers – Buttons and EditText
Adding RadioButton, CheckBox, and ListView.
Handling Multiple Screen using Menu and Preferences.
Adding an External Libraries – Google Maps API + read tutorial
Offline Database with SQLite.
Online XML/JSON feed
Signing and Distributing APK in the Google Playstore + read tutorial .
Debugging, Testing & Deploying Project

Textbook/e-book: Neil Smith, 2016. Android Studio 2 Development Essentials. EBoookFrenzy

GRAPHIC EDITING USING PHOTOSHOP

2016-11-15T16:25:00.000+08:00

SINOPSIS KURSUS

Adobe Photoshop adalah antara perisian yang paling penting bagi seorang pereka grafik. Kami menawarkan satu kursus yang mudah dan cepat bagi anda untuk difahami. Kursus ini akan bermula dengan pengenalan asas kepada rekabentuk grafik diikuti dengan penggunaan tools seperti selection tools, manipulation tools, creation tools dan workspace tools. Anda juga akan belajar prinsip rekabentuk professional beserta tips dan trick yang boleh digunakan sebagai permulaan menggunakan photoshop

Adobe Photoshop is one of the most important tools for graphic designers and we bring together a course crafted for easy and quick understanding. This course starts with basic design introduction and follow it up with tools like Selection tools, manipulation tools, creation tools and workspace tools. You will also learn professional design principles and tips and tricks to get you started on photoshop.

Apakah yang akan diperolehi dari kursus ini?

Latihan penggunaan Adobe Photoshop yang lengkap secara Hands-on.
Tip dan trick yang biasa digunakan oleh pereka professional
Penerangan berasaskan tugasan memfokuskan kepada hasil pembelajaran.
Perbincangan berkaitan tools di dalam photoshop dan penerangan proses yang lengkap bagi teknik dan efek di dalam Photoshop.

Kursus ini adalah kursus permulaan yang komprehensif untuk mempelajari prinsip rekabentuk grafik dengan photoshop secara professional. Anda pasti akan mendapat banyak kemahiran dan maklumat berguna dalam menyelesaikan projek persendirian atau komersial nanti.

=================================

What will you get out of this course?

A complete hands on training on Adobe photoshop
Practical tips and tricks for professional designers
Task based lectures focusing on learning outcomes Through discussion on photoshop tools
Detail process lectures on photoshop techniques and Effects.

This course is comprehensive introduction to professional photoshop design principles. You will surely learn a lot and will be to use photoshop in various commercial and personal projects.

Outline Course

Day 01:

Introduction
Getting Started
1. Default Setting, Workspaces
2. Opening and Create New Documents
3. Layers, Blending
Using Tools
1. Selection Tools
2. Manipulation Tools (Basics, In Action & Final)
3. Creation Tools (Basics, Usage, Advance Features, Other stuff)
4. Workspace Tools

Day 02:

Work Flow
1. Basic
2. Usage
3. Advance
Photo Correction
1. Perspective Distortion
2. Liquefy Adjustment
3. Image Processor
Effects and Techniques
1. (more than 10 effect and techniques)

===================================

Bila kursus seterusnya, saya nak join…

4 & 5 Februari 2017, 9am – 5pm

*PROMO FEES JAN – FEB 2017 ONLY (Inclusive GST)

PAYMENT ON/BEFORE 4 February 2017
Students RM180 (Cash/Bank Transfer/Credit Debit Card/Paypal)
Public PROMO ~~RM300~~ RM180 (Cash/Bank Transfer/Credit Debit Card/Paypal)
Company (Cheque/LO) = RM500
Maybank Account Number: 562834627354 – Koperasi Kolej Universiti Islam Antarabangsa Selangor Bhd

Contact No. Whatsapp: 011-1061 1062 or Office No. 03-8922 9386

Maybank Account Number: 562834627354 – Koperasi Kolej Universiti Islam Antarabangsa Selangor Bhd

===================================

Trainer: Muizz Salleh
Beliau adalah penggerak utama projek SmartSolat. Banyak buat graphic design, 3D modelling & audio video. Design beliau memang amazing. Mesti ramai yang nak tahu rahsia grafik design skills beliau.

Sekarang kita perhatikan banyak keperluan untuk post iklan dalam media sosial. Macam mana nak edit imej yg orang akan banyak LIKE? Macam mana nak buat iklan yang berkesan? Macam mana nak buat banner yang menarik?

Trainer Photoshop ni sahabat kami yang banyak membantu kami buat banner, poster dan macam2 iklan. Artwork dia memang pergh! mostly masterpiece. Orang lama katakan. Banyak template design dalam koleksi beliau. Usaha hampir sepuluh tahun buat grafik design. Rugi tak ambil peluang berguru dengan sifoo power nih... 😊

Anda tau skills ni best, nak sangat belajar tapi tak tau tempat training yg mampu join (bukan mampu tengok jah). Boleh visit page kat bawah kalau nk tau details.

Contact: muizz.salleh@gmail.com
WhatsApp: 018-9899072

Google Maps activity in Android Apps

2016-11-14T09:27:00.001+08:00

This tutorial consists of;

Step 1: In Android Studio ( am using 2.2 ), create a new project with Google Maps activity in it.
Step 2: The Java code to add.
Step 3: Handling the MULTIDEX issue.

Incase you’d like to develop an Android apps with the Google Maps activity inside, first you need to acquire the Google Maps API key from the Google API developer console.

Step 1: In Android Studio ( am using 2.2 ), create a new project with Google Maps activity in it.

Choose the Google Maps Activity

You will be displayed with a link in the google_maps_api.xml file. Copy (Ctrl+C) the link till the end of line

Paste (Ctrl+V) on a browser and hit Enter. You will be asked to login to your Google account.

Hit the button Create API key.

Copy the key generated by the Google API developer console. The code starts with Alza…

And back to the Android Studio, paste the API key in the location specified (still in the google_maps_api.xml file).

We’ll discuss later what codes to add to complete the project.

Step 2: The Java code to add.

Open the Java file which has the Maps Activitity, and add the following codes, copy the code after the image.

public void onMapReady(GoogleMap googleMap) {
    mMap = googleMap;

    // Add a marker in KUIS, Bandar Seri Putra and move the camera
    // KUIS 2.8905° N, 101.7885° E
    LatLng bsp = new LatLng(2.8905, 101.7885);
    mMap.addMarker(new MarkerOptions().position(bsp).title(location));

    CameraPosition cameraPosition = new CameraPosition.Builder()
            .target(bsp)
            .zoom(20)
            .bearing(70)
            .tilt(25)
            .build();
    mMap.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));
}//end onMapReady

Step 3: Handling the MULTIDEX issue.

In AndroidManifest.xml

android:name="android.support.multidex.MultiDexApplication"

In build.gradle add these two lines;

multiDexEnabled true //// ADD Enabling multidex support


compile 'com.android.support:multidex:1.0.0' // ADD Enabling multidex support

And hit Sync Now

After finishing the Gradle sync, run and test in a real device. Emulator will not display the maps with the default setting.

Need face-to-face lesson?, we also provide Android Studio training, 0129034614
http://bit.ly/androidjsk

This tutorial is developing, bookmark or like below to follow…
SHARE to your friends...

Publishing apps to Google Play

2016-11-09T09:29:00.000+08:00

bit.ly/publishandroidapp

Register for a developer ID which only cost USD25 for life. Another consideration: you need to pay through Google Wallet, using a credit card.
https://play.google.com/apps/publish/

Though you have uploaded the signed APK, yet you still could not publish you app, why? These are the requirements you need to set;

You need to add a high-res icon. (size 512px x 512px)
You need to add a feature graphic. (size 1024px x 500px)
You need to add at least 2 non-Android TV screenshots. (2 screenshot images. Min length for any side: 320px)
You need to select a category.
You need to select a content rating.
You need to add a short description.
You need to add a full description.
You need to acknowledge that this application meets the Content Guidelines.
You need to acknowledge that this application complies with US export laws.
You need to target at least one country.
You need to enter a privacy policy URL.
You need to make your application free or set a price for it.

Follow the rest of the tutorials below...

STEP 1 Loading APK

Add new application

Provide the app's title and hit Upload APK button

Browse and upload APK for production

Locate your APK

Wait for a while for the APK to be uploaded.

STEP 2 APP's Store Listing
Next, go to the menu on your left and select Store Listing.

Provide the Title of the app, short description and Full description.

Scroll down a bit. Upload the 2 mandatory screenshots. (2 screenshot images. Min length for any side: 320px)

Scroll down a bit. This time upload a PNG image file of a high resolution icon (size 512px x 512px). And the feature graphic for the apps’ page banner (size 1024px x 500px).

Scroll down a bit. Provide the Application Type, Category, and the content rating. Provide also your apps’ website, email and phone.

Scroll down a bit. Uncheck if you are not submitting the privacy policy.

Scroll to the top and hit “Save draft”

STEP 3: CONTENT & RATING

The next to work for is the content & rating. Hit the menu on your right.

Choose your app's category.

Answer NO to most of the questions. YES only when applicable.

Calculate rating (don't worry the system will do this)

Apply rating

STEP 4: PRICE & DISTRIBUTIONS
The last panel to complete is the Pricing & Distribution information.

Set the pricing FREE, if you’d like to distribute freely. And the free apps will remain free forever.
Select SELECT ALL COUNTRIES if you’d like to make it available to rest of the world.

Scroll to the bottom. Declare if your app diplay advertisements.

Don't check the Google Play for Education unless you are sure the content is suitable for education purpose. This will involve longer time for approval as it will go through manual verification.

Check the Content Guidelines and US Export law.

Scroll to the top and hit “Save draft”.

STEP 5: APP IS READY TO BE PUBLISHED
If no errors, then you’re ready to publish the apps. Hit the “Publish App” button. Your app is ready for publication. To date there is a manual review of your app to make sure you do not publish malware of naughty apps.

Again, wait for few hours before your app will appear in Google PlayStore.

Alhamdulillah!!! The app is already published... Congratulations...

0129034614

Need face-to-face lesson?, we also provide Android Studio training
-->> bit.ly/androidjsk

Harap bagitau kawan-kawan dengan tekan butang SHARE di bawah
SHARE to your friends...

Buat mobile apps tanpa programming?

2016-11-05T23:15:00.000+08:00

Camna tuh, buat apps tapi takder programing?
Nak tau boleh mai kursus ni!!!

bit.ly/appsnocode

Sabtu 4 MAC 2017

Masa: 9am - 12pm.
Tempat: KOKUIS Academy, 12-1 Jalan Seri Putra 1/5, Bandar Seri Putra, Bangi
Yuran: training khidmat komuniti (FREE)
BYOL: Bawa laptop sendiri dan Internet broadband.
.
Rangka kursus:

Berkenalan dengan apps platform.
Faktor pemilihan sistem pembangunan apps yang sesuai.
Keperluan Ujian Apps menggunakan telefon pintar Android.
Rehat 15min
Merekabentuk apps.
Sistem Pembangunan Apps tanpa Programming.
Pengujian

.
BUAT APPS TAKDER CODING!!!
+++++++++++++++++++++++
.
Alhamdulillah, tadi baru selesaikan Training untuk students SMUM KUIS. Berkenalan dengan tool yang boleh buat mobile apps tanpa perlukan koding. 😊
.
Sebenarnya ada banyak tools untuk develop apps. Android Studio, Flash, Visual Studio, Xamarin, Xcode; semua tools tu kena tau programming. Kena biasa dengan Java, C#, Objective C, ActionScript, XML. Kalau tak pernah belajar Programming menggagau jugak buat apps... 😊
.
Nak buat apps cantik, tapi takmo pecah palo layan coding...
Seriously?
Camner tuh?
Ada ker?
.
Kursus sebelum ni, FULL HOUSE! Segera daftar ada 20 tempat saja.

Daftar segera di sini untuk kursus percuma!!!

Loading...

Flash for Mobile Apps Development Training

2016-11-01T12:23:00.000+08:00

Adobe Flash is one of the best multimedia authoring tools ever developed. It is an exciting time to be a Flash developer. Adobe has taken big steps in making the Flash platform available on as many devices as possible.
.
Next training is on 10 & 11 December 2016
-->> http://kokuis.my/flash4mobile/
.
Course Overview
This course is for beginner Flash developers who want to use their knowledge of Flash and ActionScript to develop AIR Android Applications. Currently, it is specifically focuses on the Android platform, but many of the topics and examples can be used to develop for any AIR mobile platform.
.
Course Outline
DAY01: Introduction to workshop
Introduction to Apps Design
Getting Started with Android Development
DAY02: Getting Started With Flash
Developing Your First Application
Designing Your Application
DAY03: Handling Interactions
Working with Images
Working with Sound
Working with Video
Working with Text
DAY04: Saving States
Working with Files
Optimizing Performance
Debugging Your Application
Generating Android APK
Deploying Your Application
Contact us at : khirulnizam@gmail.com
WhatsApp: +60129034614
Next training is on 10 & 11 December 2016
-->> http://kokuis.my/flash4mobile/

Paricipants from FTE,UTHM Dr Aimi with trainer Ms Siti Aisah Mohd Hatta

Android App Development Using Adobe Flash - Course Outline

Wordpress - buat website

2016-10-21T08:47:00.001+08:00

WordPress?

Ada bisnes online? Dengan adanya website sendiri, pelanggan bertambah yakin, bisnes makin hebat kredibiliti.
Depa kata nak buat website kena tahu kod HTML, programming bagai. Betulkah? JAWAPAN – WordPress membantu anda melupakan urusan teknikal, anda hanya fokus kepada isi kandungan. InsyaAllah, proses nak buat website sendiri akan lebih mudah.
Apa itu WordPress? WordPress adalah perisian sumber terbuka untuk memudahkan webmaster menyelenggara website. Ia sangat mudah digunakan, kita hanya perlu memikirkan isi-kandungan tanpa perlu berjuang secara teknikal untuk memikirkan penyelenggaraan.

Rangka kursus?

Peserta akan dibimbing pemasangan langkah-demi-langkah oleh instruktor yang berpengalaman.
Menulis isi-kandungan sendiri dengan SEO yang berkesan.
Memilih tema dan template percuma yang hebat.
Memasang plugins percuma yang berguna.
Memasang plugins perkongsian.
Memastikan website boleh dipaparkan dalam persekitaran desktop.
Pemasaran website menggunakan media sosial, Google Adwords,dll.
Membaca dan mentafsir statistik pengunjung website.

Bila kursus seterusnya, saya nak join…

17 & 18 DECEMBER 2016, 9am – 5pm

Fees – payment queries 0129034614

PAYMENT ON/BEFORE EARLY-BIRD 9 Dec 2016
Students of local IHLs RM150 + RM9 (GST 6%) = RM159
Public(cash) RM300 + RM18 (GST 6%) = RM318
Public(company check or LO) RM400 + RM24 (GST 6%) = RM424
Maybank Account Number: 562834627354 – Koperasi Kolej Universiti Islam Antarabangsa Selangor Bhd
Special rate for 2016 only.

PAYMENT AFTER 9 Dec 2016 / walk-in
Students of local IHLs RM180 + RM10.80 (GST 6%) = RM191
Public(cash) RM350 + RM21 (GST 6%) = RM371
Public(company check or LO) RM500 + RM30 (GST 6%) = RM530
Maybank Account Number: 562834627354 – Koperasi Kolej Universiti Islam Antarabangsa Selangor Bhd

Lokasi: KOKUIS ACADEMY TRAINING

Alamat: 12-1 Jalan Seri Putra 1/5, Bandar Seri Putra, Bangi, Selangor( MAP – https://goo.gl/maps/yBomykJxr2y )
Masa 0900am – 5pm
Terbuka kepada semua
BYOL Bring your own Laptop – mohon bawa laptop sendiri.
Makan tengahari & sijil disediakan.

Borang Pendaftaran

Training2017

2016-09-25T08:58:00.000+08:00

2017 is a big year. We are happy to help you improve your creative skills and programming.

Creative training using Adobe products;
Advertising Materials using Adobe Photoshop
Adobe Illustrator
PIC muizz.salleh@gmail.com

Programming;
Android Studio
Mobile Development with IONIC
Mobile Development with No-programming
Web Based Application using PHP &MySQL
Rapid Development with LARAVEL
PIC khirulnizam@gmail.com