fossasia / open-event-wsgen Goto Github PK

Top left, beside the event name.

ui-view provides more features and functionality compared to ng-view.
also, ui-view allows multiple views to be used in the page.

The overview misses important information.

• date
• speakers (+link to speaker)
• language
• type
• level

What is the sorting of sessions?

• They could be sorted by time and date. Currently, I do not recognize what is the sorting.

Please compare with RP:

App:

indent/style them to look good

right now the {{ codeblocks}} look ugly untill the whole json is loaded.

Google Drive (which also uses Angular) greys out screen and shows a loader until the essential data needed to show basic ui elements are ready

we need show start,end times, duration, speakers, etc.

would be cool to have it that way

What is the sorting of sessions here? http://fossasia.github.io/open-event-webapp/#/sessions

A simple, but efficient way here as an example: http://2015.opentechsummit.net/programm.html

No clicking possible, no information.
http://fossasia.github.io/open-event-webapp/#/tracks

right now there are inline style statements here and there in the html

Please check out how others are implementing map views e.g. Google.
Issues below. Please find more:

• use area on top, left and right in app view
• expand map to button area and avoid sidebar scrolls if it is not needed

Summary
When you navigate to the Sessions or Speakers page and then select one of the listed speakers/sessions, extra details will pop up. The details view has an extra empty h2 tag that adds unnecessary margins above and below itself. I noticed that the Track details also has this, however the h2 tag in the Track details has text in it, so the margins look OK. I have included images showing this.

Steps to Reproduct Bug:

1. Start server locally, navigate to web app page. (http://localhost:8080/)
2. Click on Speakers tab or click on Sessions tab.
3. Select a Speaker or Session from the list.
4. The details view will show, in the details view there should not be an extra empty h2 tag that adds unnessesary margins.

The empty h2 tag is shown here:

Shows unnecessary margins:

Track details, which has a title so margins look good:

If there is no sponsors info in redata file, please add sample data. If there are sections missing, please propose.
http://fossasia.github.io/open-event-webapp/#/sponsors

possibly in cardviews or in gridlayout

https://material.angularjs.org/latest/#/demo/material.components.gridList

currently it does not re-fetch data, if once it is loaded to localStorage

Should not be frozen to landscape mode, and rotate with the device.

Can you confirm, that you get the map info from the redata file of republica? What additional location info is provided?

How can additional info be provided, possibly in subtabs?

• address
• how to get there
• possible links to public transport
• link to the venue home page
• microlocations with layout and additional information e.g. address/how to get there

Popups on phones result in additional clicks, e.g. speaker info - I have to close it in order to continue. Saving the user time is better.

Please implement expansion below the item instead. How expansion can work see here: http://2015.opentechsummit.net/programm.html

Buttons are too small for mobile users.

Not working

• back button to reduce sidebar
• slide sidebar to the left by tapping on it

right now it re-fetches data on each page change which is undesirable

The text above search box "Search by Title" is not visible on the white background because of the yellow font colour.

Similarly for Day 2, Day 3, etc.

Allow user to rate a session and provide feedback.

Will require some sort of authentication, fb, google, twitter etc.

create basic layout of the app, decide on top level navigations, details shown in lists, and details in expanded view etc.

Requirements

I think when I go to speakers panel, I should be able to see what sessions that they are delivering in the event.

If there are a lot of sessions, it becomes rather difficult to see it very clearly.

Ideal case : Organiser should be able to set font in one place in config, and it gets changed everywhere

For now: Just extend the main css with coverage for all main classes and apply fonts on them.
Changing fonts will have to work by Find&Replace All across the css.

There are 2 scroll bars in the sessions column. One of them only scroll down to hide the search bar, and not navigate through the entire schedule. Navigating through them can be difficult, especially on touch screen devices. It could be better to have a static search bar.

right now it re-fetches data on each page change which is undesirable

something like webapp/#/speakers/

• Standard sorting of speaker should be alphabetically. Currently I do not understand what is the sorting.
• Photo missing in detail view of speakers
• No links and social channels are given
• Link to organization missing in all views
• Sessions of the speaker missing
• No sharing of social media links
• Speakers overview starts with a comma
  

Compare with RP for example:

https://re-publica.de/member/1004#profile-speaker

We'll be needing webmanifests to make this supported as a hosted webapp.

There are three ways "hosted" webapps are packaged.
Firefox uses manifest.webapp
Chrome uses manifest.json

And there is an upcoming w3c standard for manifest.webmanifest that is to support progressive webapps.

Missing info:

• Type
• Date
• Microlocation
• Social Sharing links
• Speaker info and photo, link to website

As an example please compare with:

https://re-publica.de/session/purpose-entry

After adding re:Data format, the payload has suddenly increased, the web app client hangs a bit when switching from Sessions to Speakers and so on.

• Page the API to retrieve X items and then keep refreshing when the person scrolls to bottom.
• Show a loader progress circular bar, to tell the user that a refresh is ongoing
• On switching tabs, perhaps cancel the request to load?