Image upload process usability - image

this is more of a usability/design approach, rather than "how" question. It is html 5 and web 2.0 age, and I want more than just "select/submit" buttons.
My question is regarding blog application: I want to have a nice way to upload and attach images to posts. Right now layout is simple: it has subject and body (for body I have BBCode editor). I can refer to images from the body using [img] tag.
If someone has any ideas/links how to organize image attaching to blog posts - please share!

The best way to go about this is to check out what other people are doing to solve this usability problem. Why don't you simply check out a few free blogging sites or engines to see how they handle it? Wordpress, for example, has a few different options of embedding images in posts, and it's done fairly well in their post editor. Create a free account at wordpress.com and play with it.

Related

Business Catalyst Is there a way for web apps to have comments?

I am currently working on a site where the client would like to have a blog where in list view their is a custom sized image and then the image changes size on the detail page. I decided it was best to use a web app for this feature as the blog section of business catalyst doesn't have an image field I can pull from however, the customer also wants comments is there a way to have comments with web apps without it being overly hard for the client to handle.
Or is there a way to use the blog feature in bc and have the image resize to a larger size on the detail page?
Your help is greatly Appreciated
Thank you.
I would recommend the following;
As previously stated above you can use the Disqus comment module to
manage the comments. Here is a great video from Dave Haggblad doing a BC Sandpile that
will show you how to integrate this.
http://www.bcsandpile.com/_blog/Meeting_Chalkboard/post/spam-free-comments-with-dave-haggblad/
If you create the blog as a WebApp you can get BC to dynamically resize your images to achieve the smaller thumbnail on the listview and larger image on the details page by adding some simple code. Follow the link to the BC documentation below to see it in action. https://forums.adobe.com/docs/DOC-2145
Hope this helped.
Don

image media and custom post type in wordpress

I am looking for some help / thoughts. I am building a travel site for a client who will continue to add content to the site when it is finished. At the moment there are 600+ images, just in one region, when the site is up and running there will be over 20 region's, and so a lot of images. Is there a way to section the images so that when the client wants images from the USA, that is all they see in the "Insert Media" window. I am using Custom Post Types for the sections. Does anyone have any thoughts and advice.
I would hope there is a plugin to achieve this, as to be honest I do not want to mess around with any core files in PHP.
Thanks
John
For your issue, you can separate images in post.
For example, Create one post USA and upload all USA region related images into it and there is one option in media to view all images from post.you can create multiple post for multiple region.
And Even you can fetch all images from single post too in wordpress.
Hope this helps.

Add a comment as a tooltip anwhere in the page with WordPress

Is there a way to place comments on a WordPress post in a specific place on the page? Like if I was tagging a photo on Facebook, adding a note to a Flickr image, or commenting on Soundcloud wave.
I'm wornking with a special e-book project, and we want to know if WordPress may be used to create a feature to allow the reader to click anywhare in the page to add a comment, that will be then showed as a tooltip.
You could do that of course but you'd probably have to write that logic yourself, can't find a plugin that does that. The Django Book does this; http://www.djangobook.com/about/comments/, and you could build that for WordPress if you'd extend the regular comment with some info on what paragraph in a post the comment was made on, and find out a way to keep track of a paragraph associated to specific comments. It does feel to me like a hard thing to do, maybe there is an existing solution for it, I don't know about that.

How does Facebook grab the text of the article when pasting the url?

Im a bit curious about this Facebook's useful functionality. When I paste a URL on the 'What's on your mind?' box, it almost perfectly gets the body of the article. How does Facebook do this?
Thanks!
It's part of how Facebook Share works.
The URL Linter is pretty helpful as well. For example, if we test it with this very question, you can scroll down and see where it's getting the data from
"Hello, Im a bit curious about this
Facebook's useful functionality. When
I paste a URL on the 'What's on your
mind?' box, it almost perfectly gets
the body of the article. How does
Facebook do this?" extracted from
<description> or first <p>
I can't speak for Facebook specifically, but there are entire companies dedicated to providing that kind of service. For example, Reddit recently outsourced preview generation to a 3rd party.
So, essentially, there's a certain amount of automation and a large amount of manual tweaking and configuration.
You might also look at the Readability tool, which extracts the main content of a web page - that might provide some insight into the processes involved.
You can put your own entries into the shared content, by using the things described in the OpenGraph protocol on Facebook developer website.
It basically goes to the page and begins sniffing for ID's in the HTML marked as Content or Main and probably a few other common terms people use when building a site and specifying where things like menus, content, main body, right menu, top menu, main article, etc are placed in the page when pulling it in dynamically (or non dynamically for that matter).
For example, look at the source of this page itself. You'll see an area that begins div id="content"
Bingo. That's where the facebook sniffer begins. It then grabs probably the first picture it finds within that area as well as the first bit of text in that area as well.

Content Water Marking

We have members-only paid content that is frequently copied and republished without our permission.
We are trying to ‘watermark’ our content by including each customer’s user id in a fake css class, for example <p class='userid_1234'> (except not so obivous, of course :), that would help us track the source of the copying, and then we place that class somewhere in the article body.
The problem is, by including user-specific information into an article, it makes it so that the article content is ineligible for caching because it is now unique to each user.
This bumps the page load time from ~.8ms to ~2.5sec for each article page view.
Does anyone know of any watermarking strategies that can still be used with caching?
Alternatively, what can be done to speed up database access? ( ha, ha, that there’s just a tiny topic i’m sure.. )
We're using the CMS Expression Engine, but I'd like to hear about any strategies. They don't have to be EE-specific.
If you're talking about images then you could use PHP to add a watermark to the images.
How can I add an image onto an image in PHP like a watermark
its a tool to help track down the lazy copiers who just copy the source code as-is. this is not preventative, nor is it a deterrent. – Ian 12 hours ago
Going by your above comment you are happy with users copying your content, just not without the formatting etc. So what you could do is provide the users an embed type of source code for that particular content just like YouTube does with videos. Into that embed source code you could add your own links back to your site, utilize your own CSS etc.
That way you can still allow the members to use the content but it will always come out the way you intended it with links back to your site.
Thanks
You could always cache a version that uses a special string, like #!username!#, and then later fill it in with PHP based on which user is viewing it.
Another way I believe is to switch from caching on the server to instead let the browser cache it locally for a little. That way it is only cached per user, and it reduces the calls to your database. Because an article is pretty static, you could just let the local computer cache it, and pull in comments via javascript.
This last one is probably not one you are really looking for, but I'm gonna come out and say it anyway. You could not treat your users like thieves, and instead treat the thieves as thieves. Go to the person hosting the servers your content is on and send them an email telling them copyrighted premium content is being hosted on their servers without your permission. You can even automate that process.
How to find out what sites are posting your content? Put a link in the body content to your site, and do a Google Search/Blog Search for articles linking to that site. To automate it, use Google Blog Search because it offers RSS feeds. Any one that has a link back to your site could go into a database with a link to the page, someone could look at it, and if it is the entire article, go do a Whois and send them an email.
What makes you think adding css to something is going to stop people from copying it without that CSS? It's more likely that they are just coping the source of the content you are showing them and ignoring all the styling around it. For example, I use tamper data to look at all HTTP requests made by Firefox, if I can see it on the page, I can see it in the logs. Even with all the "protection" some sites try to put in place, they generally will never work. I can grab what I want, without using any screen capture/recording.
If you were serving flv's, for example, I would easily be able to grab the source of that even if you overlayed it with some CSS. I think the best approach would be to get the sites publishing your premium content and ask them to remove it. It's either that or watermark the actual content on the fly while sending it to the browser.

Resources