BOOKC

PEDOMAN LOMBA INOBEL GURU PENDIDIKAN MENENGAH TAHUN 2018

Ghkkhg 01:30

PEDOMAN LOMBA INOBEL GURU SMA SMK TAHUN 2018

Pedoman Lomba Inovasi Pembelajaran (Inobel) Guru Pendidikan Menengah tahun 2018. Sebagai salah satu upaya
pemerintah dalam merealisasikan UndangUndang Republik Indonesia Nomor 20 Tahun
2003 tentang Sistem Pendidikan Nasional Pasal 41 ayat (3) untuk memfasilitasi
satuan pendidikan dengan pendidik dan tenaga kependidikan yang diperlukan untuk

Info Lomba , Pedoman

No comments :

Post a Comment

programming Java

Ghkkhg 18:53

Java

Java is a general purpose, high level programming language created by Sun Microsystems.

The Java programming language was created by a little group of designers, known as the Green Team, who started the language in 1991.

The Java language was initially called OAK, and at the time it was intended for handheld gadgets and set-top boxes. Oak was unsuccessful and in 1995 Sun changed the name to Java and adjusted the language to exploit the blossoming World Wide Web. Afterward, in 2009, Oracle Corporation obtained Sun Microsystems and took responsibility for key Sun programming resources: Java and Solaris.

Java Today

Today the Java stage is a normally utilized establishment for creating and conveying content on the web. As indicated by Oracle, there are more than 9 million Java engineers worldwide and more than 3 billion cell phones run Java. In 2014 a standout amongst the most noteworthy changes to the Java language was propelled with Java SE 8. Changes incorporated extra practical programming highlights, parallel preparing utilizing streams and enhanced combination with JavaScript. The twentieth commemoration of business Java was praised in 2015.

Java is an Object-Oriented Language

Java is characterized as a protest arranged language like C++, however disentangled to dispose of language includes that reason normal programming blunders. The source code records (documents with a .java augmentation) are arranged into a configuration called bytecode (documents with a .class expansion), which would then be able to be executed by a Java mediator. Gathered Java code can keep running on most PCs since Java mediators and runtime conditions, known as Java Virtual Machines (VMs), exist for most working frameworks, including UNIX, the Macintosh OS, and Windows. Bytecode can likewise be changed over straightforwardly into machine language directions by a without a moment to spare compiler (JIT). In 2007, most Java innovations were discharged under the GNU General Public License. Prescribed Reading: Webopedia Study Guides - Java Basics: Variables, Syntax and

Conventions and Java Basics Part 2: Operators, Modifiers and Structures.

Java on the Web

Java is a broadly useful programming language with various highlights that influence the language to appropriate for use on the World Wide Web. Little Java applications are called Java applets and can be downloaded from a Web server and keep running on your PC by a Java-perfect Web program. Applications and sites utilizing Java won't work unless Java is introduced on your gadget. When you download Java, the product contains the Java Runtime Environment (JRE) which is expected to keep running in a Web program. A segment of the JRE, the Java Plug-in programming enables Java applets to keep running inside different programs.

MAIL US :samarthcompedu@gmail.com

OR CALL US :9898550168

No comments :

Post a Comment

Check username availability in database using Ajax and Codeigniter

Admin 13:19

Today I'm going to do a small tutorial based on Ajax and Codeigniter. It's a kind of validation tutorial for username that we see always when we register in web sites. I think you have seen a real time validation for a entered username is included in many online registration forms. The most used technology is Ajax. Ajax is used for real time tasks in web design, without reloading the web page. Here I'm not going to create a whole form and submit data. What I will be doing is just explain how to check a username whether it is already available in a database or not. If you want you can do it for email also.

First download Codeigniter and do the basic configurations as I did in my all Codeigniter tutorials.

Project folder => AjaxUsernameCheck

Base URL => $config['base_url'] = 'http://localhost/AjaxUsernameCheck/

Database name => pagination (I will use a previous database used by me. You can create a db with a suitable name)

Database table name => users

Autoload libraries => database

Default Controller => Search

Now I will create the view first using Bootstrap framework. In the head section of view, I use several links for this article.

1 - Bootstrap CDN to link Bootstrap styles

2 - Ajax CDN by Google for real time tasks

3 - Font Awesome CDN to include icons in the design

4 - Roboto font link to change the font to Roboto

View - check.php

For now, I removed the ajax script from the view. I will explain it later separately.

<!DOCTYPE html>

<html>

<head>

<title>Tutorial</title>

body {

font-family: 'Roboto', sans-serif;

}

label {

font-size: 16px;

}

#heading {

margin-top: 50px;

margin-bottom: 50px;

text-align: center;

}

</style>

</head>

<body>

<br>

<h2 id="heading">Check Username availability with Ajax and Codeigniter</h2>

<br>

<label for="username">Enter Username</label>

<br>

<label for="password">Enter Password</label>

</div>

</div>

</body>

</html>

Explanation:

<span id="username_result"></span> - To display error/success messages

Note : The input fields should not be the same. You can change it according to the database fields included in your database.

We are going to create the model now for fetching username.

Model - Search_model.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Search_model extends CI_Model {

public function getUsername($username)

{

$this->db->where('username' , $username);

$query = $this->db->get('users');

if($query->num_rows()>0){

return true;

}

else {

return false;

}

Explanation :

Here getUsername function is getting the matching username to the entered username in the input field, from database. I passed a parameter called $username to compare it with the database result. If there's a username already in the database, function will return true and otherwise returns false.

Now we need to create the controller to load views and include logic for username checking.

Controller - Search.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Search extends CI_Controller {

public function index()

{

$this->load->view('check');

}

public function checkUsername()

{

$this->load->model('Search_model');

if($this->Search_model->getUsername($_POST['username'])){

echo '<label class="text-danger"><span><i class="fa fa-times" aria-hidden="true">

</i> This user is already registered</span></label>';

}

else {

echo '<label class="text-success"><span><i class="fa fa-check-circle-o" aria-hidden="true"></i> Username is available</span></label>';

}

Explanation :

Here checkUsername function first load the model. Then call for the model function getUsername and get the username by POST method. After the model function is called , the controller will execute the rest according to the result passed from model to the controller. Ajax back-end part is still missing. Don't worry about it. Without it, this is not working as we thought. Controller is simply prints the message to the view according to the logic executed with Ajax and Codeigniter.

Ajax , jQuery script

This is the most important part of this article. Do not miss this!

Add the below code just before the ending HTML body tag of the view; check.php.

$(document).ready(function(){

$('#username').change(function(){

var username = $('#username').val();

if(username != ''){

$.ajax({

url: "<?php echo base_url(); ?>Search/checkUsername",

method: "POST",

data: {username:username},

success: function(data){

$('#username_result').html(data);

}

});

}

});

</script>

This is a Javascript code to get the real time validation messages.

Explanation :

$('#username').change(function(){

Change function for username; #username means the id of username input field.

var username = $('#username').val();

Get the value of input username field and store it in a variable called username.

if(username != ''){}

Check whether username input field is not a blank. If it is not empty, then the Ajax request will be executed.

$.ajax({ - Beginning of Ajax request.

url: "<?php echo base_url(); ?>Search/checkUsername"

URL for the controller function which is needed to be called to get the results. A request is sent to this URL.

method: "POST" - Method is taken as POST since we are using POST method to send request.

data: {username:username} - Sends the username data to the server.

success: function(data){}

Success callback function to be called after a request is successfully sent. This function will receive data from server. According to the logic built with CI controller and model, this function will receive a message telling about username availability.

$('#username_result').html(data)

If data is received from the server(message) it should be displayed. Previously we reserved a place for messages in the view file. It has an ID also. Here, this line says to display the result message withing the section having the id called username_result under the HTML method.

Now our jQuery code is ready to work with a Ajax request! Save all the files and try it in your web browser. I have uploaded a short demo video to understand the process.

Ajax , CodeIgniter , jquery

No comments :

Post a Comment

When Youtube Send Your Earn Money to Your Adsense Account

Ghkkhg 13:56

When Youtube Send Your Earn Money to Your Adsense Account:-

Click the under button and Subscribe our Youtube Channel for new updates.

tips and tricks

No comments :

Post a Comment

When Youtube Send Your Payment

Ghkkhg 13:52

When Youtube Send Your Payment:-

Click the under button and Subscribe our Youtube Channel for new updates.

tips and tricks

No comments :

Post a Comment

Start your first Angular 4 Project

Admin 09:34

Recently I started learning Angular JS, it was very difficult for me to find some good detailed articles or beginner tutorials on Angular JS. I have to read from many different articles, books and tutorials. So I decided to put step by step help for beginners like me, so that they get complete required help from one single channel. Since AngularJS is a very rich framework so I decided to write in a series of post that will help beginners who want to learn or work on SPA(Single Page Application) using AngularJS. So lets start with a short but detailed AngularJS tutorial where you will be able to quickly understand the power of AngularJS.

First you need to configure your machine to be able to work with Angular JS framework. For that you have to install Node JS to your computer.

If you are a Windows user, click here to go to download page. Download the suitable installer and install it. Then both Node JS and npm will be installed on your machine.

If you are a Linux user, open your terminal and type the following commands.

sudo apt-get update

sudo apt-get install nodejs

sudo apt-get install npm

After installing Node JS and npm, you can check their versions using a command. Open your cmd or terminal and type node -v to check whether node js is installed or not. Then type npm -v to check the availability of npm. If they are available now, you will get the versions of them on your cmd or terminal.

Then you have to istall Angular CLI(Command Line Interface) to work easy with Angular. The Angular CLI makes it easy to create an application that already works, right out of the box. Type the following command to install CLI.

npm install -g @angular/cli

If you want to check the CLI version, enter this command on your cmd. - ng --version

You will get this kind of output.

Now you are ready to go with Angular JS! Let's create a project first.

Go to a folder where you wish to place the project. It should not be the htdocs or www folder. But I place in htdocs folder as I place all projects there. Angular JS framework uses cmd or terminal heavily to create the needed parts for a project. Even for creating a new project we ahve to use cmd/terminal. We can not create a project manually since Angular projects are connected with so many dependencies and files. So we are going to start a project called sampleApp.

Create a new project : ng new sampleApp

Then you must go inside the project folder from cmd, to run the project.

Navigate into the project : cd sampleApp

Run the project : ng serve --open OR ng serve

Then the browser will be automatically opened and run the project.
If you enter just ng serve on cmd, browser will not be automatically opened. You have to run the project manually entering URL to the browser!

Go to the cmd and check whether it is running or not. It it is ok, output is like this.

The cmd is telling us what to type in the URL bar of the browser. Look at the first line! So now you have to type http://localhost/4200 in you browser URL bar, to display the project.
However, finally when the project runs without any trouble, you will get the default page created by Angular JS like this.

That's all! Now you have created a new project and ready to go ahead. My next articles will be based on working with Angular JS framework. I'm not an expert and just started to learn Angular. So I will try my best to give you some knowledge.

Good Luck!

Angular

No comments :

Post a Comment

Cara Kompres Gambar Untuk BlogTanpa Mengurangi Kualitas

Admin 08:44

Salam jumpa lagi bersama admin Blogger OPS. Kini saya hadir memberikan materi yang berkaitan cara kompres gambar untuk berbagai keperluan tanpa mengurangi kualitas gambar setelah dikompres.

Sering kali kita menemukan kendala atau mungkin kita belum tahu bagaimana cara mengurangi ukuran size gambar yang dibutuhkan agar sesuai apa yang diminta Misalinya ukuran gambar awal sebesar 1 MB bahkan lebih atau bahkan kurang namun setelah kita kompres hasilnya malah kabur sehingga tulisan tidak cerah lagi.

Wah lebih parah lagi ya kalau kita kompres gambar JPEG, PNG untuk keperluan blogging menggunakan Microsoft Picture Manager hasilnya malah kabur

Akibtanya... membuat pengunjung kabur dari blog sobat karena panduan dalam gambar tidak terlihat jelas. Oleh karena itu ada tools online yang paling efektif yang dapat digunakan untuk mengompres gambar JPEG dan PNG untuk berbagai keperluan termasuk gambar di sisipkan ke dalam blog.

Mengapa Kita Kurangi Ukuran Size Gambar Blog

Perlu kita ingat bahwa dalam kegiatan blogging bila ada gambar JPEG atau PNG yang disisipkan dalam artikel perlu kita optimasi gambar tersebut agar konten dalam lebih seo friendly. Karena gambar yang ukurannya sizenya terlalu besar akan membuat kecepatan loading blog.

Selain kepentingan dalam dunia blogger compres gambar juga sering diminta dalam kegiatan online seperti mendaftar atau merigistrasi CPNS, lamaran kerja online tentu membutuhkan file gambar, jpeg, jpg dengan ukuran yang ditentukan, ada yang meminta ukuran kecil bahkan ada yang meminta ukuran besar. Jika gambar tersebut terlalu besar maka harus dikompres sebaliknya jika gambar ukurannya terlalu kecil maka harus diperbesar,

2 Tools Online yang dapat digunakan Untuk Kompres Gambar

Terdapat 2 tool online yang tersedia di media internet yang paling efektif digunakan untuk mengurangi ukuran size gambar yaitu tinypng.com dan iloveimg. Kedua tool ini banyak digunakan kompres gambar untuk berbagai kepentingan oleh pemblogger termasuk saya sendiri.

1. Kompres Gambar Mengunakan tinyping.com

Tinyping.com adalah aplikasi yang online yang dapat digunakan untuk mengurangi kapasitas berbagai jenis gambar. Setelah kita kompres gambar kita dapat mendownloadnya dengan ukuran yang lebih kecil dan ringan tanpa mengurangi kualitas atau resolusi gambar sehingga gambar tetap terlihat jelas.

Kelebihan tinyping.com gambar yang dicompres kita dapat menyimpan di dropbox

Kunjungi situs https://tinypng.com

Nomor 1 Drag gambar yang akan dikompres

Tunggu selesai dikompres

Nomor 2 Untuk Mendonwload file gambar yang telah kurangi kapasitas size nya

Maka gambar sudah diselesai kompres siap digunakan. Dan apabila ingin dikurangi lagi ukuran zizenta maka drag ulang lagi

2. Mengurangi Ukuran size gambar Iloveimg

Salah aplikasi online yang tak kalah saing untuk alat kompres gambar jpeg.jpg.png dan gambar gif untuk berbagai keperluan adalah iloveimg. Kelebihan aplikasi iloveimg kompres gambar secara online adalah mudah digunakan, serba gratis tanpa berbayar, dan dapat mengompres gambar sekalian tanpa mengurangi kualitas gambar.

Berikut cara mengompres gambar JPEG,JPG.PNG. dan GIF menggunakan Iloveimg

Kunjugi situs http://www.iloveimg.com/compress-image

Ghkkhg 14:12

Programming C++:

Friendliness

Extremely Complex

Since C++ is fairly lower level, the dialect is immense and you should deal with a considerable measure of complex things, for example, memory administration and the sky is the limit from there. You likewise need to compose a great deal of code before you can get a working model in case you're anticipating building an application starting with no outside help. Since it will be hard to get a handle on how all highlights in C++ functions, you can without much of a stretch shoot yourself in the foot.

In that capacity, since it's simple for a coding amateur to go off to some far away place when learning C++, we emphatically prescribe learning C++ with a coach. Furthermore, C++ has a more drawn out history with diversion advancement as a rule, so there are a considerable measure of demonstrated great practices a C++ guide from the gaming group can show you.

Versatility

C++'s most noteworthy quality is the way adaptable it could be, apps to the point that are extremely asset serious are generally worked with it. Illustrations require a considerable measure of asset, which is the reason the most wonderful 3D recreations you joyfully devour your eyes on are regularly worked with C++.

Quick

As a statically wrote dialect, C++ is by and large more performant than powerfully wrote dialects on the grounds that the code is sort checked before it is executed. Java is making progress as far as speed, yet at last, contingent upon how skilled the C++ designer is, C++ can at present be quicker than Java.

Control

As said some time recently, since you have a great deal of control over how your application utilizes assets, your application can take up almost no asset. With everything taken into account, since C++ can be exceptionally performant in the correct hands, undertakings frequently utilize C++ to code works that have a basic dependence on speed and asset utilization.

Difficult to Maintain

C++ needs a great deal of code, which implies you require a vast group to scale a C++ application, and from a period and budgetary speculation perspective, C++ difficult to scale. Likewise, since you need to do a great deal of things physically with C++, it's simple for less experienced or less gifted engineers to bring mistakes into the code base. Java was produced in light of the fact that such a large number of expert designers were committing errors, so as far as ability enrolling, an exceptionally gifted and experienced C++ engineer might be elusive and furthermore costly to manage, which is the reason C++ isn't so versatile.

Obviously, if you will likely form an amusement utilizing a diversion motor, this may at present be an issue however less basic.

Group

As a matter of first importance, group measure is vital, on the grounds that the bigger a programming dialect group is, the more help you'd probably get. As you advance into the programming scene, you'll soon see how imperative help is, as the designer group is tied in with giving and getting help. Also, the bigger a group, the more individuals will assemble valuable apparatuses to make improvement in that specific dialect less demanding. Starting at now, there are more than 600 prominent programming dialects around the world.

In this way, on account of that specific situation, how about we dive into the points of interest of the C++ people group.

Most astounding Overall StackOverflow Answer rate

StackOverflow is a programming Q&A site you will no uncertainty end up noticeably imply with as a coding fledgling. While some may contend C++ questions will probably be addressed in light of the fact that C++ clients are further developed and know how to state their inquiries better, a 83.6% general answer rate is still an incredible accomplishment. C++ is additionally the sixth most utilized and followd tag on StackOverflow, with more than 69k adherents.

Little Meetup Community

At meetups, you can by and large system and gain from kindred designers. Meetups frequently offer mentorship to the individuals who need it also. The C++ meetup group is to some degree littler, so in case you're hoping to associate with C++ amusement designers you can look at Game Development Meetups as well.

sixth Most Popular Language on GitHub

Albeit quite a bit of C++ extends on GitHub won't not have been utilized for C++ advancement itself, C++ has a long history of being utilized to create recreations and designs related projects. The Unreal Game Engine, which was utilized to create numerous AAA title diversions, is known to have intense devices that will make your life less demanding. It is likewise especially useful for creating FPS amusements.

Vocation Opportunities

Pay data from gooroo.io

In the event that you need to create standard amusements, odds are you'd have to utilize C++. Numerous versatile success diversions were worked with Cocos2d-x, which is a free, publicly released and cross-stage amusement motor. Cocos2d-x recreations are created with C++, however Cocos2d additionally bolsters different dialects now. Be that as it may, as the help for different dialects is a moderately late expansion, you'd likely discover better documentation for Cocos2d-x.

Moreover, extensive organizations, for example, Facebook additionally may require C++ designers to help streamline their applications or work on their items.

Future

TIOBE Popularity Index: #3

The ascent of free diversion advancement may have gouged the interest for C++ engineers a bit, however when all is said in done, C++ will at present remain a noteworthy player in the gaming business. Since Unreal Engine, the most well known amusement motor for AAA title recreations, is free, you can begin with creating 3D diversions with C++ yourself.

Enthusiasm for learning C++ developed by 22.7％ of every 2015

With the ascent of Virtual Reality, C++ engineers will be expected to build up the most outwardly astonishing VR applications, so in that viewpoint, C++ has an entirely splendid future.

Despite the fact that C++ gets a considerable measure of fire for being so perplexing and difficult to utilize right, it's as yet being effectively attempted to be kept pertinent, so with everything taken into account C++ won't leave despite the fact that a great deal of dialects have been endeavoring to supplant it.
http://computereducationchandkheda.blogspot.in/2017/12/programming-in-c-c-is-mother-of-all.html

samarth computer education location

No comments :

Post a Comment

Programming In C

Ghkkhg 13:57

Programming In C:

C is the mother of all dialects and few motivations to consider learning C is that it makes your basics exceptionally solid.

Aside from that, C offers an extremely adaptable memory administration. Memory is distributed statically, consequently, or progressively in C programming with the assistance of malloc and calloc capacities. This gives a decision and control to software engineers with reference to when and where to allot and deallocate memory.

Programming In C was intended to actualize the Unix OS (Which additionally shapes a base for Linux) and C sits near the OS which makes it an effective dialect in light of its proficient framework level asset administration. Another amazing use of C is that C programming dialect isn't restricted to yet utilized broadly in working frameworks, dialect compilers, arrange drivers, dialect translators, and framework utilities territories of improvement.

Concurred that there are many better programming dialects out there now with the coming of innovations - however C offers some great highlights/points of interest like:

1. Programming In C is pervasive. Whatever the stage, C is most likely accessible.

2. C is compact. Compose a bit of clean C, and it accumulates with negligible adjustments on different stages - in some cases it even works out-of-the-case.

3. Straightforward! C is extremely easy to learn and for all intents and purposes does not require any conditions. A basic PC with the compiler and you are ready to make programs.
samart computer education location
samarth computer education

No comments :

Post a Comment

REALISTIC MATHEMATICS EDUCATION (RME)

Ghkkhg 01:20

Realistic Mathematics Education (RME)

Realistic Mathematics
Education (RME) merupakan teori belajar mengajar dalam pendidikan
matematika. Teori RME pertama kali diperkenalkan dan dikembangkan di
Belanda pada tahun 1970 oleh Institut Freudenthal. Teori ini mengacu pada
pendapat Freudenthal yang mengatakan bahwa matematika harus dikaitkan dengan
realita dan matematika merupakan aktivitas

Pembelajaran

No comments :

Post a Comment

Samarth Computer Education - 9898550168

Ghkkhg 21:04

Samarth Computer Education in Chandkheda, Ahmedabad
Samarth Computer Education in Ahmedabad. Computer Training Institutes with Address, Contact Number, Photos, Maps. View Samarth Computer Education, Ahmedabad on Justdial.
Computr_Education_in_Chandkheda:

Since 2005, Samarth Computer Education in Chandkheda, Ahmedabad has been offering professional training to students. It specialises and is well-known for training students as well as working professionals in accounting, web designing, programming languages, hardware and networking. It is run and managed by a seasoned professionals who leads a team of educators and trainers having relevant domain expertise. At this institution, one can get trained in the subject of their choice by opting from a wide range of courses. These easy-to-follow courses are primarily aimed at students, working professionals as well as IT professionals who want to enhance their knowledge and further their career prospects. Located New C G Road, you can find this institution with relative ease at S/11/12, Samruddhi Complex in Chandkheda. Undoubtedly it is one of the best computer training institutes in Chandkheda, Ahmedabad.

Services Offered at Samarth Computer Education

Samarth Computer Education in Chandkheda offers short-term courses and certificate courses. Inclusive of comprehensive learning, the long-term programmes feature subjects such as web development, financial accountancy, computer application and programming, information technology, multimedia and web-designing. Some of the short-term courses cover topics like Windows XP, 7, 8, 10, Vista, MS Office, DTP (Desk Top Publishing), Web Designing, Multimedia, Tally ERP 9, C, C++ , and Visual Basic. Walk into this centre all through the week between 08:30 - 9:30pm

Please scroll up to view the address and contact details of Samarth Computer Education in , Chandkheda, Ahmedabad.

.NET Structure

C/C++

ANIMATION AND GRAPHICS

ENGLISH SPEAKING

DIGITAL MARKETING

Computer Training Institutes Computer Training , Google Digital Marketing Training , Institutes For MS Office Computer Training , Programming Computer Training

No comments :

Post a Comment

Search data using CodeIgniter

Admin 09:41

This is another small tutorial based on CodeIgniter and Bootstrap done by me to give an idea of how to search records stored in database using CI. When we want retrieve a record filtered by a keyword, we have to use search function. Otherwise we have to search for all records to get the needed one. So, here I will explain how to implement a function to retrieve data of a user using a simple search button.

Since you are now familiar with my previous articles, I will cut some parts from this tutorial such as db configuration, CRUD operations and will just explain the core. If you are new to CI, refer to my previous articles and read this. It will be comfortable for you. As usual we have to do the basic CI configuration first. Now you are aware of them. If not;

Link: Configurations to start a CI project

Project folder => CISearch

Base URL => $config['base_url'] = 'http://localhost/CISearch/

Database name => pagination (I will use a previous database used by me. You can create a db with a suitable name)

Database table name => users
Autoload libraries => database
Autoload helpers => form , url
Default Controller => Search

Note : I have removed the index.php which you find when loading URLs. The way to remove it , is included in this article. If you have not removed it, add this part everywhere you call for controller functions. => /index.php

CREATE TABLE `users` (

`indexno` int(10) NOT NULL,

`username` varchar(30) NOT NULL,

`email` varchar(30) NOT NULL

) ;

ALTER TABLE `users`

ADD PRIMARY KEY (`indexno`);

Insert these data by selecting the database from phpmyadmin.

INSERT INTO `users` (`indexno`, `username`, `email`) VALUES

(1, 'salitha', 'salitha@gmail.com'),

(2, 'techpool', 'techpool@gmail.com'),

(3, 'lasitha', 'lasitha@gmail.com'),

(4, 'dewram', 'dewram@gmail.com'),

(5, 'dulitha', 'dulitha@gmail.com'),

(6, 'jayanaka', 'jayanaka@gmail.com'),

(7, 'shamal', 'shamal@gmail.com'),

(8, 'oshanda', 'oshanda@gmail.com'),

(9, 'panduka', 'panduka@gmail.com'),

(10, 'pasan', 'pasan@gmail.com'),

(11, 'kavindu', 'kavindu@gmail.com'),

(12, 'dian', 'dian@gmail.com');

Configure the database.php file in CI according to your credentials.

Create a controller, model and a view to start the project. In my case,

Controller => Search.php

Model => Search_model.php

View => search_data.php

Like we have done in pagination tutorial, we have to fetch and display the records of the users with pagination. I'm not going to explain it here. If you want visit here;

Link : Pagination in CI

Same model functions are used to paginate and same controller function is used to display the data.

Model Code:

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Search_model extends CI_Model{

//getting users per page

public function getUserPagintaion($limit, $start) {

$this->db->select('*');

$this->db->from('users');

$this->db->limit($limit, $start);

$this->db->order_by('indexno');

$query = $this->db->get();

return $result = $query->result();

}

//getting users count

public function getUserCount() {

$this->db->select("COUNT(*) as num_row");

$this->db->from('users');

$this->db->order_by('indexno');

$query = $this->db->get();

$result = $query->result();

return $result[0]->num_row;

}

Controller Code :

public function __construct()

{

parent::__construct();

$this->load->model('Search_model');

}

//display data with CI pagination

public function index() {

$this->load->library('pagination');

$config['base_url'] = 'http://localhost/Projects/CISearch/Search/index';

$config['total_rows'] = $this->Search_model->getUserCount();

$config['per_page'] = 5;

$config['uri_segment'] = 3;

$config['full_tag_open'] = '<ul class="pagination">';

$config['full_tag_close'] = '</ul>';

$config['attributes'] = array('class' => 'page_link');

$config['first_link'] = 'First';

$config['last_link'] = 'Last';

$config['first_tag_open'] = '<li>';

$config['first_tag_close'] = '</li>';

$config['prev_link'] = '&laquo';

$config['prev_tag_open'] = '<li class="prev">';

$config['prev_tag_close'] = '</li>';

$config['next_link'] = '&raquo';

$config['next_tag_open'] = '<li>';

$config['next_tag_close'] = '</li>';

$config['last_tag_open'] = '<li>';

$config['last_tag_close'] = '</li>';

$config['cur_tag_open'] = '<li class="page-item active"><a href="#" class="page-link">';

$config['cur_tag_close'] = '<span class="sr-only">(current)</span></a></li>';

$config['num_tag_open'] = '<li>';

$config['num_tag_close'] = '</li>';

$page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;

$this->pagination->initialize($config);

$data['link'] = $this->pagination->create_links();

$data['message'] = '';

$data['records'] = $this->Search_model->getUserPagintaion($config['per_page'], $page);

$this->load->view('search_data', $data);

}

View Code :

<!DOCTYPE html>

<head>

<title>CI Search</title>

body {

font-family: 'Roboto', sans-serif;

}

</style>

</head>

<body>

<h1>CodeIgniter Search</h1>

<br>

<?php echo form_open("Search/searchUser" , ['class' => 'form-inline']); ?>

</div>

<button type="submit" name="searchBtn" class="btn btn-primary submit">Search</button>

<button class="btn btn-default more" href="<?php echo site_url('Search') ?>">Refresh</button>

<?php echo form_close(); ?>

<?php echo '<h3 style="color: #26324E;">'.$message.'</h3>';?>

<hr>

<tr>

<th>Index</th>

<th>Userame</th>

<th>Email</th>

<th>Change</th>

<th>Remove</th>

</tr>

<?php if (count($records)): ?>

<?php foreach ($records as $row): ?>

<tr>

<td><?php echo $row->indexno; ?></td>

<td><?php echo $row->username; ?></td>

<td><?php echo $row->email; ?></td>

<td><a href="#"><button type='submit' class='btn btn-primary'>update</button></a></td>

<td><a href="#"><button type='submit' class='btn btn-danger'>Delete</button></a></td>

<?php endforeach; ?>

<?php else: ?>

<center><p style="margin: 20px;">No users registered</p></center>

<?php endif ?>

</table>

</div>

<br>

<?php echo $link ?>

</div>

</body>

</html>

Now you will be shown the records with page numbers.

The highlighted part is new and it is the search form that we use to search data from database. Now we have to implement the controller function to submit form data. Add the following code the controller.

public function searchUser() {

$key = $this->input->post('search');

if(isset($key) and !empty($key)){

$data['records'] = $this->Search_model->searchRecord($key);

$data['link'] = '';

$data['message'] = 'Search Results';

$this->load->view('search_data' , $data);

}

else {

redirect('Search') ;

}

The colored words should be same as they defined in the search form.

Search button name = search

Search controller function name = searchUser

Search model function name = searchRecord

When we consider the body of the function, it first get the data by data input and assign a variable to hold that data. Then the posted data is checked. If there's a key AND it is not empty; means you have typed something in search input field and submitted, data is fetched through the model function called searchRecord. It is passed to an array called data as a variable called records.

Then the pagination link is passed empty. If you do not include it here, CI will display an error saying undefined variable since we have included in index function to load the data from DB. When the page is reloading, this link should be passed to avoid errors. Then another variable is passed to data array called message which displays the phrase - "Search Results". After submitting the search form, this will be displayed on the top of the results. Finally you need to load the search_data page with the variable passed to data array. If records are not found, it will redirect to the main view.

Search Function in the Model :

Add this code to the model

public function searchRecord($key)

{

$this->db->select('*');

$this->db->from('users');

$this->db->like('username',$key);

$this->db->or_like('email',$key);

$this->db->or_like('indexno',$key);

$query = $this->db->get();

if($query->num_rows()>0){

return $query->result();

}

This function will return a array with data using a SQL query with LIKE option. Model searches for records where it matches with the key you have input in the search field. If you enter a username like "pool", it will display the all username records OR records matched with email or indexno that includes the entered word phrase. If results are found, num_rows function checks whether the count is greater than zero. If so, return the result. That's all...

Now you have completed my tutorial foe search data with CI. Try this article and you will be able to search records from a database. I hope you get the idea. If you need further clarifications, drop a comment here.

Good Luck!

CodeIgniter , PHP

No comments :

Post a Comment

No comments :

No comments :

View - check.php

Model - Search_model.php

Controller - Search.php

Ajax , jQuery script

No comments :

No comments :

No comments :

No comments :

Mengapa Kita Kurangi Ukuran Size Gambar Blog

2 Tools Online yang dapat digunakan Untuk Kompres Gambar

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

No comments :

Model Code:

Controller Code :

View Code :

Search Function in the Model :

No comments :

Featured Post

Popular Posts

Blog Archive