Devam Ediyor

Create a zooming and paning floor plan web page

We need a web page laid out using C# ASP.NET, HTML, and javascript. The web page will allow a user to select any floor of a pre-defined office building and see the topview layout of that floor. The floor plan will show up as an image that can be zoomed and panned (like google maps). The user will be able to select any floor of the building using a custom 'pancake' control (see the reference images). Eventually we will draw simple icons on the floor map that represent different hardware devices such as computers, printers, etc. However, for this project, you will not need to draw these icons. But you will need to take this into consideration as you create the image scaling script. The icons will eventually be drawn as HTML img elements with java script and won't scale with the image but will maintain their correct location on the scaled image (similar to location icons on a google map).

The web page will need to have the following elements to be considered complete (see the attached reference that has the look we desire):

1) A simple solid color header

2) A left side bar containing a legend of different device types

3) The left side bar will also need to contain a 'pancake' floor layout for 1-5 floors. This is where the user will select which floor of the building they wish to see. When the user selects a floor, the selected floor image on the sidebar, changes to the white arrow as shown in the reference image. In the reference, the user has seleted floor 3. Also, when the user selects a floor, the floor image in the content area should change. We've included 5 dummy floor images that can be used for this project

4) A content area that contains the currently selected floor image

5) A zoom controller that allows the user to zoom the floor image in and out. 100% zoom will display the floor images at their full resolution. 0% zoom will display the images at 50% resolution

6) A java script that will allow the user to pan the image when it is zoomed in.

I've attached the following reference images:

1) Deliverable.jpg. This is what the final web layout should look like (with the ability to zoom, pan, and select different floor images)

2) floor1 - floor5.jpg. These are the reference images that you can use to show the floor is properly changing.

3) ProjectDescription.jpg. This gives additional details on the project

Beceriler: ASP.NET, C# Programlama, HTML, Javascript

Daha fazlasını görün: web page create in html, web layout in html, web icons with 2 color, icons web html, html 5 img legend, html 5 img, google icons color, custom map icons, create icons for web for img, create a web page with google, create a web page html, complete floor plan details, asp.net controller, web page building, google web page, web layout, side plan, office building, java complete reference, html and javascript, html 5 maps, create a web page that allows, building floor plan, create resolution image, net image zoom

İşveren Hakkında:
( 3 değerlendirme ) South Ogden, United States

Proje NO: #6559203

Seçilen:

grainwave

Hi there, As it mentions in my description i'm currently trying to build my business and the next crucial step for me is to get some personal projects under my belt. I bid on your project as it is a simple applicatio Daha fazlası

10 gün içinde 666$ USD
(0 Değerlendirme)
0.0

11 freelancer bu iş için ortalamada 642$ teklif veriyor

ambar

Pls dont award before discussing. I have dig into your requirement and all the floor images you have attached. After verify this I want to describe the methodology in-front of you. As per your requirement we have to c Daha fazlası

in 15 gün içinde789$ USD
(79 Değerlendirme)
7.4
pytho

[url removed, login to view] ® Portfolio HERE, I have reviewed your project description and I am confident I can complete your website with all the customization you want to have integrated in the back-end. I am an Daha fazlası

in 15 gün içinde794$ USD
(39 Değerlendirme)
7.0
einstech

We are one of the fastest growing freelancer team with 140 plus projects and 400 plus satisfied customers across globe and 30% repeated clients. Our sincere efforts and strong communication skills are key aspects of ou Daha fazlası

in 15 gün içinde526$ USD
(82 Değerlendirme)
6.5
C0RETECHIES

Hello, Dear Employer, Thanks for posting your Project . To quickly introduce myself, I am with Core Techies who are functioning from last 6+ years, having expert developers in Website Development & Customization Daha fazlası

in 15 gün içinde670$ USD
(38 Değerlendirme)
6.1
sikandermandal

Dear Sir, This is Sikander. I am having 12+ years of experience in software development and I am ready to start this job. I will provide you best services in development. Please have a look at my Profile, Ratings an Daha fazlası

in 30 gün içinde777$ USD
(12 Değerlendirme)
4.9
Parmdeep29

Warm Hellos, I have gone through the description in detail ,I have done the initial analysis and 100% confident to take over this task and complete it in best possible timeframe. I am a developer with 8 plus year Daha fazlası

in 10 gün içinde555$ USD
(1 Değerlendirme)
4.1
linuswebplus

Hi. thanks for your posting. I'm very happy to have a chance of bidding your project. I have experience in development of the projects like yours I'm exciting in your project. I have 7 programmers. We are professio Daha fazlası

in 15 gün içinde450$ USD
(9 Değerlendirme)
4.0
VersatileTehcno

Hi Employer, ••••>> As we have gone through Requirement on your post for selecting floor for the Office with Zooming and Paning. We have also seen the Layout, Floor Images and the detail description. ••••>> We Daha fazlası

in 15 gün içinde500$ USD
(4 Değerlendirme)
3.3
ynabyl

Hi, I am an experienced c# developer and would love to work with. I have done projects in asp.net mvc for two and half years. Please visit my linkedIn profile to check projects I have worked on. [url removed, login to view] Daha fazlası

in 15 gün içinde333$ USD
(1 Değerlendirme)
1.5
wonmanfactory

A proposal has not yet been provided

in 15 gün içinde1000$ USD
(0 Değerlendirme)
0.0