Giter Club home page Giter Club logo

Comments (9)

JGulbronson avatar JGulbronson commented on September 9, 2024

prof_page_mockup_1
prof_page_mockup_2

from rmc.

JGulbronson avatar JGulbronson commented on September 9, 2024

If they're not clear just from looking at, let me know and I can answer any questions. Similar layout to course pages, tweaked a bit for profs.

from rmc.

jswu avatar jswu commented on September 9, 2024

I'm probably misunderstanding something, but why are there two drawings? Does one transition into the other?

Will there be something to indicate which course a comment belongs to? It might even be a good idea to have a box (or a heading) for each course and their comments. I'm imagining something similar to the course page, where each professor is listed with their comments, except we would list courses instead.

A nice to have would be to have the side bar list all your friends who have been taught by this professor, similar to the course page for friends having taken the course.

Otherwise, looks great to me! Though I'm sure @divad12 will have much more feedback to give.

from rmc.

JGulbronson avatar JGulbronson commented on September 9, 2024

Sorry, two (slightly) different mockups! Thanks for the suggestions Sandy!

from rmc.

divad12 avatar divad12 commented on September 9, 2024

+1 clear divisions/groupings in reviews to clearly delineate which reviews belong to which course.

Yeah sidebar would definitely be nice to have, but can be done in a future PR.

I like that you've structured things to clearly re-use existing site components and styling (though of course don't feel constrained by that in mock-ups).

I definitely prefer your first mock-up with the sections that the professor taught, but getting that data is actually going to be a little tricky as @andyzg discovered — professor names that we get from the OpenData API (which comes from the registrar's website) uses full legal names, while the professor names from the reviews are from user input. What Andy did was apply a heuristic by hashing prof names using the function "{first initial}_{last name}" for linking section professors to professor reviews in a course page. That worked most of the time for course pages but is not going to work as well globally. I think there may be some Python similar-name matching libraries that you can use, but I would recommend actually leaving the sections table to another PR and limit the scope of this PR even more. Launch fast, ship small, and iterate.

Also, instead of "Past courses", why don't we just call it "All courses taught" and use our expandable course bars that we use on the profile page and the search page, to make it easy for anyone to get a brief summary of a course that a prof taught w/o navigating to another page. This also means you can ship this page w/o the "current term" section and still have it make sense.

from rmc.

JGulbronson avatar JGulbronson commented on September 9, 2024

img_20140623_181542

Alright @divad12 here's another mockup, dead simple in design. Basically I show all the reviews for a prof, sorted by course. Features to add in later are to be able to scroll automatically to a certain course, use the searchbar, and leave a review for a prof on their page. For now, it'd just display reviews, organized by course.

Let me know what you think.

from rmc.

JGulbronson avatar JGulbronson commented on September 9, 2024

course_titles

Kinda like this. I was also thinking about listing the courses taught by a prof, and when one of them is clicked then it will auto scroll down to the start of that section for the user.

from rmc.

divad12 avatar divad12 commented on September 9, 2024

Cool!

I think it would still be nice to somehow get the course descriptions in there by re-using CourseView, especially in the use case of "I really like this prof, I wonder what else s/he's taught and consider taking those courses too." CourseView gives us a view like this:

image

And you can configure it to show sections or text inputs for reviewing the course, as on the explore page.

What I think you could do is just show the first review (or just don't show any), and collapse all the rest of the reviews (which can be shown on click). This allows one to browse all the courses a professor has taught without endless scrolling, while still being able to read each review of each course. It also means you can completely drop a section — the index of courses taught. You don't really need it if you can easily see which courses a prof taught.

Does that make sense?

from rmc.

JGulbronson avatar JGulbronson commented on September 9, 2024

Good call on collapsing the courses! If I'm correct, there's already some code in there for that.

Also I like the idea of showing a bit about the course, I'll look into that as well. I'll post some more screenshots as I progress, to keep you in the loop.

from rmc.

Related Issues (20)

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.