【Altera SoC体验之旅】高速数据采集之数据显示（2）

chenzhufly

【Altera SoC体验之旅】高速数据采集之数据显示（2） [复制链接]

 

【Altera SoC体验之旅】高速数据采集之数据显示（2）

作者：chenzhufly QQ：36886052

研究了几天终于可以在web上显示曲线了，需要优化的工作还很多，继续努力吧

1、 硬件环境

硬件平台： Embest SoC --LarkBoard

软件平台：开发板-linux-3.10.31

Quartus 14.0

2、Web服务器

我这次使用的是Lighttpd

Lighttpd 是一个德国人领导的开源Web服务器软件，其根本的目的是提供一个专门针对高性能网站，安全、快速、兼容性好并且灵活的web server环境。具有非常低的内存开销、cpu占用率低、效能好以及丰富的模块等特点。

Lighttpd是众多OpenSource轻量级的web server中较为优秀的一个。支持FastCGI，CGI，Auth，输出压缩(output compress)，URL重写，Alias等重要功能；而Apache之所以流行，很大程度也是因为功能丰富，在lighttpd上很多功能都有相应的实现了，这点对于apache的用户是非常重要的，因为迁移到lighttpd就必须面对这些问题。

debian系统就是这点好，直接安装就可以了

1. apt-get install lighttpd

复制代码

配置文件在/etc/lighttpd/lighttpd.conf，可自行更具需要修改

3、曲线显示控件

我使用的是Highcharts

链接地址：http://www.hcharts.cn/，资源很丰富，可以下载例程，自己学习学习

演示曲线非常漂亮：

4、数据的获取

Highchart支持多种方式的数据获取，由于能力有限，就没继续研究了，我使用了比较笨的办法，把数据存在一个文件中，然后从文件中数据读出并展示出来；数据都存入到adcdata.js这个文件，分别是原始数据adcdata、FFT后的数据fftdata，信号频率freq

数据获取的代码如下：

1. #include <stdio.h>
2. #include <stdlib.h>
3. #include <errno.h>
4. #include <fcntl.h>
5. #include <unistd.h>
6. #include <math.h>
8. #define PI (3.14159f)
9. #define TWOPI (6.2831853f)
10. #define POINT (1024)
12. struct complex{
13. double real;
14. double imag;
15. }complex ;
17. static float gFft_res_ch0[POINT];
18. static float gFft_res_ch1[POINT];
19. static struct complex gFft_sr_ch0[POINT];
20. static struct complex gFft_sr_ch1[POINT];
21. static unsigned int gSource_buff[POINT];
22. static int gChanel0_buff[POINT];
23. static int gChanel1_buff[POINT];
25. struct complex EE(struct complex c1,struct complex c2)
26. {
27. struct complex c3;
29. c3.real = c1.real*c2.real - c1.imag*c2.imag;
30. c3.imag = c1.real*c2.imag + c1.imag*c2.real;
32. return (c3);
33. }
35. void fft(struct complex *xin,int N)
36. {
37. int f, m, LH, nm, i, k, j, L;
38. int le, B, ip;
39. double p , ps;
40. struct complex w, t;
42. LH = N/2;
43. f = N;
45. for(m = 1;(f = f/2) != 1;m++);
47. for(L = m;L >= 1;L--)
48. {
49. le = pow((double)2,(int)L);
50. B = le/2;
51. for(j = 0;j <= B - 1;j++)
52. {
53. p = pow((double)2,(int)(m-L))*j;
54. ps = TWOPI/N*p;
55. w.real = cos(ps);
56. w.imag = -sin(ps);
57. for(i = j;i <= N - 1;i = i + le)
58. {
59. ip = i + B;
60. t = xin[i];
61. xin[i].real = xin[i].real + xin[ip].real;
62. xin[i].imag = xin[i].imag + xin[ip].imag;
63. xin[ip].real = xin[ip].real - t.real;
64. xin[ip].imag = xin[ip].imag - t.imag;
65. xin[ip] = EE(xin[ip],w);
66. }
67. }
68. }
70. nm = N - 2;
71. j = N / 2;
72. for(i = 1;i <= nm;i++)
73. {
74. if(i < j)
75. {
76. t = xin[j];
77. xin[j] = xin[i];
78. xin[i] = t;
79. }
81. k = LH;
82. while(j >= k)
83. {
84. j = j - k;
85. k = k/2;
86. }
87. j = j + k;
88. }
89. }
91. int main(int argc, char* argv[])
92. {
93. int i = 0;
94. int val;
95. size_t write_len = 0;
96. FILE * srFp;
97. FILE * adcFp;
98. double freq_ch0 = 0;
99. double freq_ch1 = 0;
101. int max_ch0 = 0;
102. int max_num_ch0 = 0;
103. int max_ch1 = 0;
104. int max_num_ch1 = 0;
105. unsigned int tmp = 0;
107. int fd;
110. adcFp = fopen("/www/pages/adcdata.js", "wb");
111. if(!adcFp){
112. perror("adcdata.js open failed\n");
113. return 1;
114. }
116. fd = open("/dev/adc/adc", O_RDONLY);
117. if (fd == -1) {
118. perror("device open error\n");
119. return 1;
120. }
122. read(fd,gSource_buff,POINT*4);
123. fprintf(adcFp,"%s","var adcdata = [");
125. for(i = 0;i < POINT; i++ ){
127. tmp = (gSource_buff[i]&0xffff0000)>>16; //chanel 1
128. if( (tmp&0x800) != 0){ //negative
129. tmp = (tmp | 0xfffff000);
130. }
131. gChanel1_buff[i] = (int)tmp;
132. fprintf(adcFp,"%d, ",tmp);
135. gFft_sr_ch1[i].real = gChanel1_buff[i];
136. }
137. fprintf(adcFp,"%s\n"," ];");
140. fft(gFft_sr_ch1,POINT);
142. fprintf(adcFp,"%s","var fftdata = [");
143. for(i = 0;i < POINT/2 ;i++){
145. gFft_res_ch1[i] = sqrt( gFft_sr_ch1[i].real*gFft_sr_ch1[i].real + gFft_sr_ch1[i].imag*gFft_sr_ch1[i].imag ) * 2 / POINT; /* caculate the amplitude ch1*/
146. fprintf(adcFp,"%f, ",gFft_res_ch1[i]);
147. if((int)gFft_res_ch1[i] > max_ch1){
148. max_ch1 = (int)gFft_res_ch1[i];
149. max_num_ch1 = i;
150. }
151. }
152. fprintf(adcFp,"%s\n"," ];");
154. close(fd);
155. fprintf(adcFp,"%s","freq = ");
156. freq_ch1 = 105.0 / POINT*max_num_ch1;
157. printf("\n%d:chanel1 frequency = %f Mhz, amplitude=%d\n", max_num_ch1, freq_ch1, max_ch1);
158. fprintf(adcFp,"%d;",freq_ch1);
161. return 0;
162. }

复制代码

5、网页代码

利用highcharts的例程，自己写了一个index.html，放在/var/www文件夹下面。

1. <!DOCTYPE HTML>
2. <html>
3. <meta http-equiv="refresh" content="5">
4. <head>
5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6. <title>Data Acquisition System</title>
8. <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
9. <style type="text/css">
10. ${demo.css}
11. </style>
12. <script src="adcdata.js"></script>
13. <script type="text/javascript">
15. $(function () {
16. $('#container').highcharts({
17. title: {
18. text: '原始数据',
19. x: -20 //center
20. },
21. subtitle: {
22. text: '作者：chenzhufly 来源：www.eeworld.com.cn',
23. x: -20
24. },
25. tooltip: {
26. valueSuffix: ''
27. },
28. legend: {
29. layout: 'vertical',
30. align: 'right',
31. verticalAlign: 'middle',
32. borderWidth: 0
33. },
34. series: [{
35. name: '原始数据',
36. data: adcdata
38. // data : [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
39. }
40. ]
41. });
42. });
44. $(function () {
45. $('#container1').highcharts({
46. title: {
47. text: 'FFT数据分析',
48. x: -20 //center
49. },
50. subtitle: {
51. text: '作者：chenzhufly 来源：www.eeworld.com.cn',
52. x: -20
53. },
54. tooltip: {
55. valueSuffix: ''
56. },
57. legend: {
58. layout: 'vertical',
59. align: 'right',
60. verticalAlign: 'middle',
61. borderWidth: 0
62. },
63. series: [ {
64. name: 'FFT数据',
65. data: fftdata
67. // data : [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
68. }
69. ]
70. });
71. });
73. </script>
75. </head>
77. <body>
78. <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"°></script>
79. <script src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>
81. <div id="container" style="min-width: 250px; height: 300px; margin: 0 auto"></div>
82. <div id="container1" style="min-width: 250px; height: 300px; margin: 0 auto"></div>
84. <FORM >
85. <p>Frequency(Mhz):
86. <script>document.write(freq);</script>
87. </FORM>
89. </body>
90. </html>

复制代码

网页5秒钟自动刷新一次，使用如下的代码

6、测试结果

574433742

好厉害的样子。。。

lelee007

不明觉厉

网页显示采集数据，对于做硬件或者底层开发的来说，是很炫的技术了

chenzhufly

是啊 也就对硬件和底层的开发人员有难度
专门做web的一看就是小儿科 哈哈

chenzhufly

所以我也不准备继续了，到此为止

lixinyang0208

大神，我最近也在学习者部分内容，能留个qq一块交流一下么？？？拜托拜托

80442946

要是深究的话还是有很多东西的

chfanjiang

这么高端，很是羡慕。