Code Monkey home page Code Monkey logo

dawn-v0's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dawn-v0's Issues

First-timer's Tutorial

We would like to have an interactive walk-through guide for students the first time they open the app. Should point out/explain the different features of the app.

May want to look at react-joyride.

Consolidate Documentation

Want to consolidate the large number of wiki pages devoted to explaining the file structure into a single place, and clean it up.

Getting sensor data

Add ability for runtime to get sensor data from Hibike (will need to communicate with that team)

Verify name when student renames peripheral

Currently, there is functionality in Dawn that allows students to rename peripherals. You can try this by starting both Dawn and fake_runtime (see README for setup instructions) and then double clicking on a peripheral name to change it. Currently, we don't check the new name that students choose, but we should. For example, we should probably make sure the name doesn't have spaces in it. We should discuss with Runtime team what the restrictions should be in full.

The changes you will want to make are in dawn/js/components/NameEdit.js. There is a dataChange function that sends updates to the robot when students rename something. We will want to put an if-statement in there to do the verification. We should also show them an alert saying that they entered an invalid name.

Expand interactive tutorial

There are some functionalities that are not emphasized by the interactive tutorial, in particular:

  • Renaming peripherals
  • Edit IP button
  • Update button (not yet implemented)

Make it apparent that user is in "edit mode" when they double click on a peripheral name.

Currently, peripheral renaming functionality works, but when a user double clicks on a peripheral name to edit it looks almost identical, which can be very confusing.

What I suggest we do is add a border around the textbox in edit mode to make it clear that they can edit. You may also want to look through react-edit-inline documentation to see if there is some way of doing this.

Adjust to different screen sizes

Currently, Dawn's window size is hard-coded in (see main.js). Also, the editor size is hard-coded in (see Editor.js).

  1. We want to adjust Dawn window size to different screen sizes.
  2. We don't want the editor to get cut off on smaller screen sizes, or be too small on bigger screens.
  3. We want the interactive tutorial to work even when the app doesn't fit in the view

Add right click menu

Add a right click menu to Dawn. One option that should be available in the right click menu is to open the developer console.

Collaborative text-editor

Allow collaborative editing in the code editor, so multiple students can work on the code at once.

Documentation in Dawn

We want a button in Dawn that opens up the student API documentation. This should be in the editor toolbar.

Remove Delete Button, allow discarding changes

Instead of giving students a delete code button (which is not very useful, since they can just delete the file) we want to give them a way to close the current file they are editing (and discard any changes) and start on a new file.

The best way is to

  1. remove the delete code button
  2. modify the current "New File" functionality so that students can discard their current changes and go to a blank editor (currently, they must save their changes to create a new file, which they may not want to do).

Searchbox title too faint

If you press CTRL/CMD-F in the editor, a searchbox pops up. Though the searchbox works, text you enter looks very faint, to the point where it is practically unreadable:

image

This should be made a lot clearer.

Proper controls

Controls right now are blind to whether the robot is already running or not. Also, stop and start commands are being dispatched over ansible directly from the view. Ideally, we would make some sort of Flux architecture for controls, with the ability to know whether the robot is currently running or not.

Multiple people could be using Dawn App at the same time, so whether or not the robot is running must be confirmed with the robot itself.

Properly save and load code from runtime to editor

The editor in Dawn app currently has the ability to save code from the editor to the robot, but no way to load the existing code from the robot into the editor. We need to add the ability to load code.

Also, we would like to add notifications to confirm when a save works.

Update Button

Update button for uploading updates for the robot.

Fix editor filename display on windows

Currently the editor (on windows) in the title bar displays the full filepath instead of just the filename (which is what's supposed to happen). This is not a problem on unix systems.

See:
image

Round off scalar peripheral values

Currently the peripheral panel displays scalar values with all digits, without any rounding. This can be a lot of digits. Round off the displayed values to two digits after the decimal point.

Make Dawn Installer

Make Dawn installer so that students have an actual installation process, not just unzipping a zip. This should make it easier to have auto-updating.

We want this for Windows and Mac at least (Linux installer is lower priority, probably not necessary.).

Autocomplete

Provide students with autocompletion in editor, both for Python and the provided API.

Code upload button

Allow students to upload code to robot, without running it. This should be a button added to the editor toolbar, perhaps replacing the delete button (which can be removed).

Custom autocomplete

Add a custom autocompleter to react-ace that displays suggestions based on the student api, not just general python.

UI performance issues -- lag

The UI lags, even with fake_runtime.py iterating at 2 times per second, sending 5 messages an iteration. Something about re-rendering the UI is slowing it down.

Dawn Issue on Mac

  1. Cannot open .zip file normally, requires terminal.
  2. After extracting, cannot be run.

Appears to be exclusive to mac.

Compile ES6 beforehand

Currently all the code is being compiled on startup. This slows down startup a lot on slower machines. We should compile everything beforehand, at least for releases.

Provide an API for students

Provide an API for students to use when programming the API. Should give them access to sensor values, gamepad data, and motor control.

Group Peripherals of the same type together

To save space in the peripherals panel, we want to modify the panel so peripherals of the same type are grouped together, IE motors are all grouped together, limit switches, etc.

Then we will hide the individual peripherals by default and only show them if the expand button is clicked.

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.