|
Hello CodeProject Members,
I have a project that involves the creation of an image viewer for a range of image sizes, from 4 - 700MB, potentially larger. I have been asked to make a web application that will be able to have AJAX functionality similar to Google Maps / Open Layers, in that you can zoom in/out, pan, and the distance between two pixels.
I have previously written code in C# that does the trick as an installable program. I have a list of questions about this:
1) Can I put a front end on this code and put it on the web? 2) Is ASP.NET the right platform to do this? (I have read many posts that say turning a desktop application into a web application is often a complete rewrite)
3) Is there something better suited to this? I have taken a long look at Open Layers (3) and it seems to offer a lot of the functionality and scalability (i.e. tiled images), but I don't know how to incorporate that framework with the previous C# code.
4) How complex is a project of this nature? I have little to no experience with this sort of thing.
Thanks for your input.
|
|
|
|
|
Let me answer your problem since the beginning... Well, in my cases always I really did have worked with images ~4mb, but 700mb? Are you serious? You are really going to need some a lot of background logics to work around on this process to shorten the image size. If the image file is of 700mb, try to compress it to 4mb or at maximum 7mb.
You don't need a strong front-end code for this, all you need is a strong back-end code to work around, so that network doesn't have to work a lot; 700mb image file, I'm still scratching my head.
ASP.NET is powerful enough to let you do this. You said, you were able to create a software for this, right? You can still use that code in .NET as a back-end code for ASP.NET and execute it by making different requests to your API. Makes sense? If it doesn't, just reply, I will try to explain it a bit more.
There are always things for something. You can well, use some third-party libraries to decrease the image size before sending it to the client. I found this really very engaging blog post for you to read on this case, https://om4.com.au/client/preparing-image-files-before-uploading-with-wordpress/[^] (Do not mind the word wordpress, it will give you an idea). As I have already said, I have never tried images of 700mb so I don't know of any such library. You can use the previous class files or packages and namespaces, inside this ASP.NET project. You can use NuGet packages, and other .dll files. You should know, ASP.NET runs over .NET framework, so anything that runs in .NET framework can be used in ASP.NET web application too.
This is a really very complex project! Be sure that you're having enough understanding of what you're doing, before getting your hands dirty...
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
modified 11-Mar-15 13:37pm.
|
|
|
|
|
|
When making a web application, speed is essential. So working with large image file sizes are out of the question.
On a desktop app, your working with the data bus and drive speed, and on the internet, your working with a small pipe or tube, that data can flow through. A 700 meg image may take 30 minutes to download, depending on how much total bandwidth is available.
Member 11514400 wrote: AJAX functionality similar to Google Maps / Open Layers,
On the Google Maps, that is a HTML Container called a div element, in which JavaScript is used to download an array of small image tiles that make up the whole map. It's a 3 part system, in which no data post back to the server(no form painting). So when the map is small, you get a lot of scaled down images, and map is zoomed in, you get full size images.
1. Client Script
2. Web Service, that client script calls - like a back channel from the browser to the server.
3. Server Side Code
You would have to write some really slick client script and kick ass web service to pull that job off.
You can reuse most of the server side code.
|
|
|
|
|
please view this web site http://www.invisionapp.com/[^]
when your page scroll gradually then notice animation is playing on images but images were download when page load. so i like to know how they design their web site this way.
suppose i want to design a web site which will have many images one after one but i want that when user scroll down then some kind of animation will start on those images.
please guide me how they develop that kind of web site with images like animation play when user scroll down the page. thanks
tbhattacharjee
|
|
|
|
|
|
please see the below image just clicking on it
https://i-msdn.sec.s-msft.com/dynimg/IC263184.png[^]
i often seen the below picture is used to show the relation between controller,view and model in asp.net mvc project. i do not know much about asp.net MVC but still i guess first request is process by controller and controller gets data from model and push that data to view by controller just to populate the view.
if anyone see the below image then probably notice that view can interact with model but that is not true. why people use the image for showing the relationship for mvc. if the above image is right so anyone please tell me how view can pass any info to model directly with taking any help from controller. please explain what the image is trying to say in details. thanks
tbhattacharjee
|
|
|
|
|
The model–view–controller design defines the interactions between them.
A controller can send commands to the model to update the model's state (e.g., editing a document). It can also send commands to its associated view to change the view's presentation of the model (e.g., by scrolling through a document).
A model notifies its associated views and controllers when there has been a change in its state. This notification allows the views to produce updated output, and the controllers to change the available set of commands. In some cases an MVC implementation may instead be 'passive' and other components must poll the model for updates rather than being notified.
A view requests information from the model that it uses to generate an output representation to the user.
hi
|
|
|
|
|
i just give the image and try to know how view and model can interact with each other without taking help from controller?
as far as i know a view or model can not directly talk to each other rather they always need to go via controller. am i right ? need discussion on this. thanks
tbhattacharjee
|
|
|
|
|
|
The view can interact with the model through a feature called model binding.
So for example, you have a view that will post back to a controller. If the view is tied to a model then the MVC Framework will loop through all of the form elements and match them up with the properties in the Model, and then pass the filled model over to the controller.
I would recommend going through a few tutorials over at www.asp.net[^] so you get a better understanding from a hands on approach.
|
|
|
|
|
Hi,
I think you are confused with arrow point towards model.
Don't worry. To understand this, you should know a bit about Design/UML/Diagram.
View -> Model means that View can have instance of Model OR View knows about Model.
This is true. In MVC pattern, we define model instance in View and Model is passed from controller to View. View can access Model while executing it.
Similarly,
Controller -> Model means that Controller has instance of Model OR Controller knows Model.
Controller -> View means that Controller has instance of View.
Anyways, this is very high level understanding and in my opinion the diagram is fundamentally correct.
Life is a computer program and everyone is the programmer of his own life.
|
|
|
|
|
I want to export my gridview data to csv file.
|
|
|
|
|
Here is an article on how to export Gridview to CSV in c#
|
|
|
|
|
already tried this. Not working.
|
|
|
|
|
Are you getting any errors? and is the gridview in a update panel?
|
|
|
|
|
i am able to view data in gridview as well as able to download csv file but its empty.
|
|
|
|
|
try the following
<%@ Page Language="C#" .......... EnableEventValidation="false"%>
in code don't forget to add
Public Overrides Sub VerifyRenderingInServerForm(control As Control)
End Sub
|
|
|
|
|
Hello Experts,
I have a Textbox and a button below it. In that Textbox, I am passing a session value and I want to make that button click event occur without actually clicking it.
Is that possible? If Yes How? Can you please tell me with sample code or tutorial?
Your help is much appreciated.
Thanks
Happy Coding!
|
|
|
|
|
The server click event or the client click event? What do you want to trigger the event? Is this web forms? MVC?
You can just call the click event in js on some event and it'll work, but you've not given enough information to go on, but look at this to get you started
http://api.jquery.com/click/[^]
|
|
|
|
|
ASP web forms. please tell me how to do
Your help is much appreciated.
Thanks
Happy Coding!
|
|
|
|
|
button is in ASP web form. I want that event to happen before user clicks on it.
Your help is much appreciated.
Thanks
Happy Coding!
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="Text1" runat="server" />
<asp:Button ID="Button1" OnClick="Button1_Click" Text="Click" runat="server" />
<script type="text/javascript">
$(document).ready(function () {
// click the button on page load
// $("#<%=Button1.ClientID%>").click();
// or click the button when the textbox loses focus
$("#<%=Text1.ClientID%>").blur(function () {
$("#<%=Button1.ClientID%>").click();
});
});
</script>
</form>
</body>
</html>
|
|
|
|
|
My both the buttons are not in same.
<form id="TireQuickSearch" method="post" action="DealerTireSearchResults.aspx" onsubmit="return ValidateTireQuickSearch(this);">
<input type="hidden" name="FormAction" value="TireQuickSearch" />
<input type="hidden" name="SortOrder" value="<asp:Literal id='litSortOrderDescription' runat='server' /> />
<label> <input type="text" name="TireQuickSearch" id="PART#" class="tf1" value="<asp:Literal id='litTireQuickSearch' runat='server' /> />
</label>
<input name="SearchButton" type="image" src="images/btn_tireSearchADV-dim.jpg" disabled="disabled" /><br />
</form>
On the below button click I want my above Button click action to happen
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
Your help is much appreciated.
Thanks
Happy Coding!
|
|
|
|
|
<asp:Button ID="Button1" Text="Click" runat="server" OnClientClick="return doSearch();" />
<script type="text/javascript">
function doSearch()
{
// this will not work if the button is disabled as in your example
//$("[name='SearchButton'").click();
// can submit the form instead
$("#TireQuickSearch").submit();
return false;
}
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
