ContentsI.     Introduction…………………………………….……….....................p.1II.    User Interface…………………………………….…………………..p.2III. ...
I.      Introduction        Aptana Studio is an open source INTEGRATED DEVELOPMENT ENVIRONMENT(IDE) forbuilding Ajax web a...
II.           User Interface          7                                        8                                          ...
III.    Obtaining software  1. Go to this website/link: http://www.aptana.com/  2. And then click                       to...
4. And the downloading process will start automatically  IV.     Installation  1. Once the download I complete go to the d...
2. And then click to start the installation and click YES.  3. And the Aptana studio 3 can now be install, click next.    ...
4. Choose a folder in which to install Aptana studio and click next.  5. Select the folder in which to create start menu s...
6. Select which file extension you wish associated with this application and click next.  7. Set up has finished gathering...
8. Just wait wail the Aptana Studio 3 is being installed this will just take few minutes.  9. All of the components of Apt...
10. Installation complete. Click close to exit set up.                                                                    ...
V.      Opening Aptana Studio 3  1. Open/click Aptana studio 3 on your desktop or start menu.  2. It will open and ask for...
3. And this is the Aptana when opened.                                                                                    ...
VI.    Creating a new file in Aptana Studio 3  1. Click File on the menu tab.  2. Select new and then  3. Select File     ...
4. Type the Filename (ex. Hello.html)                                                                               Select...
6. But if a user will click finish button he/she can start coding on his/her own.Another way of creating new file from tem...
2. And this is the code.        There is no difference in expected output of a page in using Aptana studio or a notepad. T...
VII.    Running a program in Aptana Studio 3  There are 4 methods a user can run the program:  1. By going to the folder o...
4. Or by selecting the file to be run in the left portion of Aptana Studio.          o Right click the file          o Sel...
VIII. Saving a file or project in Aptana Studio 3  o Upon creating a file a user also save his/her files or project in a s...
Upcoming SlideShare
Loading in …5
×

Introduction to Aptana

2,492 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,492
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
52
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to Aptana

  1. 1. ContentsI. Introduction…………………………………….……….....................p.1II. User Interface…………………………………….…………………..p.2III. Obtaining Software…………………………………………………..p.3-4IV. Installation…………………………………………….……………...p.4-9V. Opening Aptana Studio 3…………………………………….………p.10-11VI. Creating a new file in Aptana Studio 3………………………………p.12-15VII. Running a program in Aptana Studio 3……………………………....p.16-17VIII. Saving a file or project in Aptana Studio 3…………………………..p.18
  2. 2. I. Introduction Aptana Studio is an open source INTEGRATED DEVELOPMENT ENVIRONMENT(IDE) forbuilding Ajax web applications. It supports JavaScript, HTML, DOM and CSS with code-completion,outlining, JavaScript debugging, error and warning notifications and integrated documentation. Additionalplugins allow Aptana Studio to support Ruby on Rails, PHP, Python, Perl, Adobe AIR, Apple iPhone andNokia WRT (Web Runtime). Aptana Studio is based on Eclipse and is available as a standalone onWindows, Mac OS X and Linux, or as a plugin for Eclipse. Aptana Studio provides support for Python in theform of the PyDev plugin. This provides color syntax highlighting, code assist, code outlining, debuggingand integrated support for Python, Jython and IronPython interpreters. Aptana announced that theirpreviously commercial Pydev Extensions are now open sourced. Aptana is currently led by Paul Colton,Founder and CEO, Uri Sarid, CTO/VP, Engineering and Kevin Hakman, Director of Evangelism. The staffheadcount surpassed 25 after September 1, 2008. Aptana is an active participant in the OpenAjax Alliance,with Hakman serving as director of the IDE Working Group.Aptana was acquired by Appcelerator, Inc. on January 7, 2011. Employees of Aptana were absorbed to theMountain View campus of Appcelerator and work is scheduled to continue on the release of Aptana 3.0.Appcelerator in their webcast made users aware of their intention to integrate their mobile applicationframework with Aptana Studio, with a planned beta within Q1 2011. Emphasis on visual workflow wasindicated for both of the products and continued support will continue for existing Aptana products.Appcelerator put Jaxer on github. Page 1 of 18 Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio II Aptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  3. 3. II. User Interface 7 8 4 6 3 1 5 21 Code editor- the work 4 Debug and web 7 Themes icon – where a area. perspective view user can change the color of fonts and2 Problem view: Shows the 5 background of the work App explorer, Outline, errors and warnings in a area and sample tabs users code3 Project explorer 6 File/project tabs at 8 Run Icon – to run the view- Navigate and top of code editor to program in a web manage projects switch between open browser and files files Page 2 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  4. 4. III. Obtaining software 1. Go to this website/link: http://www.aptana.com/ 2. And then click to download it. Don’t worry its virus-free and no registration is needed ‘it’s free.’ 3. And it will link to this page at then to finally download it click the download button bellow. Page 3 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  5. 5. 4. And the downloading process will start automatically IV. Installation 1. Once the download I complete go to the download folder destination. Ex. Page 4 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  6. 6. 2. And then click to start the installation and click YES. 3. And the Aptana studio 3 can now be install, click next. Page 5 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  7. 7. 4. Choose a folder in which to install Aptana studio and click next. 5. Select the folder in which to create start menu shortcuts Aptana Studio and click next. Page 6 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  8. 8. 6. Select which file extension you wish associated with this application and click next. 7. Set up has finished gathering information and is ready to install aptana studio. Set up is ready to install Aptana studio 3 on your computer. Click install to start installation. Page 7 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  9. 9. 8. Just wait wail the Aptana Studio 3 is being installed this will just take few minutes. 9. All of the components of Aptana Studio 3 were successfully is copied to your computer. Click next. Page 8 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  10. 10. 10. Installation complete. Click close to exit set up. Page 9 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  11. 11. V. Opening Aptana Studio 3 1. Open/click Aptana studio 3 on your desktop or start menu. 2. It will open and ask for a workspace (Aptana studio 3 a stores your project in folder called Workspace). Choose a workspace folder to use in current session. Page 10 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  12. 12. 3. And this is the Aptana when opened. Page 11 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  13. 13. VI. Creating a new file in Aptana Studio 3 1. Click File on the menu tab. 2. Select new and then 3. Select File Page 12 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  14. 14. 4. Type the Filename (ex. Hello.html) Select a folder to save file. This is where to type the file name 5. If a user will click next this will appear. A user can select either of these available templates This is the code of a selected template. Page 13 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  15. 15. 6. But if a user will click finish button he/she can start coding on his/her own.Another way of creating new file from template 1. Click File->New From Template->HTML and XHTML – 1.0 Transitional Template (*.html) Page 14 of 18 Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio II Aptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  16. 16. 2. And this is the code. There is no difference in expected output of a page in using Aptana studio or a notepad. The thing is,using Aptana Studio will help the user to create or type the codes easily, because when a user type a tag orelement there are suggestions that will appear and it will automatically create a closing tag. A user can alsodetect the errors easily and conveniently. Page 15 of 18 Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio II Aptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  17. 17. VII. Running a program in Aptana Studio 3 There are 4 methods a user can run the program: 1. By going to the folder or location where a user saved his/her file. Just click any of a saved file to view in a web browser. 2. By using a shortcut key “ctrl+F11” And the file will automatically open in a web browser. 3. By Clicking the “Run icon” above the Aptana Studio. Page 16 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  18. 18. 4. Or by selecting the file to be run in the left portion of Aptana Studio. o Right click the file o Select “Open with” o And select “Web browser” Web browser (firefox) Using Aptana Studio Web Browser Page 17 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0
  19. 19. VIII. Saving a file or project in Aptana Studio 3 o Upon creating a file a user also save his/her files or project in a selected folder. After coding, before running a program a user must save the changes in his/her file he/she created. o Using shortcut key “ctrl+s” o Or go to ‘File’ and select ‘save’ Page 18 of 18Introduction to BSIT - 2A Date developed: Issued by: Mr. Joel Laurencio IIAptana Studio 3 TVET - 211 July 23, 2012 Revision # 0.0

×