Knoldus Blogs

Play-Slick-PostgreSQL: Reactive Play application with Slick extensions for PostgreSQL

February 22, 2015February 22, 2015Bootstrap, Future, JavaScript, jQuery, Non-Blocking, Play Framework, Reactive Application, Slick, Studio-Scala, WebBootstrap, Play framework, Reactive, scala, WebJars

Reading Time: < 1 minute playing-slick-pg Building Reactive Play application with Slick extensions for PostgreSQL This is a classic CRUD application, backed by a PostgreSQL database. It demonstrates: Handling asynchronous results, Handling time-outs Achieving, Futures to use more idiomatic error handling. Accessing a JDBC database, using Slick. Achieving, table pagination and sorting functionality. Embedded JS & CSS libraries with WebJars. Play and Scala-based template engine implementation Integrating with a CSS Continue Reading

Configure TURN server for webRTC with Firefox

January 5, 2015September 10, 2018AJAX, Amazon EC2, Cloud, JavaScript, jQuery, Web

Reading Time: < 1 minute Initially, I was using turn server for webRTC in my application only with Chrome but later i got the requirement of using turn server with Firefox as well. I tried to run my application on Firefox with the same code as for Chrome,but i was getting the below error : uncaught exception: buildPeerConnection failed, call not completed Actually, as i mentioned in my previous blog Continue Reading

Tutorial: AJAX calling in Play Framework 2.3.4

October 7, 2014October 7, 2014AJAX, JavaScript, jQuery, Play Framework, Studio-Scala, WebClean code, Javascript, jquery, JSON, Play framework, scala

Reading Time: 5 minutes In this tutorial we will discuss about the following topics of AJAX calling in Play Framework 2.3.4: Generating a Javascript router Embedded router Router resource Use of Javascript router jQuery Ajax Success/Error handler for each router Single Success/Error handler for all routers

Easiest Way to Implement Google Map in Scala.js

September 10, 2014July 20, 2018Agile, AJAX, CSS, JavaScript, jQuery, Studio-Scala, Webhtml, Javascript, scala.js

Reading Time: < 1 minute In this blog, I would explain how to implement Google Map in scala .js. If you are developing your web application in Scala and you want to write javascript functionality in Scala then you should go with scala.js. To implement Google Map in scala.js, please follow below steps:- 1) Add below code in your HTML file <script src=”https://maps.googleapis.com/maps/api/js”></script> <div id=”map_canvas” style=”height: 430px; width: 512px;”> 2) Continue Reading

How to implement infinite scroll on canvas using paper.js

September 10, 2014July 26, 2018Bootstrap, CSS, JavaScript, jQuery, Studio-Scala, Web

Reading Time: 2 minutes We make drawing on canvas using paper.js. In this blog, i would explain that how can we implement infinite scroll on canvas. Suppose we have a fixed size canvas : <canvas id=”myCanvas” width=”2500″ height=”1000″></canvas> But we want to implement infinite scroll i.e. we can draw infinite items on canvas using paper.js. As we will either scroll down or scroll up, then it should scroll infinitely. Continue Reading

How to deal with multiple projects in one scope in paper.js

September 3, 2014July 26, 2018AJAX, JavaScript, jQuery, Web

Reading Time: 2 minutes Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. First of all, we will see the architecture of Continue Reading

Dribbling with Filter.js: client-side JS filtering of JSON objects

September 2, 2014September 2, 2014AJAX, Bootstrap, JavaScript, jQuery, Play Framework, Reactive Application, Studio-Scala, WebAjax, Big Data, Caching, Clean code, Code Quality, Javascript, JSON, Play framework, scala

Reading Time: < 1 minute Dribbling Filter.js Play framework with client-side JS filtering of JSON objects and rendering HTML snippets via jQuery. Big chunk to display? Interactive filtering? Most importantly it has to be really fast. Isn’t it like dribbling against Netherland! Big ground, lots of hooting and most importantly have to be fast and win UI programming is an exciting ground to play, That’s why i chose reactive platform Continue Reading

Knolx Session : Introduction of webRTC

August 25, 2014July 26, 2018AJAX, JavaScript, jQuery, Node.js, Web

Reading Time: < 1 minute In this presentation, I explained briefly about the webRTC and turn server (relay server) .

A simple CRUD application in Play! Framework using Kundera and Cassandra as a Database.

June 22, 2014June 23, 2014Akka, Architecture, Bootstrap, Cassandra, CSS, Future, JavaScript, jQuery, Kundera, Non-Blocking, Play Framework, Reactive Application, Studio-Scala, WebAkka, Cassandra, Clean code, Code Quality, Javascript, JPA, jquery, knol, Kundera, Play framework

Reading Time: < 1 minute playing-kundera-cassandra: This is a classic CRUD application, backed by Play 2.3.0, Kundera & Cassandra. It demonstrates: Accessing a Cassandra database, using Kundera. Achieving, Futures to use more idiomatic error handling. Accessing JS & CSS libraries by WebJars. Bootswatch-United with Twitter Bootstrap 3.1.1 to improve the look and feel of the application Instructions :- The Github code for the project is at : playing-kundera-cassandra Clone the project Continue Reading

Classic CRUD application in Play Framework 2.3.0 with ReactiveMongo, WebJars and Bootswatch-United

June 14, 2014June 19, 2014Akka, Bootstrap, CSS, Future, JavaScript, jQuery, MongoDB, Non-Blocking, Play Framework, Reactive Application, Studio-Scala, WebClean code, Code Quality, Javascript, jquery, MongoDB, Play framework, scala, Web

Reading Time: < 1 minute Play 2.3.0 application with ReactiveMongo – reactive, asynchronous and non-blocking Scala driver for MongoDB. This is a classic CRUD application, backed by a MongoDB database. It demonstrates: Achieving, Futures to use more idiomatic error handling. Accessing a MongoDB database, using ReactiveMongo. Achieving, table pagination and sorting functionality. Replaced the embedded JS & CSS libraries with WebJars. Play and Scala-based template engine implementation Bootswatch-United with Twitter Continue Reading

How to remove video/audio tracks from MediaStream in WebRTC

June 5, 2014September 10, 2018CSS, JavaScript, jQuery, Studio-Scala, Web

Reading Time: 2 minutes WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without plugins. Now in this blog, I am going to explain that if we have a mediastream containing both audio and video and at some point of time we want to remove one of the track Continue Reading

Show Online Friends using Node.js with Nice UI Interface

May 9, 2014July 20, 2018Agile, CSS, JavaScript, jQuery, MongoDB, Node.js, Webcss, Javascript, MongoDB, node.js, Web

Reading Time: < 1 minute Last month, we created a login demo template in Node.js and MongoDB. We also added signUp with Facebook, Twitter and google. So that user would not need to signup manually. We added profile management feature with a nice UI interface. So that uses could modify his profile detail along with his photo. We have used MongoDB for this application. We added Friend List management with Continue Reading

Making Friend-List in Node.js and MongoDB using Autocomplete

April 29, 2014Agile, AJAX, CSS, JavaScript, jQuery, MongoDB, News, Node.js, WebJavascript, jquery, MongoDB, node.js

Reading Time: 2 minutes Last week, we created a login demo template in Node.js and MongoDB. We also added signUp with FaceBook, Twitter and google. So that user would not need to signup manually. We added profile management feature with a nice UI interface. So that uses could modify his profile detail along with his photo. Now we have added one more feature Friend List management with auto-complete functionality. Continue Reading