Website to display up to 12 IP camera live feeds

I'm looking to have a one page website (using Ajax with DIVs, no tables, no iframes) created with the main purpose of displaying 1 to 12 live feeds from by the server randomly assigned IP cameras (like Linksys Wireless-N Internet, Cisco Small Business WVC210 but the display should not depend on the camera type and model as long as it provides at a min VGA resolution). I want this programmed from scratch preferably using PHP 5.3, HTML5, Javascript, MySQL 5.0, Ajax, CSS3 with good code documentation. The usage of proven libraries like JQuery will be permitted but has to be requested. All CSS and scripts are to be provided in external files. No inline styles and scripts except for the PHP code of course. The necessity to use any other programming languages needs to be explained and approved. NO CMS. All functionalities have to be demonstrated before final acceptance.

## Deliverables

I'm looking to have a one page website (using Ajax with DIVs, no tables, no iframes) created with the main purpose of displaying 1 to 12 live feeds from by the server randomly assigned IP cameras (like Linksys Wireless-N Internet, Cisco Small Business WVC210 but the display should not depend on the camera type and model as long as it provides at a min VGA resolution). I want this programmed from scratch preferably using PHP 5.3, HTML5, Javascript, MySQL 5.0, Ajax, CSS3 with good code documentation. The usage of proven libraries like JQuery will be permitted but has to be requested. All CSS and scripts are to be provided in external files. No inline styles and scripts except for the PHP code of course. The necessity to use any other programming languages needs to be explained and approved. NO CMS. All functionalities have to be demonstrated before final acceptance.

The following functionalities need to be provided:

? MySQL5.0 database to store all data required

? Web 2.0 look and feel would be a plus but for now functionality comes first however some basic styling will be required.

? Header for logo and space to display current number of feeds available, current number of viewers online (dummy logo for now)

? Login / register / edit registration details link DIV sliding down from top right corner of the header (JQuery?)

? Footer with contact and terms / condition link

? Account sign-up / edit DIV

o Company name (optional)

o First name

o Last name

o Physical address (only required if IP feed is requested)

o Primary Phone number (only required if IP feed is requested)

o Secondary phone number (only required if IP feed is requested)

o Mobile phone number (only required if IP feed is requested)

o Email

o Chosen username

o Chosen password

o PayPal username

o (Recurring) PayPal payment setup (only required if IP feed is requested)

o Up to 10 IP addresses of cameras along with required usernames and passwords and anything else required to see the feed plus checkmark "enable viewing"

o Text field to enter a message (only required if IP feed is requested)

o Field for an optional dollar amount (only required if IP feed is requested)

o Agreement to terms and conditions checkmark.

o And for the DB a paid until field (this is not an input field)

All account details must be stored in the DB to the highest security standards. (Please advise us of what we need to do during installation on our server to conform to the highest security expectations.) All input fields need to be validated as they are typed and errors indicated.

? Terms and conditions DIV with close button (with dummy content to be filled in by our lawyers)

? Contact DIV with close button to display our contact information (dummy information for now)

? Display of 1 - 12 live feeds (each with a peer review request button) with a background picture covering the whole area below the feeds

? Peer review DIV (if a user hits the peer review request button on one of the feeds three other currently online users are picked at random and their peer review DIV will show the same feed)

Special requirements:

? The live feeds are randomly assigned

? In the DB we need to mark if a feed was assigned and how often

? A single live feed cannot be displayed smaller than 300 x 240 pixels. If for example somebody has 12 feeds assigned on the full screen and then he reduces the window size, feeds that no longer fit into that new window need to be dropped automatically.

? If the viewer's bandwidth does not allow each of the feed displays to be refreshed at least 6 times a minutes feeds are to be dropped until this quote can be achieved

? No camera should be assigned a second time unless all other cameras have been assigned. The camera assignment should at all times be about equal although we understand that this might not always be possible if feeds get dropped.

? One viewer should not be assigned two feeds from the same user.

To make sure that the feeds are watched images of single letters should appear on random locations on the screen every one to five minutes. The viewer then has 10 seconds to push the corresponding key on the keyboard. If he misses to do that twice all feeds are dropped.

컴퓨터 보안 PHP 소프트웨어 아키텍처 소프트웨어 테스팅 웹 호스팅 웹 보안 웹사이트 관리 웹사이트 테스팅

프로젝트 ID: #2725335

프로젝트 소개