Best tools for iPhone mobile application development

TweetThe J2ME (Java 2 Podium, Micro Edition) technology is still relatively new. Strong mobile development tools, especially IDEs, module greatly oblige J2ME’s adoption among wireless application developers. Within this article, I review four J2ME IDE products: Borland JBuilder 7 Enterprise with MobileSet 3 Sun Microsystems’ Sun ANE (Open Framework Environment) Workplace 4 Mobile Edition Metrowerks […]

Source: http://feedproxy.google.com/~r/qsoftvietnam/~3/2k_hFO-ds5I/

Advertisements
  1. #1 by webdevelopmentwebsite on June 22, 2012 - 6:44 pm


      

    It’s been a couple of eld now since the concept of responsive design took the Web logo world by storm, and more and more websites are going responsive. But there are still whichever barriers and potential problems, not the least of these being the challenge of reducing the size of files that you’re causation to mobile tendency.
    Within this article, we’ll gaze at how to use WordPress’ built-in featured images capability to verbalise different-sized image files to different devices. “Featured images,” sometimes referred to as thumbnails, is a feature of WordPress that has been vastly improved since version 3. It enables you to specify a featured image for each post and show it with the post’s contented. The fact that the image is keep in the post’s meta data, rather than embedded in the post’s content, means we can use it more flexibly, as we shall see.
    Why Worry About Doll Size?
    OK, so a lot of citizens follow use their moving devices to surf the internet while sitting on the sofa, hooked stirring to their Wi-Fi, one eye against the phone and cardinal on the TV. And many browse for information sparked by a conversation with the ancestors around them. This type of website traveller is becoming more and more common. You might even glucinium reading this article in this way right now.
    But there are and will always Be people who use up the Net from a mobile device while out and about, possibly using 3G in an area with a dodgy signal or on an costly data plan. We Web designers and developers tend to spend in data plans next to all the bells and whistles; but, believe it or not, plenty of people out there don’t effect the Internet as much as we follow and then choose a limited plan.
    These people won’t thank you for using up their data by sending huge image files to their devices. They may well abandon your website before sounding at it if the image downloads are slowing everything down. Moreover, mobile visitors can only check your website smartly in the middle of doing something else, and a slow website could mar your search engine rankings. Taking all this into account, surely reducing record sizes for mobile devices is a no-brainer.
    Responsive Images: What’s It All Active?
    By now, you probably know what responsive design is: it uses a combination of a unstable layout and media queries to define breakpoints at which a website’s layout or content changes to fit a particular peak size. Most responsive websites use media queries to target phones; some target tablets as as iPads As well.
    In the early days of responsive design, devising your similes responsive meant using CSS to assure they stayed nicely internal their containing element, with this code:
    img {
    max-width: 100%;
    }
    This technique makes the images look tidy, but all it really does is contract the same massive image to fit the layout. It does nothing to alter the actual size of the file, which could lead to huge image files unavowed onto your mobile design and seriously slowing down the website. Displaying large images that someone been shrunk with CSS is discouraged via the W3C, and it uses processing muscle and data, so it’s a particularly wicked idea on mobile devices.
    When we brawl responsive design now, we generally include some road of making the image’s actual size smaller, using one of a variety of established techniques.
    more One Way To Skin This Cat
    Whether you’ve taken an interest in responsive design, you’ll have noticed that quite a few methods of delivering truly responsive images have emerged. Present are many of those methods:

    Replace similes within the profit with background images, using images of different sizes depending on the device. This method has serious accessibility and SEO drawbacks because the images don’t have alt tags for eyeshade readers to read or search engines to scale.
    Use a minor image in the markup and a larger image as the background of the containing element within the desktop version of the website, and then use CSS to hide the lesser image on larger screens. This method, described in detail via Harry Roberts on CSS Wizardry, is better than the first one, but it does postulate that you manually create two images and so , in the style sheet, define the background image for every single image on the website. I don’t cognise about you, but I certainly don’t have the time or patience all for that!
    Use a JavaScript-based cure that employs URL parameters or data attributes. This avoids the repetitive work above, but it involves more processing and can slow the website down—the opposite of what you intended.
    Use a solution as Matt Wilcox’s Adaptive Similes, which does the work for you. This is the smoothest picking I’ve seen, but it requires that you separated the images that you want to be resized from those that you don’t—a potential problem once handing over a CMS-based website to a client or editor who isn’t technologically knowing.

    The reality that Adaptive Images uses PHP got me thinking almost how this could fit WordPress, which, after all, is written in PHP. Is within a way to use WordPress’ built-in functionality to speak responsive images within a way that the punter would not be able to break?
    The answer is yes… next to the addition of just one free plugin.
    WordPress Responsive Images: Making It Carry out
    I’ll demonstrate this technique using a website that I recently developed for a client, What’s a Mayor For?. This website is responsive and gets a meaningful portion of visits from seaborne devices. At the moment, it uses max-width to resize images, but it doesn’t send diametric logo files to mobile tendency.
    This is what the website looks like in desktop and mobile browsers:
    Click on the images for a large preview.
    As you can see, the images scale to fit the layout. Only what you can’t see is that the image’s actual size stays the same. We involve to change that.
    The solution we’ll trail present uses the following elements:

    A set free plugin named Mobble, which detects devices and provides conditional PHP functions that you can use to deliver different content to different devices in your theme’s files;
    The single.php and page.php files, which we’ll edit to display the post OR page’s obvious image, just altering the image’s bulkiness according to the type of device;
    The featured sign functionality in WordPress’ dashboard, which we’ll squander to define the image used all for all post and page.

    Let’s get started!
    Download the Mobble Plugin
    First, download the Mobble plugin. This will check the browser’s user-agent string to determine which device the user is on. These checks are clothed in WordPress-style conditional functions, such as is_mobile(), which is the one we’ll Be using. Purists will expanse at this approach, but in my experience it’s very reliable, and the plugin does carry a high rating in WordPress’ repository.
    Download and activate the plugin.
    Edit the single.php and page.php Files to Call the Post’s Thumbnail
    Using a text editor or WordPress’ editor, open the single.php file. Find the following code or something like it:
    Date: 2012-06-15T10:43:36Z

  2. #2 by webdevelopmentwebsite on June 22, 2012 - 6:44 pm

    What is White hat seo and black headdress seo
    How can we promote our site through Google panda rule
    Date: Fri, 22 Jun 2012 17:23:47 GMT

  3. #3 by webdevelopmentwebsite on June 22, 2012 - 6:46 pm


      

    Emergency car shopping is no fun. This past month was the second time I had to shop for a car in a short timeframe in need advance warning. Like most informed shoppers, I went online to get a feel for my options, armed with knowledge of what I was sounding for: apart from safety, state mileage and reliability, it had to comfortably seat six and not require ME to take out a 2d mortgage.
    I felt like a persona out of a scenario that I had role-played a few years ago when our UX team halogen Capgemini conducted a global UX benchmarking task all for General Motors. That year, a JD Power consumer satisfaction study disclosed that 68% of GM’s US websites were downwards the industry mean, with two in the bottom 10%. Heuristic evaluations were one method we used to identify the causes of dissatisfaction spell evaluating over 50 of GM’s B2C websites, on with 75 competitor websites, across different countries and brands.
    Each website evaluation captured over 600 points of data across 16 vehicle website features that affect the online machine research and shopping human experience, including automobile information, comparison and configuration. This time, though, the experience was personal and made me think roughly the lessons to be learned from the experience of shopping for a car on the internet that could glucinium applied to any website.

    “Online Car Shopping UX Journey” (Large version)
    Awareness
    Without a preferred vehicle or brand, I started my search on independent websites such arsenic Kelley Cobalt Book (KBB) and Edmunds. KBB greeted me with a featured article that buffet the spot, showcasing “10 Best 3-Row Vehicles Under $30,000,” while Edmunds’ “Car Finder” tool offered common filters to narrow my search and likeness shortlisted results. Some of the course within the research process deep-linked to pages on car manufacturers’ websites that were no longer available.


    Takeaways
    Don’t expect users to e`er start on your home leaf; deep links from search engines and third-party websites can drop them many levels deep onto your website. Design for these out-of-your-control scenarios next to the following:

    Clear navigation, breadcrumbs and search to help them get their bearings,
    Useful 404 pages to leader them to the primary areas of the website,
    Standard and intuitive ways to be the home page.

    Consideration
    Backbone to car buying. With the search narrow down to a handful of cars, it was juncture to visit the brand websites of the shortlisted vehicles for additional research and planning the next steps.
    While system speeds person increased, car website home pages enjoy also tumid, many a taking completed 10 secs to crawl from zero to through. Websites such element the one for Kia made the wait seem longer near ageless screens and slow transitions. Downloading times for most websites on personal personal average roughly 6 seconds worldwide and nearly 3.5 seconds on average in the US. While car manufacturers are selling a lifestyle decision and are expected to market their marque and their cars, a few broke a golden rule by auto-playing video and animation with sound.

    Kia greets the users with several animations right away.
    Most car websites showcase their models by body style (sedan, SUV, crossover), simply that can beryllium confusing because one brand’s SUV can be another’s crossover. Mazda guides users to the appropriate shopping tools depending on where they are in the process; for example, if you’re trying to find the right model, Mazda has a exemplary selector beside feature-based filters.

    Mazda USA’s model selector has feature-based filters to help users find the right model.
    Takeaways

    Overcome easy for customers to discovery your website, using a combination of online and offline marketing techniques. Force out engine optimization (SEO) becomes more important when you don’t own the domain name that users would expect to find you astatine (as is the case with Nissan.com).
    Load the burrow page quickly.
    Give users control of the user experience, especially if they have not explicitly asked all for multimedia. Follow not auto-play video, and give users the option to turn audio on and off.
    Provide users with the tools to find the right service, especially when dealing with a galactic product catalog or products with tenfold variations. These tools include search, filters and wizards.
    Search results should offer associate appropriate summary of key goods information. Except the name, thumbnail image and price, briefly summarize a twosome of distinguishing features (No, “far-reaching fun” for a car does not tell).

    Preference
    All car websites conferred detailed worthy information, including features, specifications, pricing and incentives. However, jargon and selling terminology were not always clarified (what exactly is included in “anti-theft features”?), which could drive users away from the website within hunt of an explanation.
    Comparing trims inside a model and against competitors was not always apparent (why should I spend more on a grand restyling instead of a sports trim?). Dodge’s comparison seemed a nonstarter, not intuitive and without brilliant next steps.

    Dodge’s vehicle comparison lacked prominent next steps and call to actions.

    Kia was one of the few websites to highlight its competitive advantages
    Takeaways

    Frequent users’ tasks and goals on your website, including product research. Provide appropriately detailed information for the product category. While not required for commodities specified arsenic paper and books, 360-degree views and video are appropriate for cars.
    Products that are tangled, expensive, configurable or high-touch in nature should be accompanied by additional guidance to help users select the right product, ranging from educational guides (e.g. what to hunt for within a diamond) to recommendation engines.
    Comparisons between competitors are best offered with a preconfigured set of comparison options (next to the ability to change them), supported by content from a neutral and independent third party. A related best practice is to highlight the differences and benefits of the original product.

    Buy
    A some years ago, vehicle configurators were not joint or sophisticated, merely that has exchanged. Websites now have wizards guiding users through the steps of customizing a automobile, followed by concrete steps specified element finding nearby inventory, scheduling a test drive and requesting a quote. Some websites did better than others (for example, content cardinal click to get quotes from aggregate dealers), while some websites, like the one all for Dodge, were a letdown after building expectations (seven matches within a 10-mile length turned into no exact match but 112 low matches within a 25-mile radius). Dealer websites themselves were less sophisticated than manufacturer websites and were often problem to navigate and lacked crucial inventory information specified what trims were available .

    Dodge did not return the promised results in its inventory furrow.
    Peak websites offered collateral near clear labeling for downloading or delivery by mail. Interactive online brochures like Kia’s were the exception, but most downloadable brochures were PDF files.
    Takeaways

    Make call-to-action options obvious and clear. For most online shopping websites, this means an “Add to cart” button, but in other cases it could mean bringing the user to another channel as as a store whether showroom or getting them to fill out a form for more information.
    Don’t overpromise and underdeliver. As seen with Dodge’s dealer inventory bradawl preceding, any websites let users to add a product to their shopping cart, only to inform them during checkout that it is not available.

    Loyalty
    Unusual sections on websites for car owners are now commonplace, unlike a hardly a years ago, but websites could do a better job of giving users a taste of the features future , as well as the benefits of registering after buying a vehicle.

    The benefits of Dodge’s website for owners are hidden down the fold, and the FAQs linked to above the fold are not relevant.
    Takeaways

    Sustain an ongoing relationship with your users. For retail websites, this could include features as as order prestige, tracking information and easy reordering.
    Support buyers with tools and features to manage their buy spell building loyalty. These could cover product updates, alerts, reminders, guides and manuals.

    Past And Now: Business To Personal
    Our heuristic analysis from the study a few years ago drove improvements to the user experience on GM’s websites. This significantly increased customer satisfaction and was reflected within JD Power’s subsequent ranking: GM was figure one in customer satisfaction, all of its US websites ranked above the industry middling, and three of the top five spots belonged to G brands.
    The overall on the internet car-shopping experience is untold better present than it was a few years ago, only there’s still area for improvement, as shown here. This time around, the websites helped lower the stress of shopping for a car, and I am enjoying my new vehicle smell As I write this. Now for the final user experience test: seeing how easy it is to get off the phone, email and mailing lists of the dozen or so persistent dealers WHO think I americium unmoving in the market for a automobile.
    (al)

    © Lyndon Cerejo for Smashing Magazine, 2012.Date: 2012-06-13T12:03:03Z

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: