KamaLabs

Commercial Project

Nazwa Catering

Demola Project – Fingrid Electricity Market Visualization

MIK

DFI

Enjoy Jakarta

ParInvest Logo

Sejiwa Foundation

ABB Web Based IDE

Loueva

Adhimix Precast Indonesia

Demola is an international organization that facilitates co-creation projects between university students and companies, either locally or internationally. This is the project brief from Demola's website: Visualising the Future Electricity Market. In this project, we were tasked to formulate an idea along with its concrete example i.e prototype to reach the goal. The goal in this project is to make sure people could understand the electricity market in an easy way. We were team of 5. 3 of us were developer and theo other two were from social sciences which had been working previously in the energy sector. The first few weeks was all about idea formulation. We map the main problem that need to be solved. Analyze to root cause of those problems. We define the main value proposition that we want to offer. Until we came up with several ideas such as:
  • Integrated marketing campaign which includes: social media campaign, microsite campaign, youtube campaign etc.
  • Simcity-like game but in this case, instead of managaing cities, the player would manage an electricity grid company like Fingrid.
  • Mobile apps to track electricity usage.
  • Electricity marketplace which will connect electricity buyer and electricity provider.
  • Open, personalized and extensible electricity market visualization dashboard.
With several considerations, we finally decided to build the last idea. We Developed the dashboard using NodeJS and D3.js. I setup the framework for the technical team so that they could code it faster. I prepared the build process. I split the job of creating visualizations to the three of us, including myself. We also did intensive testing on their newly developed RESTful API and found several critical bugs to which they finally made some big adjustment to their API configuration. Basic demo: http://kamalabs.com/fingrid/

Challenges

This was my first experience working with a big international corporate client professionally. There were a lot of communication challenge on this part. We have to make sure that we could really understand what Fingrid wants. Initially the scope of the porject wasn't very clear. And it was intentionally designed that way by Demola. They expected us to dig the problems by ourselves and formulate the solution for that. Fingrid of course already something in mind but they want to see what kinds of problems that we find and solutions that we offer to them. Fortunatelye, with good communication through Slack and various other channels, we could come up on the same ground.
I worked at ABB as a UX Designer and a master thesis worker. Here, I constructed UI/UX for their real time industrial IOT calculation engine. Built with vanilla Javascript. I also built a JS based C# parser/lexer which generate syntax/lexical tree out of the C£ code input to be used in this web based IDE to provide smart autocompletion. As part of the thesis research, I also measure the productivity gains of using a specially constructed UI/UX that I built for the purpose of creating and/or managing the calculations.

Screenshots

2017-05-30 (8) Add New Calculation View Calculation List View Calculation List View

Background

ABB as one of the leading power and automation company is connecting millions of electrical devices and systems to industrial internet of things called ABB AbilityTM. ABB AbilityTM is refining the measured real-time data with calculations to additional soft sensors signals and key performance indicators (KPIs) at the various levels from the system edges to central cloud. The engineering of the calculations requires web based IDE that provides good developer experience for the subject matter experts to be productive in their work. All configurations of the calculation engine are stored on the database engine. Currently, the calculation engine still doesn’t have a frontend view. So the user needs to work directly on the database to operate the calculation engine. This is a tedious work, especially when it comes to writing the calculation script. Thus, it is important to build a user friendly interface to configure the calculation engine. This interface needs to be integrated to ABB existing frontend dashboard system. One of the most important aspect of this UI is to have a versatile code editor. The user will need to write the calculation code directly on the front end web based system. So, it is vital to have an integrated code editor with some level of IDE functionalities embedded on it.

Objective

The objective is to design and implement web based engineering tool to enable end-to-end development of the calculations that includes:
  • Build UI for accessing and choosing the data source. It includes setting up parameters, parameter types, database mapping, dependencies and external libraries.
  • Build UI for defining the calculation. This is where we need to integrate the code editor.
  • Build UI for configuring the execution. It includes task definition, periodical based execution with scheduler, event based execution with triggers, batch jobs, simulations and diagnostics.
PT Adhimix Precast Indonesia is one Indonesia's biggest player in concrete and construction industry. Their parent company, PT Adhi Karya, were first established since 1960 by nationalization of a Dutch company called Associate N.V. At 2002, PT Adhi Karya decided to sell/disintegrate their concrete production unit business because of its poor performance. Thus, PT Adhimix Precast Indonesia were born. It turns out that this disintegration was a great thing for them. Their performance went really well until today. One of the key success factor of their operation is the existence of a good enterprise resource planning (ERP) system. This custom ERP software has really helped them to make their company operation more efficient, which in turn helps to boost performance. But today, this ERP system is starting to get obsolete. It needs many adjustment to fit their newly-designed and more-efficient business processes. And as the company grows over time, it's getting more important for the top management to get a quick insight about company performance. This is why they also need a good decision support system (DSS).

Role and Responsibilities

I work on this project as a system analyst for both the extension of the ERP and also the DSS. My responsibilities include:
  • Communicate intensely with the business analyst to gather the business requirement of the system
  • Transform the business requirement into system design and development plan
  • Coordinate with the programmers to make sure the development went as planned

Project Challenge

Extending an old system has always been a hard thing to do in software engineering. We need to learn the previous system extensively to really get a good understanding of the old system works before we begin to make any extension. This is one of the biggest challenge that we have to face on this project. Another challenge is business process of the company itself. We didn't just make a system out of their own running bussiness process. We aim to reconstruct a better and more efficient business process for the company with our system. This kinds of work needs a tight collaboration between many people from many departments on the company, the business analyst and also the system analyst.

Screenshot

Below you can see some screenshot of the system that we built. The screenshot was taken from development server with dummy data.

ERP

erp login erp login2  investigasi incident listing

DSS

evaluasi safety dashboard fuel ratio
Loueva is a body care product to help minimize the effect of cellulite. It was a new product of PT Ratu Farmaka Prima. The company asked me to create a nice looking web page for this product as a powerful tool to spread the information about this new brand product. I helped them craft the information architecture of the web, design the site and code it altogether.

Project Challenge

Although it's actually quite a simple project (considering the specs), the project didn't run really well. The project didn't meet the quick deadline that I set. Normally, I could finish this kinds of website in a day or two. But it turns out to take about two months to finish it. Mostly because of I have to wait for the content to be available from the producer. loueva_screenshot
parinvest-logo ParInvest is a global consulting firm focused on the needs of foreign clients wishing to invest in the United States. The company offers acquisition, disposition, leasing and property management services for residential and commercial real estate, specializing in exclusive properties in premium locations with strong demand characteristics. Parinvest Asset Management is a joint venture between investment banking group Crédit des Alpes, globally recognized for its consolidated experience in financing and investing in exclusive real estate transactions around the world, and Parinvest LLC, one of the largest real estate brokerages and asset management groups in South Florida. To date, Parinvest Asset Management's portfolio of investment opportunities ranges from Miami Beach hotel condominium units to commercial net leased properties and redevelopment projects in New York City and Los Angeles. My job was to design a logo for them. I got the project via 48hourslogo.com. Well, it's not really a project since we're competing there in 48hourslogo. My logo won and they chose my logo. After the logo design, they also asked me to create the animated version of the logo, to be used on their website. I built it with HTML5, CSS3 and jQuery. All those tools were still in its infancy back then.

Project Challenge

This was my first time working internationally and remotely with people from different country. I was in Indonesia and the client was in the USA. There was a significant time difference between us. Collaboration was all done via email, so it's kinda slow since each of us would have to wait for the others to wake up and check their email. I got many lesson learned from this kind of collaboration for another remote international work.
20-sejiwaYayasan Semai Jiwa Aminin (SEJIWA) is non profit organization who works in education field. It main concern is to stop bullying in educational institution. Sejiwa want to emphasize the importance of self-actualization through some norms i.e integriry, empathy, respect, tolerancy and responsibility. Sejiwa foundation is empowered by experts in pshycology, education and many other professional. It has gather partnership with government agencies, schools, local & international NGO, education institution, mass media, companies and influential figure to achieve its mission. Its partner include: Exxon Indonesia, GE Indonesia, Plan Indonesia, CRC (Child Right Coalition) Asia. My job was to built a website for them. This website was meant to be the central power house of any of their social campaign. It was built using wordpress with custom built theme.
21-thaniaNazwa Catering is a company who works on catering service industry. Previously named Thania Catering, it changed its name on 2012. Thania Catering itself has been around since November 2000. It is a business unit of CV Kaser De Tanko which is a company who specialized in procurement industry. My job was to built a website for them. Something that could be a display of their experience in catering industry. The site was built using Wordpress CMS with custom built theme.
26-mik PT. Mitra Integrasi Komputindo (also known as “MIK“) is an Information Technology and Professional Services company based in Jakarta, INDONESIA. MIK was established in 1998 by experienced and skilled IT professionals that have served the industry for many years. Our responsibility here was to develop an online company profile for them. The site was built using Wordpress, we develop the theme by our own. It's custom built theme to match MIK's corporate branding.
FireShot capture #134 - 'PT Digital Fidusia Indonesia' - www_dfi_co_idDFI is an abbreviation of Digital Fidusia Indonesia. It is an information technology service provider focusing on insurance industry. DFI founded in 2006, it is inspired by the dynamic of the ever-flourishing insurance industry that requires information technology solutions & services to act as primary business enablers. The requirements for the extensive technology based systems and procedures supported by skilled and professional people are increasingly being felt, specifically in the area of technology based education industry. Our responsibility here was to develop an online company profile for them. The site was built using Wordpress, we develop the theme by our own. It's custom built theme to match DFI's corporate branding.
enjoy-jakarta-11 The client of this project is DISPARBUD DKI Jakarta. It's an abbreviation of "Dinas Pariwisata dan Kebudayaan DKI Jakarta". In English, it is translated loosely to "Tourism and Cultural Office of Jakarta". It's a local government institution which deals with tourism and cultural issue. My responsibility in this project was to rebuild their website. Their old website was developed using a custom built PHP CMS. Unfortunately, this custom built CMS has too many fault in it. It had too many bugs. It's slow and unsafe. The design was clumsy. The code was a mess. At first we planned to annihilate this old website and rebuilt a new on with better CMS, but then I ended up fixing it instead.

Project Challenge

In the middle of the project, there were a succession of the leadership in Jakarta. We were finalizing an election and just got a new governor in Jakarta: Mr Joko Widodo (Jokowi). Jokowi did some reshuffle to his officials, including officials at the Tourism Office. So, at that time, the PIC of the project moved to another person. This turned out to be a big dilemma for the project. We were halfway through our project and then there was someone new "in town" and she wants everything changed. The institution didn't have a good succession mechanism to make sure that the works which were still running, could still run smoothly. The new official demanded so many new things from us that we ended up being brought back to the beginning of the project. And all of a sudden, we were finally just brought back the old website and fixed what's wrong it instead of continuing to develop the half-finished new website. Of course we're familiar with the fact that fixing someone else's code is harder than writing a new one. But, in this case, where there's already too much miscommunication between us and the recently-changing client, doing whatever the client wants is better than just dumping the whole project. For the sake of our integrity and credibility, we chose the hard way to fix the broken web. Thankfully, we managed to finish the project with client somewhat satisfied (although I wasn't ;) ).

Older posts