Engineering Elegance

Handle HTTP Request from Client to Resource

Finding information for revoke and renew certificate. I have checked the web and found the revoke command in this website have useful openssl commands. I have also discover the command line for renewal of certificate in this website. According to this blog, to renew a certificate, we must revoke the expired certificate 1st and renamed the request of certificate to be signed and this will renew the certificate with a different file name. But unfortunately some of these commands are not Read more…

By [email protected], ago

CodeMirror File Save/Load/Compile with Witty

This week I have started working in my first task in the project , after spending the last couple of weeks studying and digging here and there … the real work has just begun 😀 .. Last week and as I mentioned in my previous blog entry I managed to integrate the code editor (codemirror) with witty. So my first task was to both save the content of the editor to the server and to load some code from the Read more…

By [email protected], ago

JSON File Save/Load with Witty

In this week I was officially assigned tasks to do in the project. I was assigned 3 tasks all related to JointJS and Wt Wresources. However, I could only manage to finish one task which was handling saving and loading a Json file to and from the server. The first part of the task was loading the file from the server to the client browser. This was a fairly simple task. To do that, I created a Witty function in Read more…

By [email protected], ago

OpenSSL Self-Signed Certificate

We are currently trying to develop a simple web application to generate, revoke and renew self-signed certificate.The challenge i have been assign is to design a better user experience to smoothen the process of certificates. The figure bellow shows the rough sketch of the user experience when processing certificates. first, user will have to log in to the web application with a valid user name and password. THen user will be able to log in to the main page which Read more…

By [email protected], ago

Communicating like a Quadcopter

Following last week’s information on the communication data coming from the Quadcopter remote, the next logical step was to replicate it so that the Arduino can be used to communicate the quadcopter instead. Some interesting findings led to a better understanding of the communication between this particular Remote Control and the quadcopter and also a stack of code was developed to try and replicate this communication. Understanding the Payload: Once it was obvious that the Power-up/initialization sequence can be ignored Read more…

By [email protected], ago

Witty, Witty and more … Witty

In this week I continued reading and studying witty. So after covering the Graphical User Interface (GUI) part of witty last week I started directly exploring its non-GUI part.When we deal with non-GUI part we need to be familiarized with some terms such as “resource”. A resource is any document or file other than the main page (the html page) that can be rendered to the users. Witty provides a class named “WRESOURCE” which can be used to create resources Read more…

By [email protected], ago

Week with Witty

THe progress of learning Witty this week is very slow, i merely scratch the surface of the entire Witty framework. What i did in this week was mainly exploring the widget in Witty and the concept of http request and response. I did not go through every single widget in detail. I spend most of my time figuring out the WResource code. It is a target for the HTTP request and it allow us to upload file to the server Read more…

By [email protected], ago

JointJS with Wt

One of our project requirements is to have a basic online schematic editor for electrical circuits. Therefore, it was my task this week to explore JointJS as the library that we will be using in order to build our editor. However, it needs to be built from inside a Witty project! The process of integrating JointJS with Witty code was fairly simple, and very similar to the integration of Witty with Ace and CodeMirror. I am not going to go Read more…

By [email protected], ago

Witty 2

This week is one which is solely focused on Witty and it has been a rather interesting one because it is the one that I started realizing the great power that it comes with. I would still say that my understanding of it is just a mere scratch as the library that it has is just so huge. The GUI part of Witty is rather complete as it practically comes with every function that is needed online and luckily it Read more…

By [email protected], ago

Learning Witty

Witty is a very large library that consist of different specific function a good web application will need. In this week I tested some of the function and try to create very simple function, like an application form of sorts. The structure of code in Witty is very different from HTML. It utilises container and widget to construct the whole web application. Containers will contain individual widget and are set to a specific layout thus creating a web application. The Read more…

By [email protected], ago