{"id":821,"date":"2020-09-29T11:05:34","date_gmt":"2020-09-29T10:05:34","guid":{"rendered":"http:\/\/www.igfasouza.com\/blog\/?p=821"},"modified":"2021-04-27T11:07:08","modified_gmt":"2021-04-27T10:07:08","slug":"micronaut-velocity-with-raspberry-pi","status":"publish","type":"post","link":"http:\/\/www.igfasouza.com\/blog\/micronaut-velocity-with-raspberry-pi\/","title":{"rendered":"Micronaut Velocity with Raspberry PI"},"content":{"rendered":"

\"\"<\/p>\n

How\u2019s the lad?<\/b><\/p>\n

This post is to show how I created a Micronaut Velocity demo with a Raspberry PI. This is another blog about Java on Raspberry PI.<\/p>\n

Micronaut is a JVM-based framework for building lightweight, modular applications. Developed by OCI, the same company that created Grails, Micronaut is the latest framework designed to make creating microservices quick and easy.<\/p>\n

One of the most exciting features of Micronaut is its compile time dependency injection mechanism. Most frameworks use reflection and proxies to perform dependency injection at runtime. Micronaut, however, builds its dependency injection data at compile time. The result is a faster application startup and smaller memory footprints.<\/p>\n

Although Micronaut is primarily designed around message encoding\/decoding there are occasions where it is convenient to render a view on the server-side. The views module provides support for view rendering on the server-side and does so by rendering views on the I\/O thread pool in order to avoid blocking the Netty event loop.<\/p>\n

https:\/\/micronaut-projects.github.io\/micronaut-views\/latest\/guide\/<\/a><\/p>\n

Velocity is a Java-based template engine. It permits anyone to use a simple yet powerful template language to reference objects defined in Java code.<\/p>\n

http:\/\/velocity.apache.org\/<\/a><\/p>\n

You can check my blog post about sense hat here<\/a><\/p>\n

Idea<\/h2>\n

I started with the idea to do something similar with my Quarkus Qute 7 segment display demo<\/a>, using Micronaut, but I pivoted a little bit. I end up with a Micronaut Vecolcity interface that provides a way to control the 8×8 Led Matrix from SenseHat.<\/p>\n

\"\"<\/p>\n

I used this Java wrapper for Sense Hat<\/a><\/p>\n

Code<\/h2>\n

LedController.java<\/p>\n

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<\/div><\/td>
package<\/span> example.micronaut<\/span>;<\/span>
\n
\nimport<\/span> java.util.HashMap<\/span>;<\/span>
\nimport<\/span> java.util.Map<\/span>;<\/span>
\n
\nimport<\/span> javax.validation.Valid<\/span>;<\/span>
\n
\nimport<\/span> io.micronaut.http.MediaType<\/span>;<\/span>
\nimport<\/span> io.micronaut.http.annotation.Body<\/span>;<\/span>
\nimport<\/span> io.micronaut.http.annotation.Consumes<\/span>;<\/span>
\nimport<\/span> io.micronaut.http.annotation.Controller<\/span>;<\/span>
\nimport<\/span> io.micronaut.http.annotation.Get<\/span>;<\/span>
\nimport<\/span> io.micronaut.http.annotation.Post<\/span>;<\/span>
\nimport<\/span> io.micronaut.views.View<\/span>;<\/span>
\nimport<\/span> rpi.sensehat.api.SenseHat<\/span>;<\/span>
\nimport<\/span> rpi.sensehat.api.dto.Color<\/span>;<\/span>
\n
\n@Controller(<\/span>"\/display"<\/span>)<\/span>
\npublic<\/span> class<\/span> LedController {<\/span>
\n   
\n    SenseHat senseHat =<\/span> new<\/span> SenseHat(<\/span>)<\/span>;<\/span>
\n
\n    @View<\/span><\/a>(<\/span>"led"<\/span>)<\/span>
\n    @Get(<\/span>"\/create"<\/span>)<\/span>
\n    public<\/span> Map<<\/span>String<\/span><\/a>, Object><\/span> create(<\/span>)<\/span> {<\/span>
\n        senseHat.ledMatrix<\/span>.clear<\/span>(<\/span>)<\/span>;<\/span>
\n        return<\/span> createModelWithBlankValues(<\/span>)<\/span>;<\/span>
\n    }<\/span>
\n
\n    @View<\/span><\/a>(<\/span>"led"<\/span>)<\/span>
\n    @Consumes(<\/span>MediaType.APPLICATION_FORM_URLENCODED<\/span>)<\/span>
\n    @Post(<\/span>"\/save"<\/span>)<\/span>
\n    public<\/span> Map<<\/span>String<\/span><\/a>, Object><\/span> save(<\/span>@Valid @Body CommandLedSave cmd)<\/span> {<\/span>
\n        if<\/span>(<\/span>cmd !=<\/span> null<\/span>)<\/span> {<\/span>
\n            if<\/span>(<\/span>cmd.getLeds<\/span>(<\/span>)<\/span> !=<\/span> null<\/span> &&<\/span> !<\/span>cmd.getLeds<\/span>(<\/span>)<\/span>.equals<\/span>(<\/span>""<\/span>)<\/span>)<\/span> {<\/span>
\n                String<\/span><\/a> possitions[<\/span>]<\/span> =<\/span> cmd.getLeds<\/span>(<\/span>)<\/span>.split<\/span>(<\/span>","<\/span>)<\/span>;<\/span>
\n                Color<\/span><\/a>[<\/span>]<\/span> pixels =<\/span> createLedMatrix(<\/span>)<\/span>;<\/span>
\n                int<\/span> i =<\/span> 0<\/span>;<\/span>
\n                int<\/span> x =<\/span> 0<\/span>;<\/span>
\n                int<\/span> y =<\/span> 0<\/span>;<\/span>
\n                while<\/span> (<\/span>i <<\/span> possitions.length<\/span>)<\/span>{<\/span>
\n                    x =<\/span> Integer<\/span><\/a>.parseInt<\/span>(<\/span>possitions[<\/span>i++<\/span>]<\/span>)<\/span>;<\/span>
\n                    y =<\/span> Integer<\/span><\/a>.parseInt<\/span>(<\/span>possitions[<\/span>i++<\/span>]<\/span>)<\/span>;<\/span>
\n                    if<\/span>(<\/span>x !=<\/span> 0<\/span>)<\/span> {<\/span>
\n                        x =<\/span> x*<\/span>8<\/span>;<\/span>
\n                    }<\/span>
\n                    pixels[<\/span>x+<\/span>y]<\/span> =<\/span> Color<\/span><\/a>.RED<\/span>;<\/span>
\n                   
\n                }<\/span>
\n                senseHat.ledMatrix<\/span>.setPixels<\/span>(<\/span>pixels)<\/span>;<\/span>
\n            }<\/span>else<\/span> {<\/span>
\n                senseHat.ledMatrix<\/span>.clear<\/span>(<\/span>)<\/span>;<\/span>
\n            }<\/span>
\n        }<\/span>
\n
\n        final<\/span> Map<<\/span>String<\/span><\/a>, Object><\/span> model =<\/span> new<\/span> HashMap<><\/span>(<\/span>)<\/span>;<\/span>
\n        model.put<\/span>(<\/span>"leds"<\/span>, cmd.getLeds<\/span>(<\/span>)<\/span>)<\/span>;<\/span>
\n        return<\/span> model;<\/span>
\n    }<\/span>
\n
\n    private<\/span> Map<<\/span>String<\/span><\/a>, Object><\/span> createModelWithBlankValues(<\/span>)<\/span> {<\/span>
\n        final<\/span> Map<<\/span>String<\/span><\/a>, Object><\/span> model =<\/span> new<\/span> HashMap<><\/span>(<\/span>)<\/span>;<\/span>
\n        model.put<\/span>(<\/span>"title"<\/span>, ""<\/span>)<\/span>;<\/span>
\n        return<\/span> model;<\/span>
\n    }<\/span>
\n   
\n    private<\/span> Color<\/span><\/a>[<\/span>]<\/span> createLedMatrix(<\/span>)<\/span> {<\/span>
\n        Color<\/span><\/a> off =<\/span> Color<\/span><\/a>.of<\/span>(<\/span>0<\/span>, 0<\/span>, 0<\/span>)<\/span>;<\/span>
\n        Color<\/span><\/a>[<\/span>]<\/span> pixels =<\/span> new<\/span> Color<\/span><\/a>[<\/span>64<\/span>]<\/span>;<\/span>
\n        for<\/span> (<\/span>int<\/span> i =<\/span> 0<\/span>;<\/span> i <<\/span> pixels.length<\/span>;<\/span> i++<\/span>)<\/span> {<\/span>
\n            pixels[<\/span>i]<\/span> =<\/span> off;<\/span>
\n        }<\/span>
\n        return<\/span> pixels;<\/span>
\n    }<\/span>
\n
\n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

led.vm<\/p>\n

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<\/div><\/td>
<!DOCTYPE html><\/span>
\n<html<\/span><\/a>><\/span>
\n<head<\/span><\/a>><\/span>
\n    <meta<\/span><\/a> charset<\/span>=<\/span>"UTF-8"<\/span>><\/span>
\n    <title<\/span><\/a>><\/span>Micronaut Velocity Sensehat<\/<\/span>title<\/span><\/a>><\/span>
\n
\n <style<\/span><\/a>><\/span>
\n    body {
\n  background-color: #888889;
\n  color: white;
\n  font-family: sans-serif;
\n}
\n
\nh1 {
\n  text-align: center;
\n  font-size: 3em;
\n}
\n
\n.base {
\n  display: inline-block;
\n  border: 10px groove gray;
\n  border-right: 10px ridge gray;
\n  border-bottom: 10px ridge gray;
\n  padding: 10px;
\n  background-color: #BBBBBB;
\n  position: absolute;
\n  text-align: center;
\n}
\n
\n.matrix {
\n  width: 250px;
\n  height: 240px;
\n  background-color: black;
\n  border: 5px ridge gray;
\n  border-bottom: 5px groove gray;
\n  border-left: 5px groove gray;
\n}
\n
\n.led {
\n  cursor:pointer;
\n  display: inline-block;
\n  margin: 5px;
\n  margin-bottom: 0px;
\n  width: 20px;
\n  height: 20px;
\n  border-radius: 10px;
\n  background-color: red;
\n  -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
\n  -moz-box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
\n  box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
\n}
\n
\n.off{
\n  background-color: #222222;
\n   -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 190, .75);
\n  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 190, .75);
\n  box-shadow: 0px 0px 0px 0px rgba(255, 255, 190, .75);
\n}
\n  <\/<\/span>style<\/span><\/a>><\/span>
\n
\n<script<\/span><\/a>><\/span>
\nfunction newLine(mat){
\n  var matrix = document.getElementById("matrix");
\n  var line = new Array();
\n  for (var i = 0; i < 8<\/span>; i++)<\/span>{<\/span><\/span>
\n    var led =<\/span> document.createElement(<\/span>"div"<\/span>)<\/span>;<\/span>
\n    led.onclick<\/span> =<\/span> function(<\/span>)<\/span>{<\/span>onOff(<\/span>this, mat)<\/span>}<\/span>;<\/span>
\n    led.className =<\/span> "led off"<\/span>;<\/span>
\n    matrix.appendChild(<\/span>led)<\/span>;<\/span>
\n    line[<\/span>i]<\/span> =<\/span> led;<\/span>
\n  }<\/span><\/span>
\n  return line;<\/span>
\n}<\/span><\/span>
\n
\nfunction start<\/span>(<\/span>mat)<\/span> {<\/span><\/span>
\n  for<\/span> (<\/span>var i =<\/span> 0<\/span>; i < 8<\/span>; i++)<\/span><\/span>
\n    mat[<\/span>i]<\/span> =<\/span> newLine(<\/span>mat)<\/span>;<\/span>
\n  return mat;<\/span>
\n}<\/span><\/span>
\n
\nfunction onOff (<\/span>led, mat)<\/span> {<\/span><\/span>
\n  if (<\/span>led.className ==<\/span> "led off"<\/span>)<\/span><\/span>
\n    led.className =<\/span> "led"<\/span>;<\/span>
\n  else <\/span>
\n    led.className =<\/span> "led off"<\/span>;<\/span>
\n    <\/span>
\n  getCoords(<\/span>mat)<\/span>;<\/span>
\n  document.getElementById(<\/span>"form_display"<\/span>)<\/span>.submit(<\/span>)<\/span>;<\/span>
\n}<\/span><\/span>
\n
\nfunction getCoords (<\/span>mat)<\/span> {<\/span><\/span>
\n  var coords<\/span> =<\/span> new Array(<\/span>)<\/span>; <\/span>
\n  for<\/span> (<\/span> var i =<\/span> 0<\/span>; i < mat.length; i++)<\/span> <\/span>
\n    for<\/span> (<\/span> var j =<\/span> 0<\/span>; j < mat[<\/span>i]<\/span>.length; j++)<\/span> <\/span>
\n      if (<\/span>mat[<\/span>i]<\/span>[<\/span>j]<\/span>.className ==<\/span> "led"<\/span>)<\/span> {<\/span><\/span>
\n        coords<\/span>.push(<\/span>i)<\/span>;<\/span>
\n        coords<\/span>.push(<\/span>j)<\/span>;<\/span>
\n      }<\/span><\/span>
\n  document.getElementById(<\/span>"leds"<\/span>)<\/span>.value<\/span> =<\/span> coords<\/span>;<\/span>
\n}<\/span><\/span>
\n
\nfunction write (<\/span>mat,arr)<\/span> {<\/span><\/span>
\n  var i =<\/span> 0<\/span>;<\/span>
\n  while (<\/span>i < arr.length)<\/span>{<\/span><\/span>
\n    mat[<\/span>arr[<\/span>i++]<\/span>]<\/span>[<\/span>arr[<\/span>i++]<\/span>]<\/span>.className =<\/span> "led"<\/span>;<\/span>
\n  }<\/span><\/span>
\n}<\/span><\/span>
\n
\nwindow.onload<\/span> =<\/span> function(<\/span>)<\/span> {<\/span><\/span>
\n    var mat =<\/span> new Array(<\/span>)<\/span>;<\/span>
\n    var mat_final =<\/span> start<\/span>(<\/span>mat)<\/span>;<\/span>
\n    <\/span>
\n    var leds =<\/span> document.getElementById(<\/span>"leds"<\/span>)<\/span>.value<\/span>;<\/span>
\n    if (<\/span>typeof leds !==<\/span> 'undefined'<\/span> && leds)<\/span> {<\/span><\/span>
\n        write(<\/span>mat_final,leds.split(<\/span>","<\/span>)<\/span>)<\/span>;<\/span>
\n    }<\/span><\/span>
\n}<\/span><\/span>
\n
\n<\/<\/span>script<\/span><\/a>><\/span>
\n
\n<\/<\/span>head<\/span><\/a>><\/span>
\n<body<\/span><\/a>><\/span>
\n<h1<\/span><\/a>><\/span>Led Display<\/<\/span>h1<\/span><\/a>><\/span>
\n<form<\/span><\/a> action<\/span>=<\/span>"\/display\/save"<\/span> method<\/span>=<\/span>"post"<\/span> id<\/span>=<\/span>"form_display"<\/span>><\/span>
\n
\n    <input<\/span><\/a> type<\/span>=<\/span>"hidden"<\/span> id<\/span>=<\/span>"leds"<\/span> name<\/span>=<\/span>"leds"<\/span> value<\/span>=<\/span>"$leds"<\/span> \/<\/span>><\/span>
\n    <div<\/span><\/a> id<\/span>=<\/span>"base"<\/span> class<\/span>=<\/span>"base"<\/span>><\/span>
\n        <div<\/span><\/a> id<\/span>=<\/span>"matrix"<\/span> class<\/span>=<\/span>"matrix"<\/span>><\/<\/span>div<\/span><\/a>><\/span>
\n    <\/<\/span>div<\/span><\/a>><\/span>
\n   
\n<\/<\/span>form<\/span><\/a>><\/span>
\n
\n<\/<\/span>body<\/span><\/a>><\/span>
\n<\/<\/span>html<\/span><\/a>><\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n