1 / 4

Music CD Database Front-End Design

Create a front-end interface for a database of 2 million+ music CDs with titles, artists, tracks, and additional info. Develop HTML/CSS pages for search/query functionality. Use HTML generation tools or text editors. Mechanics and next steps covered in CS132 lecture.

idella
Download Presentation

Music CD Database Front-End Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lecture 4: HTML/CSS Lab CS132 Lecture 4: HTML/CSS LAB

  2. CS132 Lecture 4: HTML/CSS LAB LAB Assignment I have a database of 2 million+ music CDs. For each CD there is the title, the artist name (or various), and the list of tracks. Each track has a song name and an artist name. Other information (e.g. length of tracks, genre, notes) is available as well. • Your job is to create a front end for this. • Produce simple HTML/CSS that implements a sample page • Both input (query) and output (result) pages if appropriate • Query can mean whatever you think is appropriate • General search, individual library, creating a play list, … • Feel free to use html generation tools (or a simple text editor) • Dreamweaver, Pencil, Word, Chrome debugger, iWeb… • Online tools: https://html-online.com, Google Docs … • But extract and understand the actual html in the end

  3. CS132 Lecture 4: HTML/CSS LAB Mechanics • Work in teams (2-4 ideally) • Lab on course web site • http://cs.brown.edu/courses/cs132/labs/lab1/lab1.html

  4. CS132 Lecture 4: HTML/CSS LAB Next Time • JavaScript • Lecture Prep: • Take a web page of your choosing. List all the things on the web page that are dynamic (i.e. react to keyboard or mouse interactions but don’t actually refresh or reload the page). Think of other dynamics that might be appropriate • Come prepared to discuss.

More Related