skip to content W3C SVG

05 Juli Friday

Jul 5, 2019
Jan 7, 2020

IMAGE GALLERY (2)

Mender

  • over-the-air software updates
  • update manager supports both
    • application and
    • system updates

How to buid mender client into linux image

meta-mender1
is a yocto layer that can deploy image updates
automatic roll-back
remote management
logging and reporting
meta-mender-core
Cross-compiling Mender for ARM devices
Partitioning the image correctly
Setting up the U-Boot bootloader to support Mender
Gyroscopes
measure orientation and angular velocity
udev - userspace /dev
is a device manager for the Linux kernel.
checks when new device is plugged in and makes it available as a FILE

udev rule to permanently change network interface name

# PCI device 0x14e4:0x164c (bnx2) SUBSYSTEM=="net", ACTION=="add", DRIVERS=="?*", \ ATTR{address}=="52:54:00:f1:93:3e", \ ATTR{type}=="1", NAME="enp2s0"

  1. MAC address of interface
  2. New interface name
  3. Skip using Kernel

Press space to interrupt bootloader

  • clock is important
  • bootloader choice
  • powerloss at update, may make device unusable
  • printenv, setenv, reset, boot
  • watch where env var is written /etc/uboot something

Open source projects business model

Business models for open-source software2
whose source code is publicly available under an open-source license to study, change, and improve its design.
Examples Mozilla Firefox, Google Chromium, Android, LibreOffice and the VLC media player.
Open-source software development has been a large part of the creation of the World Wide Web as we know it, with Tim Berners-Lee contributing his HTML code development as the original platform upon which the internet is now built.
For example, most contributors to GCC or to the Linux kernel are professionals (and contributing about full time and paid for that). These projects are too complex to be worked on as a hobby.
Bounty hunting programs3

What do one need for testing?

  1. test scripts, instructions
  2. data and
  3. documentation

What nobody tells you about documentation4

VUE | React | Angular

  • vue has shorter learning curve than react
  • Dont have to deal with JSX transpilers
  • 2-way data binding
  • Templating - JSON data binding
  • Component structure with OOPs programming methodologies
    • builtin components
  • Progressive image loading like on medium (vue has that inbuilt)

gap to fill javascript fatigue

Client side rendering components

  • routing
  • templating
  • JS syntax (like JSX)

All markdown files are compiled into Vue components and processed by webpack, therefore you can and should prefer referencing any asset using relative URLs:

Pages API is called after graphQL

Learning by examples. - git@github.com:mazipan/gridsome-blog.git

sphinx has it

PWA - progressive web app5

  1. A redirect from HTTP to HTTPS should be offered.
  2. A serviceworker.js must be present.
  3. A manifest.json must exist.

Dont have to write your own low level service worker APIs instead use something like workbox6

<div role="dialog" aria-labelledby="dialog-heading"> <button aria-label="close">x</button> <h2 id="dialog-heading">Confirmation</h2> <p>Press Okay to confirm or Cancel</p> <button>Okay</button> <button>Cancel</button> </div>
  1. The dialog is only announced as a dialog if it takes the dialog ARIA role
  2. The aria-labelledby relationship attribute makes the element carrying the id it points to its label
  3. The close button uses aria-label to provide the text label “close”, overriding the text content
  4. The heading is used as the dialog’s label. The aria-labelledby attribute points to its id

Footnotes

  1. building a mender yocto project image [return]
  2. Business_models_for_open-source_software [return]
  3. issuehunt, get paid to solve open-source project issues [return]
  4. What nobody tells you about documentation [return]
  5. turn a webapp into PWA in 10 mins [return]
  6. google workbox [return]