How to Develop HTML5 projects together [Series 1] and html5 projects together

How to Develop HTML5 projects together [Series 1] and html5 projects together

Suddenly, with the rotation of my little CPU, I thought that every time I wrote a blog, I would like to post what I have already done. It is better to come and work together on projects and step by step, in this way, it is of great help to everyone and to me. Although I am not a good guy, I have been involved in a project from the beginning to the end, hoping to provide you with some project development experience, of course, you are also very welcome to their unique insights.

First, determine the business needs. I want to do a function that scans the QR code and interprets it. Use HTML5 to implement cross-platform.

Determine the development environment first. If java is used, eclipse/IntelliJ IDEA is a good choice. Use C # And other versions such as VS2012.

Because the company uses C #, I should choose it. If you want to use other languages for development, you can also develop it later. In fact, as long as one language is available, they are both object-oriented and not difficult to compare.

In order to reduce the amount of contempt in the later stage, I did java before reporting the house, and C # was used for the company later. Considering the company's good welfare, I came in, after several days, you can get started with development. Basically, the gap is not big. I am also the first HTML5 project. This is not an old bird. I am very self-taught in the company. I am mainly interested in this aspect. Please do not spray it. So I want to use this platform to improve myself and share some experiences with each other.

Development Platform VS2012

Development Technology C # HTML5 + javascript2.0 + CSS3.0

This article introduces the idea first.

My personal thoughts are as follows:

1. the HTML5 API calls the camera, displays it, and keeps shooting. It saves the captured image stream data and sends it to the background using ajax.

2. analyze and process the image in the background, introduce the QR code parsing package, parse the image stream data, and generate the corresponding string.

3. Upload the generated string to the front-end ajax for receiving and printing.

The basic functions are as follows. If you want to extend the function, or you want to save the generated string to the database and insert it in the background, or if you want to upload it to the foreground, you can determine whether it is an http address and then jump to the page, we are now step by step to complete the entire data trend. If you have any opponents, you can leave a message and discuss the countermeasures.