Code Monkey home page Code Monkey logo

vuzix-test's Introduction

Menu

  • [Vuzix_test]
  • [Animation Resources]
  • [Material Design]
  • [Software Design Instruction]
  • [functions of the app]
  • [documentation]

Vuzix-test

using Vuzix Blade 2 harware settings, software instruction https://d2iankuf53zudv.cloudfront.net/Content/Upload/PDFs/Vuzix_Blade_UX_Design_Guidelines_v2.pdf

Animation Resources

https://github.com/material-components/material-components-android/blob/master/docs/theming/Motion.md

Android Doc Site

https://developer.android.com/develop/ui/views/animations/overview

Common Gesture Detection

https://developer.android.com/develop/ui/views/touch-and-input/gestures/detector#java

Material Design

https://m3.material.io/

Threading (for online database)

https://developer.android.com/topic/performance/threads https://developer.android.com/guide/components/processes-and-threads thread safety: Thread safety is the avoidance of data races--situations in which data are set to either correct or incorrect values, depending upon the order in which multiple threads access and modify the data.

  1. centerring the UI elemtents (can only focus on one single element)

  1. the left-most swipe ALWAYS means goes up to the previous app level, such as retrun to previous page or menu

  1. for readablity of the app, use core color pallet #00FF7D (green), #FFFFF (white), #F2F100(yellow), #FC101B(red), high contrast colors

  1. typography: donts of Roboto family is recommended, texts no smaller than 40px (min. 25px, not recommended for large quantities of text)

  1. layout with app name on the left side and rail on the bottom, ass little padding as possible to make use of the full screen
    plot

  1. theme
    • light:
      plot

    • dark:
      plot
      dark color displayed as "no color at all"


  1. icons: easily recognizable (also wehn scaled to smaller size (30 x 30 px @ 1x))

  1. voice command that is useful for the test app:
  • go left / previous (navigation of menu/list)
  • go right / next
  • select this
  • confirm (when deleting lists/items)
  • cancel
  • go down (navigation of items)
  • go up
  • go home (menu)

  1. gestures for navigating the app and corresponding functions inside code:
  • select(one finger, single tap)
  • menu(one finger one second)
  • swipe up and down(one finger)
  • swipe forward and backward(one finger)

Functions of the App

  1. menu: all lists, deleted list, finished list(archive), to-do list

  2. list feature

    • check list mode
    • sequence mode (steps must be completed in specific sequence, otherwise show warning)

    list display

    • display items/steps in total
    • display progress bar
    • display description when user swipe up
    • display containing items when user swipe up two times
    • directly display items (and description) when swipe up with two fingers

    items display

    • when clicking on item, shows up selection bar, swipe right for completed, swipe right for quiting selection bar, return back to items view

Documentation

  • how to focus single View in center of the screen
  • animation used between activities
  • application architecture - how it works

Android Studio quick beginner reference

Font Size

  • sp: scaled pixels, adjusted accroding to the current density and the user preferable font size
  • dp:
  • px:

test size preset:

Grundidee der App

Von den Industrie- und Militärbereichen bis zur alltäglichen Unterhaltung hilft uns die erweitere Realität(Augmented Reality) schon auf ganz reichliche Art und Weise. Dazu werden für verschiedene Nutzbedingungen und -bedarf

Emulator Set-Up

für die Hardware-Simulation braucht man zusätzlich zu den bereit gestellten Geräten noch die Source Datei für die Vizux Blade 2 aus der offizielle Website abholen. Man muss außerdem in gehen und die empfehlende System Image herunterladen. Für die System-Image wählen wir laut der Seitedie API Android 11.0 (R) aus und die API installieren. In Design Mode muss man das richtige "Reference Device" hinzufügen (Add Device - Vuzix Blade)

Grundlegende Design Set-up

Textgröße

Textfarben

Animation

  • wenn eine Liste gelöscht wird (ausgeblendet, durchgestriechen)

  • wenn eine Liste erledig wird (bewegt sich zum Ende der Liste)

  • wenn man nach links oder rechts das Element/View swipt, wird das Element auf der Mitte des Bildschirms verankert/fixiert Realisierung:

Layout

  • Menu
  • Editor (um Liste und Elemente hinzuzufügen)
  • Up Coming
  • Deleted

vuzix-test's People

Contributors

jm792 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.