There is a great video from Jason KM4ACK explaining how to download and configure the dashboard for your station: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9ZZXg60tN-o.html Make sure to check it out!
After working with this image for several days now, I am here to say how fantastic this dashboard is as a WX nerd. I wish I had had something like this at the radio stations where I did weather coverage at for nearly 30 years.
@VA3HDL Hi Pablo. I noticed that there is no mention or credit given in the html code that this was all based on my initial concept and javascript/html/css code. Was that an oversight? Maybe add "based on a concept and code by Dave N2MXX" to the top of the html code? 73 Dave N2MXX
@@daveN2MXX Hi Dave. If you read my code, it was rewritten from scratch (I've used ChatGPT for help) and it has no lines from your original code, which you had obscured so cannot be reused. I added today on top of the HTML comments to credit you for the concept inspiration (not for the javascript/html/css code.) Because I already dedicated an entire section of the video reviewing your dashboard, I will consider this an oversight that is now fixed. Thank you! 73
I watched Jason KM4ACK, show this ,, awesome addition to any ham desk!! I have it running on a Raspberry Pi4 2 gig model.. I just need to figure out how to import my Hamclock running on the same unit.. GREAT WORK!!
Jason did an amazing job explaining how to configure the dashboard. He has explained how to add the Hamclock static image and live content (via menu.) Let us know if you need more help to configure it. 73
Great Stuff! This is so basic(not needing to install a application). Looking forward to more feature. I'm not great with Java but will see what I can do to help. Maybe have a way for people to share links.
Love your work! Thank you. One quick question when trying to go to the pi-star I get a message 192.168.0.39 is blocked 192.168.0.39 refused to connect. ERR_BLOCKED_BY_RESPONSE I have set the firewall setting to public. Do you have any suggestions?
Hi Terry, not all websites like to be embedded inside another page. I had this problem and I fixed on the pi-star to allow . Let me check where I changed and will reply again with the solution.
It took me a while to retrace back my steps but this is what I did: 1. login via ssh to the pi-star then run this command to switch to Read/Write mode: rpi-rw 2. In the file /etc/nginx/default.d/security.conf comment the line below with a "#" in front, like this: # add_header X-Frame-Options "SAMEORIGIN"; 3. run this command to switch back to Read Only mode: rpi-ro 4. then reboot the pi-star That enables the pi-star embedding on . 73
This looks fantastic. I just tried it on a PI 3 but it seems to not store any of the setting such as call sign after it shuts down. I am sure I am doing something wrong. I also cannot seem to setup the connection to my running ham clock either following Jason's instructions. Thank you for the dashboard. 73 de NB2A
Pablo. I've copied a jpg file into the same folder with your three web files. I would like this image file to show up in place of the original "SW Broadcast" box. What is the syntax? I've tried and apparently I'm not doing this correctly. Thank you for your time and help and this great dashboard.
["Your Tile Title", "yourfile.jpg"] Brackets, quotation marks, commas, semicolons, are critical characters that cannot be omitted. Follow the pattern of the other tiles. Cheers.
Hi Wayne, modify the original html file with any text editor and save the file. Then hit F5 in your browser so see the changes immediately on the page. Also, the new version that I uploaded yesterday has the capability of supporting multiple images per box. So now instead of be limited by 12 images, the number of images are infinite.
Fantastic project. Already subscribed! It would be great to have ability to create an automatic background image of the dashboard in Windows 11 and have an update every 10-15min.
Let me see if it is a way to implement this. The only issue I see with this is losing the ability to have animations on the background image. Like the satellite or weather ones.
@@VA3HDL I think this is not critical to have it animated. Perhaps there is some other weather report that will look good static. Anyway, I love the dashboard. Great job.
Hi, I just tried with mine and works perfectly. If you wish to start automatically you can try something like this: DISPLAY=:0 chromium-browser --app=file:///media/staging/hamdashboard/hamdash.html --kiosk --user-data-dir=/tmp/chromedpdata --no-first-run --guest --start-fullscreen --force-dark-mode --app= is where the URL of the page goes, depending on where you have saved it. You will have to change that part for your scenario.
Hello there Pablo, this hides really great effort behind ... but the results shows that it really worthed it . I would like to clarify something .. it has to do with the grid area. We need to find the link of a file, a picture or video located at some site, so it can be diplayed .. Could we use a file that we downloaded to the local PC, we have the actual file in hand I mean , insted of a link to a remote site location ? Many sites avoid dispaying a "storage directory" to the public, which we would use as "link", and instead they prompt you to go download it locally yourself. To be honest I did tried it with a Jpeg file in my C drive, without luck .. so I thought I better ask .. Thanks in advance
Hi, yes, you can use locally stored image files. If the files are locally stored, you can link them like this on the config.js: "file:///Radio/CAThtml/Brosen_windrose.svg" You can try the link in our browser and if the image is displayed then you can copy the link from the browser address bar and paste it on the config.js file Normally sites don't allow to the public to traverse the storage directory like you said, that is correct. However, you can always right click with the mouse over the image of interest and select "Open in a new tab" option or "Copy image address". Either way you will obtain the direct link to the image of interest. 73
@@VA3HDL Thanks a lot Pablo .. I managed to make it work - like that file:///c:/dashboard/240812.jpg ..Strange enough, it wouldn't accept any Capital letter .. but we managed to get it going. As for the sites.. let me tell you today's story : I found a site with two small animation files .. 4 sec and 6 sec the length .. right click, copy the adresses, all OK , Worked perfectly .. An hour later , as I was working at another grid ... I noticed that the previous files were not "rolling" correctly .. Went to site , the two files were there still ... But someone replaced them with same name file having a length of 1 sec each .. all though this was supposed to be mp4 video ... there was only the very last image of the animation inside but with a "video" extension !!! Do not know what it annoyed them .. really .. I was thinking of bandwidth , but the two original files were like 240 Kb and 340 Kb .. In 2024 , and the broadband connections .. this is to laugh about, still it idid happen .. Thinking of creating a procces ( automated obviously) that shall perform scheduled downloads and create my amimations locally , to be presented in my dashbord .. Thanks once more Pablo for your prompt responce and assistance .. you helped me a lot .. By the way , the callsign here is SV1VF .. 73s my friend , keep up the good work !!!
It would appear that the dashboard can only display images from a web site. Is it possible to use a URL and then display the data? When I tried it I get a black box with a small image in the top corner. Otherwise an awesome tool
For now it does images or entire sites via menu. I will look into adding more options like the one your suggesting. Stay tuned to the github repo for updated versions.
Thanks Diego. I believe the next video will be about the CAT control via web browser. I also added the functionality to control a rotator by clicking on a location on the map on the browser. Stay tuned! 73
Check my latest video. The CAT control over the web is now available on my channel ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w8TOOhBp3bo.html - Code is available in github as well. 73
This is so awesome! I would like to create one that has 4 panels, each one taking up 25% of the screen. Is there a way to configure your code to do this? Thanks for creating this!
Code must be changed to do that (no configuration exist for this.) That requires knowledge of HTML, CSS, and Javascript. Maybe as an enhancement for a future version, not in the plans for now. But feel free to change it as needed. Thanks.
Can someone tell me how to setup a box for pskreporter? It just says image can’t be displayed when I put the website address for pskreporters map in the config file.
PSKreporter is not an image. Is a website. You should use one of the menu options for that. In my configuration file I have this as a menu option: "FF3300", "PSKREPORTER", "pskreporter.info/pskmap.html?preset&callsign=VA3HDL&txrx=tx&timerange=86400&distunit=km&hidenight=1", "1" You should customize the URL for your call-sign and the settings you want to use. 73
@@VA3HDLHi! Thank you for replying so quickly. I understand now that I must use a quick tab on the left for psk reporter and not one of the image boxes. Is it possible to use one of the image boxes for an muf display?
Thank you very much. I custamizing it for my needs. Is there a way to stop refresh when open a website via the left menu? Every 5 minutes it switch back but I like to view maybe PSK Reporter until I switch manually back. 73 de DL8LDN
Hi Michael, I love your QRZ page, nice station! Currently there is no way to stop the refresh when having a website open. If you want to remove the refresh altogether until I fix this on a next release, you can remove this line from the top That will stop the dashboard from refreshing automatically. 73
@@DL8LDN There is a new version available in github that pauses the refreshes when you select a website from the menu or when you double click on an image to bring it full screen. You should be able to copy and paste your links from the old version on the new version easily. 73
I am not a programer and I love this idea, how to I get it to run? Do I need a server or something? You showed how to change things but how do I get it to run in the first place?
Hi, you do not need anything, that is the good part! - Just download the two files from the Github repository (hamdash.html and wheelzoom.js) and keep them together on the same folder. Open hamdash.html with any browser of your preference and you done. With any text editor (like Notepad) you can change the source images or the menu options. Is that simple. 73
Hola Pablo saludos, con el tema del hamclock, tienes corriendo el servicio dentro de tu PC? veo que pusiste una direccion ip para el mismo, estoy pensando en modificar el codigo para hacer lo mismo pero para estaciones basadas en Costa Rica con informacion de nuestro pais. saludos y pura vida! 73 de TI3GB
Hola Gregory, mi hamclock esta corriendo en una Raspberry Pi 3B+, o sea no esta dentro de mi PC (pero podria.) Cuando corre expone la UI a traves de la web asi hostname:8081/live.html y eso es lo que aproveche yo. Por otro lado tambien genera imagenes estaticas de los mapas que se pueden acceder desde la red si agregas la carpeta de hamclock en la configuracion del servidor web que quieras usar (en mi caso uso NGINX para esta parte.) Nota aparte, estoy trabajando en paralelo en un "clon" de hamclock que es solo una pagina web, para aquellos que quieran tener algo que se parezca pero no quieren correr ni instalar la aplicacion. Una de las cosas que descubri recientemente es que hamclock dependen muchisimo de los servicios que el autor corren en su propio server. Si su server algun dia queda offline mueren todos los hamclocks! 73 de VA3HDL
@@VA3HDL Buenisimo gracias por la respuesta. otra consulta mas, esto solo funciona en linux OS o tambien se puede usar el script en windows? gracias por compartir el conocimiento, se ve bastante customizable! saludos desde Costa Rica! TI3GB
@@VA3HDL ya me respondi! voy a customizarlo con cosas de costa rica que tenemos por aca publicas como mapas meteorologicos etc etc.. gracias por tu aporte!
@@TI2GBB Funciona en cualquier browser moderno en cualquier sistema operativo. Probado por mi con Google Chrome, Chromium, Firefox, Microsoft Edge, en Windows y Linux OSes. No se si habra algun usuario con Mac OS pero no veo ningun problema para que funcione. Saludos.
Yes. Just make sure you download the two main files hamdash.html and wheelzoom.js on the same folder. Then open hamdash.html with the browser of your preference. You can make the browser full screen (typically with F11) - Thanks for watching!
Hi Wayne, I replied 17 hours ago to your original comment. Did you get my answer? if not please email me (qrz.com has my correct email address.) Thanks.
I'm not familiar with the UK satellite or weather imagery. That is what each user has to customize to their needs. Maybe you can check with www.youtube.com/@HamTechRadioScannerDrones - He is user from UK. 73
This is a fantastic program. I really like your improvements. Would you mind providing some additional information on how to update the code to display my local radar from the NWS? de WB4IZC - Memphis
Hi Steve, open the .html file with any text editor (like Notepad) search and replace this s.w-x.co/staticmaps/wu/wxtype/county_loc/bgm/animate.png with this radar.weather.gov/ridge/standard/KNQA_loop.gif - The hard part is to find the right source URL for the images. 73
@@VA3HDL Thank you so much for assisting me in fixing that. I tried several attempts myself but, without success. Many thanks again and this is a great program. I am going to suggest that "Ham Radio Crusader" contact you about a review and interview. 73, Steve WB4IZC
@@diegocasati Environment Canada changed the GIFs animated to a sequence of JPGs that is animated via script on the browser. Single images are achievable and can be displayed. The issue is when you want an animation, then you need to access the page itself. Most modern websites use the same technology. This is why I've used the US radars closer to my location and setup Environment Canada as option in the menu. OpenWeather have a great map to add to the menu as well. 73