Google reCAPTCHA in a web form

Using HTML5, JS/jQuery/Ajax, CSS3, Bootstrap, PHP

Documentation here:

https://developers.google.com/recaptcha/docs/display

Practiced here: http://www.followthesun.com.cy/contactus.php

To-Do the same here in this Article Web Log/Video Log:

http://www.latchiquads.com/contactus.html

http://www.polistaxi.com/contacts.php

http://www.poliscyprusquads.com/contactus.html

Notes:

http://www.latchiquads.com/contactus.html

in the webpage HTML5/CSS3/JS/JQUERY code.

http://www.latchiquads.com/contactus.html

<script type="text/javascript">

  var reC = "";

  var verifyCallback = function(response) {
        //console.log(response);
        //reC = response;
        $("#g-recaptcha-response").val(response);
      };
  var onloadCallback = function() {
    grecaptcha.render('html_element', {
      'sitekey' : 'site key',          
            'callback' : verifyCallback
    });
  };
</script>
                                    <div class="form-group">
                                      <label class="control-label col-md-3" for="comment"> </label>
                                      <div class="col-md-9">
                                        <div id="html_element"></div>
                                      </div>                                            
                                    </div>
in case of JS Conflicts --- try a different position of 
<script src="php/webformsPHPajax2017.js?2021"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</body> 

D:\htdocs_xampp\Latchiquads.com\php\webformsPHPajax2017.js

$(document).ready(function() {

var url = "php/contactus.php";
$('#send1').click(function(e){
    e.preventDefault();
    e.stopPropagation();
    //alert("send1");

  $.ajax({url: url, type: 'POST',
  data:
  {
    name: escapeHTML($('#name').val()),
    email: escapeHTML($('#email').val()),
    phone: escapeHTML($('#phone').val()),
    comments: escapeHTML($('#comment').val()),
    token: escapeHTML($("#g-recaptcha-response").val())
  },
  error: function() {
      $("#alertMsg").html('<div class="alert alert-danger"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Error!</strong> Something went wrong, check your email and retry!</div>');     
  },
  success: function(response){
    console.log(response);
    if (response=="true")                 
      $("#alertMsg").html('<div class="alert alert-success"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Success!</strong> We will reply ASAP!! See your email box for confirmation!</div>');
    else      
      $("#alertMsg").html('<div class="alert alert-danger"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Error!</strong> Something went wrong, check your email and retry!</div>');      
    }
  });
    return false;
});

D:\htdocs_xampp\Latchiquads.com\php\contactus.php

$token = $_POST[“token”];

function httpPost($token)
{

$data = array(
    "secret" => "secret key", 
    "response" => $token
);    
foreach($data as $key=>$value) { $fields_string .= $key.'='.$value.'&'; }
rtrim($fields_string, '&');

$data_string = json_encode($data);                                                                                                         
$ch = curl_init('https://www.google.com/recaptcha/api/siteverify');                                                                      
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");                                                                     
curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string);                                                                  
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);                                                                      

$result = json_decode(curl_exec($ch));    

return $result->success;

}

function quickContactProcess($name,$email,$phone,$comments, $token) {

$captchaOK = httpPost($token);

if ($response == “false” || $captchaOK != 1) {
//die (“The reCAPTCHA wasn’t clicked. Go Back and try it again.”);
$response = “false”;
} else {
$response = “true”;
}

quickContactProcess($name,$email,$phone,$comments, $token);
?>

http://www.poliscyprusquads.com/contactus.html

soon!

http://www.polistaxicyprus.com/contactus.html

soon!

http://www.polistaxi.com/contacts.php

soon!

The benefits of education will only be online, nationally and internationally, from digital devices of now and the future

The benefits of education will only be online, nationally and internationally,
from digital devices of now and the future


In fact the proliferation of only online education should make public schools and governments more involved in online virtual world and I think should bring many benefits in addition to benefits brought by the involvement of Internet today.

There will be many accurate and free online academic and other resources from government agencies, making the web a better place. This should influence all Internet workforce but mainly online learners, researchers and students. Also government agencies should develop more and better and free online learning tools helping more the online web workers, students and learners to learn what they want easily and accurately.

Also not optional online education will make offline education limited to only practical sessions required in some educational fields. In a few  years with this setup, required online education should self-develop to the level could not make any further progress, so the world will reach a peak in technology and education development. This will make the most people to achieve the skills in their target subject or subjects easily.

Online education means learning without distractions, at your comfort or your own environment. You no longer will have to travel to school or buy books or other school materials. In other words costs and time should be saved and used for other activities that bring more skills and learning than it’s offline counterpart.

The technology tools for permanent online education I think should be the same as today’s online education, the Computer, Tablet, and Phone, and the Network, as of hardware. The development of software connected to Internet should make a lot of progress and development with gov agencies involved. Books should be in electronic format in digital libraries either governments’ public online libraries or schools online libraries.

Communication will increase but stay to the level of today with email, and chat text, voice, video, notifications and alerts, and social networks communication. This via Wi-Fi and cellular 3G and 4G technologies.

In conclusion I think governments should enforce required online education, and by the year 2020 all countries’ education should be online. All walks of life will reach top development by then.

Tablets in schools and universities

Author: Leonidas Savvides,  @lwdlse

Computing in class: Desktop: 1990-2000, Laptop: 2000-2010, Tablet: 2010+
Main Tablet OS:  Google Android, Apple iOS, MicroSoft Windows 8/10

Two decades ago and particularly from 1990-2000 desktops were de facto standard for students. A decade ago and particularly from 2000 to 2010, laptops started transforming the college experience; today and from 2010, tablets have become a necessity and a way to reduce costs and to become more efficient in all our productivity and more.

Tablets complement Smart Phones although there are many uses exclusively to each.

As an essential to student success Tablets will become this year (2014-2015) the tool of every student, in other words no student can do without one. These smart screens provide tactile, intuitive experiences that are perfect for hands-on learning and social interaction. Given that books and friends are college students’ primary priorities, the tablet is a great tool for achieving academic and social success.

With so many Apps for Tablets is hard to imagine a task you cannot do without.

Tablets represent efficiency in the classroom. They allow for faster, more fluid learning in both lectures and seminars, as the tablet enables quicker note taking. Easy access to apps in class allows students to engage with new information and contribute relevant material to the class conversation. That means that info is instantly accessible, so that students can instead concentrate on critical thinking.

The physical dimensions and nature of Laptops are done them unsuitable for classroom or at least not like their successors Tablets; this for the face to face professor-student or student-student communication.

Financially, tablets reduce the costs in the long run. They offer additional savings through e-books—a cheaper, lighter alternative to expensive textbooks. Also you have the ability to keep your eBooks intact and annotate digitally a copy of them, and keep them both in Tablet or Computer where easy access and no non-found problems. Also eBooks take no space in your room any number to have.

Personally I believe the more you know about Apps and Tablet usage the more benefit you will have from it. College students should benefit more from High School students and from Primary Pupils. Gaming I think goes more for non-college users.

I think Tablets should be introduced to schools of all levels by law and special education (and guides published) about their usage should be provided appropriately. Also students must be given special treatment not to spent most of their time in non-education matters such watching video or playing games, rather concentrate first on their courses and if there is spare time to do concentrate on some other activity.