Coder Social home page Coder Social logo

asapp's People

Contributors

webjay avatar

Watchers

 avatar  avatar  avatar

asapp's Issues

Monitor: "Need Help Asap" should be highlighted/differentiated

Probably in red, or something similar. We should not waste a column to say "urgent"/"fyi", just color code it differently.

Maybe text color, maybe row background... Don't dwelve on it, keep it simple for now, and not too much "in your face/violent" eiyther, most requests will be of this kind,

Monitor tab, request update hiding older ones

I know it will change, especially if you change the navigation (one vs several pages), but right now:

  • if I click on "monitor", I get all the open requests. Good
  • If someone else submits a new requests after that, and
  • I click onhelp, then back on monitor, the only request showing up is the new one. The older ones I saw just before are not kept.

It may well be the right bnehavior if we assume we will implement client side cache of previous requests? Otherwise, it may mean we need to do the full request on the collection again, filtered by "non-closed" ones.

Thanks.

Application UX structure

This is how I see the structure of version 1:

  • Help: user can request for help
  • Monitor: user can see requests, filter by rooms, problem types, status and see own requests
  • Settings: user can define settings
    • Profile: user can set their role, name etc
    • Group: what is group settings for?
    • Room: Which rooms to see on the Monitor tab.

To simplify things further I would suggest we skip Settings for now, and focus on Help and Monitor. We need to get those two simple and intuitive.

If we skip settings, this is how I would solve the same problem:

  • Which rooms to see help requests for can be set via a filter at the Monitor tab.
  • Which rooms to get notifications from can also be set at the Monitor tab. I would like that the user can feel confident in the relevant context that they can see which notifications they would receive.

Why do we need to know a users role?

As for requests, the types of problems and rooms available can be set via the database. Later we should have an admin interface for easier management.

Notifications

Problems we need solved:

  • send notification.
  • make sure the device receives the notification even if it is in sleep mode.

We can send push notifications to Safari on OS X, but not on iOS.
Here is a demo for OS X Mavericks: https://kandutech.net

I found Pushover which we could use.

The safest would be to use SMS, meaning once an issue is reported, the backend will send a SMS to those who have asked for that kind of notifications, with a description and a link to the request. We could also offer replies via SMS.

In Help request: topics listed twice

Sometimes they are listed twice, especially when I refresh, sometimes they are only once.

Like this:

I need help with:
AV
Recording
Mgt
mocha test
AV
Recording
Mgt
mocha test

In "settings", mark features that are not working

Just add the text: "This feature is not implemented yet.", just below the second-level tabs.

Let's try to upgrade the text/forms to my original design, even if this does not work (subscribe to alerts with SMS checkckbox, etc) to help me explain the vision.

Also, since we';re in "Settings" top tab, we don't have to write "Profile settings" and "Location settings". I suggest: "Profile" and "Follow location" instead.

Second and third request: time not updated

the second and third Help request have the same time recorded as the first one, even if I wait a few minutes. If i refresh "monitor", the wrong time still shows up, so it must recorded like this.

After I refresh the whole page, and I submit a new request, the new time is properly recorded.

User login

As we discussed, login can be handled in many ways.
Here's what I can think of:

  • username + plassword
  • username
  • email + password
  • email
  • mobile + password
  • mobile
  • id

For simplicity I would suggest using just the users mobile phone number, as they remember that and we can send invites to them when you initiate a new project. Also we can use it for SMS in regards to #10.

Users can for a start be managed via the database. I'll update the documentation (#5).

Simplify display of time in Monitor

Instead of "3/13/2014 9:26:18 AM", let's just display "09:26". It will help the UI a lot.

Still, let's make sure we sort properly on the full date including AM/PM, with the latest dated request on top.

BTW, priority (FYI vs Urgent) should not be used to sort. Only time. We should make Urgent request pop out with some color.

Footer shows up twice after refresh

Happens on my phone and desktop Chrome, maybe other browsers:

  • I login to exactly "http://asapapp.herokuapp.com", no issue
  • I refresh the page. A strange white line shows up around the footer, still one footer though.
  • If I go to monitor, now I have 2 footer on top of each other.

Thinking it's a sign of a bigger problem re: refreshing.

Realtime

To keep it simple, I believe we have two options:

I would recommend Pusher as that will get us started fast and they have a free sandbox which should be enough while we build. The next level is $19/month.

Pusher seems to have a solution for most problems we can face, like checking if the connection is live.
Although we still need a solution for notifications (#10) if the device is in sleep mode.

Pusher have the Pusher Protocol which makes it possible for clients to communicate via Pusher instead of via the server, which would be more reliable. I need to investigate if the backend can also be part of the communication.

Let me know what you think @ghtca. I am also good with Socket.IO. One benefit with that is less middlemen.

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.