Web Playlist
Web Playlist is one of the most
powerful function in Beatme Website. It is very important in Beatme because
member can add songs and play it in list of song.
With Web Playlist, member can
add any song that is available in Beame to his or her web playlist. It is easy
for each members that he or she has his or her own playlist so that he or she
can add any song that he or she like. After adding to the web playlist, the
songs are stored in the list. So then, the member can play the song in the web
playlist anytime when he or she go to Beatme web and access to his or her own
list. When the member play the song in the web playlist,
he or she no need to select any more songs to play, he or she just click one of the song in the
web playlist, and then the song in the list will play automatically by itself.
All
in all, member can add many favourite songs that he or she like, and he or she
can play it anytime when he or she go to his or her own web playlist.
Description of System
Playlist is one of the most import part in BeatMe
Website. It can be done by HTML5 element and library called, “jquery-1.6.1.min.js”,
“jquery.jplayer.js”, “ttw-music-player-min.js”, “ttw-music-player.js” and “Jplayer.swf”.
In BeatMe Website, a key element of running audio is allowance for
"accessibility"—this is not just being able to play songs in
different browsers or on different platforms, but also providing playlist for
its songs. By the way, there are two main point to making the playlist function
in BeatMe Website. First one is HTML5 element. The HTML5 element in here is jPlayer for playlist, which is the element to display playlist
files, and it is native support for playing
jplayer files. Native support means the HTML markup and the browser can
display jplayer files without needing any external plug-in or application.
Moreover, in playlist element it contain track element, which is the file for
writing playlist of the song. In addition, jquery-1.6.1.min.js is used to
display playlist of the song a long with auto play of all the song. jquery-1.6.1.min.js is a JavaScript and CSS library that makes it easier
to work with and build on HTML5 playlist. jquery-1.6.1.min.js provides a common controls skin built
in HTML/CSS, manages the fallback to Flash or other playback technologies when
HTML5 playlist all song with playlist, to make the lyric function,
there are two main point, HTML5 and jquery-1.6.1.min.js library.
DFD (Data Flow Diagram)
A
data flow diagram (DFD) is a graphical representation of the "flow"
of data through an information system, modeling its process
aspects. Often they are a preliminary step used to create an overview of the
system which can later be elaborated. DFDs can also be used for the visualization of data
processing (structured design).
A DFD shows what kinds of
information will be input to and output from the system, where the data will
come from and go to, and where the data will be stored. It does not show
information about the timing of processes, or information about whether
processes will operate in sequence or in parallel (which is shown on a flowchart).
Here is the flowchart of the program that used to play song in group
playlist:
3.3 Database Design
Database design is
the process of producing a detailed data model
of a database.
This logical data model contains all the needed
logical and physical design choices and physical storage parameters needed to
generate a design in a Data Definition Language, which can then
be used to create a database. A fully attributed data model contains detailed
attributes for each entity.
The term database design can be used to describe
many different parts of the design of an overall database
system. Principally, and most correctly, it can be thought of as the
logical design of the base data structures used to store the data. In the relational
model these are the tables and views.
In an object database the entities and relationships map
directly to object classes and named relationships. However, the term database
design could also be used to apply to the overall process of designing, not
just the base data structures, but also the forms and queries used as part of
the overall database application within the database management system (DBMS).
There three table in web playlist, table song, table group song, table collection that have primary key and foreign key related for web playlist:
Application Implementation
In
the section above, the author has described about process of system and
requirements that used to build it. In this section, you can see how the
process work through in the system.
1 First,
when user go to the BeatMe website user can play song but user can’t play song
playlist. The playlist can play by member so user must register for member and
can create group playlist in this website. When user login as a member can
create group playlist:
1 Next,
when member click on playlist button of list top ten songs the member can see
page add group playlist:
1 After
add song to playlist member can click play song in playlist:
1 If
member not yet a create playlist go to menu left playlist for create group playlist
for the song:
1 System Testing
To complete the
playlist member can play playlist by group playlist.
Example:
No comments:
Post a Comment