    
|
Page edited by Shu Qian
The video tutorial is available through the link below.
http://aok.lib.umbc.edu/tutorials/ILL_New_Users/
Phone: 410-455-2346
Chat with a Librarian
Was this helpful? Yes | No | Correct or Suggest an Article | Request Help
Page Information |
|
|---|---|
Tiny URL |
https://wiki.umbc.edu/x/RABpAQ |
Email this Page |
|
|
In this tutorial you are going to use the To-Do application that you created in ‘Create Your Own To-Do App with HTML5 and IndexedDB‘. If you haven’t already built this application you might want to work through that blog post first, or alternatively you can download all the code you need to get started here.
Packaged apps allow you to build applications using HTML, CSS and JavaScript that run in a browser environment but that have many of the same capabilities as native apps.
Packaged Apps in Chrome can access APIs that allow them to interact with things like USB devices, extending the capabilities of a packaged app far past that of a standard web application. They can also run in an independent, chrome-less window; making them feel a lot more like a native app.
The app manifest is used to provide information about your app such as the name, a description about what it does and the icon that should be displayed on the new tab page. This file is also used to declare any permissions that your app might need to run. We’re not using any specialised Chrome APIs in our to-do app so we don’t need to declare anything.
Create a new file in your project directory called manifest.json and add to it the following code.
{
"name": "To-Do List",
"description": "A simple to-do list application.",
"version": "0.1",
"manifest_version": 2,
"app": {
"background": {
"scripts": ["background.js"]
}
},
"icons": {
"16": "icon-16.png",
"128": "icon-128.png"
}
}
Note: For a full explanation of all the permitted fields in the app manifest check out the documentation: http://developer.chrome.com/apps/manifest.html
Each packaged app can be launched from the new-tab page and therefore will need an icon. For this project I have created two icons for your to-do app that can be downloaded here.
The App Icon
Download the project assets and copy the icon-16.png and icon-128.png files into your project folder.
As the packaged app will run in its own window we need to make a few small changes to the style.css file. This will make the app more responsive to different sized windows.
Retrieve the updated style.css file from the project assets and add it to your project folder, overriding the existing file.
The app window is launched using a background JavaScript file. This file is loaded when the user launches the app.
The background JavaScript file should contain an event listener for the chrome.app.runtime.onLaunched event. Inside this event listener you should create a new chrome window that is 500 pixels wide and 650 pixels high and load in the index.html file.
Create a file called background.js and add to it the following JavaScript code.
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('index.html', {
"bounds": {
"width": 500,
"height": 650
}
});
});
If you look back at your manifest.json file you will see that background.js has been declared in the app.background.scripts section as shown below.
"app": {
"background": {
"scripts": ["background.js"]
}
},
You’ve now completed everything that you need to do to get your to-do app to run as a packaged app in Chrome. To test out your app follow these steps.
Tools > Extensions.Developer Mode checkbox is ticked.Load unpacked extension...
Now you should see that your app has been added to the list of extensions. If you open a new tab and click the to-do app icon, a new window should appear containing the to-do list app.
Try adding a few items and then closing the app. If you then open it back up again you should see that all of your to-do items have survived the restart. They are being stored in IndexedDB, just like before.
The Finished To-Do App
In this blog post you have learned the basics of how to create a packaged app by adapting the to-do list application that you had previously built.
I’m really excited about the possibilities that are opened up packaged apps. Gaining access to the new advanced APIs in Chrome allows developers to build a whole new ecosystem of in-browser apps that can interact more closely with device hardware.
If you are interested in learning more about packaged apps I recommend that you check out the Packaged Apps documentation at developer.chrome.com/apps/.
As always, I’d love to hear your thoughts about packaged apps for Chrome and how you might use them in your projects.
The post Creating Packaged Apps for Google Chrome appeared first on Treehouse Blog.
]]>|
|
Baltimore, Maryland — June 4, 2013 — Alexandra Gold, Incubator Manager for the Cyber Incubator and Cync Program at bwtech@UMBC in Baltimore, Maryland, recently completed the National Business Incubation Association’s Incubator Management Certificate Program.
The educational program provides a comprehensive and practical overview of the tasks and responsibilities of managing business incubators, which are programs that accelerate the successful development of start-up and emerging companies by providing entrepreneurs with resources and services. Launched in 2007, the certificate program is designed to enhance managers’ skills and to provide them with opportunities to gain ideas for building stronger relationships with key constituents, providing effective client services, ensuring incubator sustainability and more.
“Receiving a certificate is a mark of distinction verifying mastery of incubator governance, services and policies,” comments Ellen Hemmerly, Executive Director of bwtech@UMBC Research and Technology Park. “The NBIA training will assist Allie to build on the recent success of our Cyber Incubator program which currently houses over 30 companies.”
Business incubation programs, such as the Cyber Incubator at bwtech@UMBC, catalyze the process of starting and growing companies by providing entrepreneurs with the expertise, networks and tools they need to make their ventures successful. NBIA estimates that in 2011 alone, North American incubators assisted about 49,000 start-up companies that provided full-time employment for nearly 200,000 workers and generated annual revenue of almost $15 billion. To receive an Incubator Manager certificate, incubator managers must complete a total of 24 hours of training that covers a range of topics, including incubator finances, strategic planning, graduation policies and procedures, client selection, and facilities management.
About bwtech@UMBC:
bwtech@UMBC (www.bwtechumbc.com) is a 71-acre research and technology community at the University of Maryland, Baltimore County (UMBC). With over 500,000 square feet of office and laboratory space, it is home to nearly 100 technology and life science companies at all stages of development. bwtech@UMBC offers collaboration with university faculty and students and enjoys a strategic and convenient location, close to downtown Baltimore, BWI Thurgood Marshall Airport, and Washington, D.C. Its annual economic impact on the state is estimated to be over $300 million.
About The National Business Incubation Association:
The National Business Incubation Association is the world’s leading organization advancing business incubation and entrepreneurship. It provides thousands of professionals with information, education, advocacy and networking resources to bring excellence to the process of assisting early-stage companies. Visit www.nbia.org to learn more.
###
]]>
Justin Rattner, who just stepped down as Intel CTO, discusses mobile computing and the future of Moore’s Law.
Intel came to dominate computing by consistently beating others at packing transistors ever more densely onto chips for desktop computers and servers. Today, even as the PC market shrinks and the giant company struggles to convince phone and tablet makers to use its chips, Intel spends $10.1 billion on research annually. Justin Rattner, who has been the company’s CTO, recently met with Tom Simonite, MIT Technology Review’s senior IT editor, to argue that this investment will help Intel’s mobile chips overtake those of its competitors and create new businesses. Last Thursday, Rattner announced he was stepping down as Intel’s CTO to take personal leave. He plans to return to the company in a different position.
]]>