documentl3
TRANSCRIPT
![Page 1: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/1.jpg)
Adding files, links and imagesApp development in AppShed
![Page 2: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/2.jpg)
App development in AppShedL3 Adding files, links and images
Objectives• Add files to an app• Move parts of the app within the screens• Add web links• Understand the term IFrame
![Page 3: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/3.jpg)
App development in AppShedL3 Adding files, links and images
Add a new Tab icon
![Page 4: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/4.jpg)
App development in AppShedL3 Adding files, links and images
Adding a .PDF file• This allows you to embed a .PDF file into your
app• The file is ‘zoomable’ and allows content to be
pre-made outside the app• The PDF file is stored on a cloud server so is
not adding to the size of the app file itself• When do you think this could be useful?
![Page 5: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/5.jpg)
App development in AppShedL3 Adding files, links and images
![Page 6: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/6.jpg)
App development in AppShedL3 Adding files, links and images
Adding an image gallery• Create a gallery of images that are expandable
when clicked
![Page 7: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/7.jpg)
App development in AppShedL3 Adding files, links and images
The Gallery screen
![Page 8: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/8.jpg)
App development in AppShedL3 Adding files, links and images
Adding other content• Add text and pictures to illustrate your
descriptions• Add weblinks and know when to use the
IFrame feature• Move content around the screen
![Page 9: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/9.jpg)
App development in AppShedL3 Adding files, links and images
Adding links to external websites
![Page 10: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/10.jpg)
App development in AppShedL3 Adding files, links and images
Using an IFrame• Use an IFrame when
you want to view a website inside your smartphone app
• This feature may affect how your app looks on a desktop computer
• When would you not use an IFrame?
![Page 11: DocumentL3](https://reader035.vdocument.in/reader035/viewer/2022062515/55ce4ad9bb61eb6b088b4812/html5/thumbnails/11.jpg)
App development in AppShedL3 Adding files, links and images
Moving screen items