Getting Started with the Scandit Titanium Module - Scandit - Scandit. Using Titanium Modules. Skip to end of metadataGo to start of metadata Chapters Once you've found a module you wish to use in your mobile project, you'll need to install it such that you can use it inside Titanium Studio. Finding Modules Go to to find the most complete list of available modules. Downloading Modules Once you have selected and purchased the modules you are interested in using, you'll need to download them.
In marketplace.appcelerator.com, click on My Products. Installing Modules Modules can be installed one of two ways--per-project, or globally. Per-Project Installation Open Titanium Studio. Global Installation Locate your Titanium SDK installation location. Using Your Module To use your module in a Titanium Mobile app, follow these steps: Open the module's .zip file, and look at the folder structure. Install a Titanium Module | Codeboxed. Modules are a great way to add functionality to your applications, in addition to what the Titanium Mobile API provides.
You can install modules that extend the UI, perform a specific task that cannot done otherwise or just combine Titanium API modules and objects in order to provide a high-level functionality. There are two steps that you need to take in order to install a Titanium module: Copy the module Go to /Library/Application Support/Titanium or to ~/Library/Application Support/Titanium Unarchive the .zip file and you will get a “modules” folder Copy the “modules” folder into one of the paths mentioned in step 1 Register the module Register the module with your application by editing tiapp.xml and adding your module: Example (for Titanium Image Gallery 0.2 for iPhone ): Use the module Note: You might need to do a full rebuild in order for the module to be included properly.
Titanium Mobile: Building a Dribbble Gallery for iPad. This tutorial will teach you how to use Titanium Mobile's SplitWindow and Popover controls while building an awesome gallery of photos from Dribbble. Along the way, you'll work with web service requests, image containers, and other common Titanium Mobile components. Let's get started! With this tutorial, we will look at how to use the two iPad specific UI elements within Titanium Mobile to create an app. Specifically, this app will be a gallery showing the most popular works on Dribbble. Although most of the same tools and UI elements are used to create phone and tablet apps, there are differences. The screen limitations of a phone pushes designers to create interfaces that tend to only show either the navigation or the content of the app at one time. However, when working with a tablet, you have much more space and generally want to show the navigation and the content at the same time, keeping the menu items accessible as the user looks at the content.
Step 1: Setup Conclusion. Towards A Retina Web. Advertisement With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly paving the way for the next wave of display standards. While the fourth-generation iPhone gave us a taste of the “non-Retina” Web in 2010, we had to wait for the third-generation iPad to fully realize how fuzzy and outdated our Web graphics and content images are. In the confines of Apple’s walled garden, popular native apps get updated with Retina graphics in a timely fashion, with the help of a solid SDK and a well-documented transition process.
By contrast, the Web is a gargantuan mass whose very open nature makes the transition to higher-density displays slow and painful. Before diving into the nitty gritty, let’s briefly cover some basic notions that are key to understanding the challenges and constraints of designing for multiple display densities. Device Pixels CSS Pixels Bitmap Pixels SVG: Pros. iPhone Dimensions - Landscape | Basics | Titanium Tips. 18 Apr 2011 Filed in: Basics The iPhone in landscape orientation has one special exception to the standard sizes of iOS User Interface (UI) elements.
The Nav Bar is usually 44px high, but in this case it’s 32px high. Here are all the dimensions... If you want an image to fill the Main Content Area, it needs to be 480 pixels wide by 219 pixels high. Note: these measurements are for standard, non-Retina displays. For example... In case you can’t make sense of the graphic... Note that when the keyboard is displayed, it covers up the Tab Bar at the bottom of the screen.
Tags: dimensions, iphone, tab bar, status bar, nav bar. Ios - How do you beta test an iphone app. Emil Maran Official Page. 88 Titanium Appcelerator Apps Based Open Source Projects Published by: Emil // Date 23.2.2012 // Views: 34700 // Add to Twitter :: Facebook Here is a collecton of Titanium Appcelerator Projects hosted on Github Server. Web Experiments Blog Showcases Web Resources Work About Me Songs Scripts Links Contact Learning Concrete5 Database Naming Conventions Inspirational Effect Resources Symfony Source Projects Resources Particle Animation Videos Amazing Websites Hundreds Canvas. Gui - What dpi resolution is used for an iPhone App.
Titanium Mobile: Create a Sliding Menu for iOS. This tutorial will teach you how to build a sliding menu similar to the one featured in the Facebook application using Titanium Mobile. Step 1: Getting Started The sliding menu consists of a full-sized window (the main window) on top of a smaller one that contains a table view (the menu). To create the sliding effect, we'll have to trigger an animation that will track and follow a touch event horizontally.
However, let's save that for later. For now, we'll start by setting up the windows. First, we'll create the menu: This is a very basic table view setup, but it will do. Step 2: Main Window Now we need a window with a navigation bar and a button in it that will allow us to open the menu with an animation. Hey, you probably noticed that toggle:true property in our button, right? Here is our main window: Step 3: Toggle Menu Okay, now we're going to animate our window so it slides from left to right when we press the "Menu" button. Let's see how it works: Step 4: Tracking Step 5: Back to Normal. Build a Titanium Mobile Pizza Ordering App: Crust Selection. In this multi-part tutorial series, I'll be teaching you how to build a Titanium Mobile app from start to finish. Specifically, you'll learn how to build a Pizza Shop app that will allow customers to order a custom pizza on the go.
In this tutorial, I will demonstrate how to setup the project and create a "Crust Selection" screen. Step 1: Create a New Project Open up Titanium and create a new mobile project. Step 2: Edit App.js Browse to the Resources/app.js file. What we did here is set our background color, made a new window called "main", and then opened it. Notice the URL property on the window. Step 3: Adding a Background and a Clock If you haven't already made a main.js file and saved it in the main_windows folder, do so now.
If you haven't created an "includes" folder in the resources folder, do so now. So what we did is create 3 sub windows, set our background and included a clock that updates every 5 seconds. Step 4: Creating and Opening the Crusts Window Conclusion. Example Applications. The following example applications may be useful to browse for examples of API usage and approached to structuring Titanium applications. Kitchen Sink This expansive sample application showcases the majority of Titanium's Mobile & Desktop APIs. CODESTRONG Companion App This was the companion app to Appcelerator's first ever CODESTRONG conference. As seen in the screenshots below, it is a dashboard driven app that allowed users to have up to the minute details on speakers, sessions, venues, and much more.
The app was built for and tested on multiple platforms and devices, including: Android phones & tablets iPhone & iPod Touch iPad NOOK Color Tweetanium Tweetanium on GitHub This TweetDeck-like application was written for both mobile and desktop and is deployed on the Mac App Store. Aidori On Friday, March 11 2011, a 9.0-magnitude earthquake occurred near the east coast of Honshu, Japan. Main features: Map feature to find shelters nearby or from address. ARti ARti on Github TiBall ABC's Writer. In-Depth Reference Guides. Breakout session - What's new in Titanium Studio - Titanium 3.0 - Appcelerator Docs. Comparing Titanium and PhoneGap. July, 2014 : The following blog post is an updated version of a blog post written by Kevin Whinnery in May 2012. The original version can be found here. When building for mobile devices you can take one of three approaches: Web apps, Hybrid Apps or Native apps. Web Apps are websites designed to fit in mobile screens and are accessed by typing a URL in the phone’s browser.
There are multiple UI frameworks that can make your Web app look like a native app, or you can build it using media queries to make it responsive to the web browser’s dimensions. Hybrid Apps are Web apps that are packaged in a custom full-screen browser to resemble a native mobile app, with extensions that provide access to some hardware features, but your user interface is still written in HTML/CSS and rendered by a web browser. Native Apps are written using different languages depending on the platform. Native apps have full access to the hardware and the user interface is rendered by the platform SDK.
How PhoneGap Works.