Abdullah J

Group 29
BIT BY BIT

On meeting Jamie at Lifeshare our key brief became clear; to engage and inform. Our app must draw people in so people want to interact with the learning material that will enhance their lives. We initially see parallels between the design of an app and a Las Vegas sign in how they draw people into a defined character. The bizarre irony of using an architectural element originally used to tempt rather than encourage, and how we can turn this original purpose on its head, isn’t lost on us
Posted 12 Apr 2021 16:47
The more detailed brief consisted of the inclusion of easily accessible courses and an easy to navigate mobile interface that would make the use of a touchscreen mobile self-explanatory the more it is used. With Jamie we discussed the more accessible features of app design, such as hamburger menus and easily read buttons; elements that are clear in their meaning. The congruencies with Post-Modernism and it’s, easy to read, symbolism was something we wanted to look into further. We could unite these aspects of phone design in an architectural sense.
Posted 21 Apr 2021 12:10
Exploring Venturi’s theories of symbolism in ‘Learning from Las Vegas’ helped us to synthesise how we could symbolise a building in terms of how it is perceived to the street. The decorated shed is symbolised by it’s ornamentation whilst the architecture itself remains secondary in a message to the external world. In Guild House Venturi talks of how it’s quoins and render surrounds suggest ‘the proportions of a renaissance palace’ (Venturi, 1972:92) stating ‘the ornament of guild house is explicit. It both reinforces and contradicts the form of the building it adorns.’ (Venturi, 1972:91)
Venturi, R., Scott Brown, D. and Izenour, S. (1972) Learning from Las Vegas. 1st ed., Cambridge, Massachusetts: The MIT Press.
For more information on architectural symbolism, it’s methodology or Postmodernism read Learning from Las Vegas.
Posted 29 Apr 2021 21:23
On the other hand we have the duck whose symbolism is inherent in the form and materiality of the architecture. On Crawford Manor Venturi talks of how it looks as though it were ‘made of a continuous plastic material reminiscent of beton brut’ (Venturi, 1972:91) where in this case of modern architecture meaning comes from ‘our knowledge of technology, from the work and writings of the modern form givers’ (Venturi, 1972:91) etc. This piece of high architecture has a symbolism that can only be unpacked with a prior knowledge of architecture but it’s methods of dissemination may hold lessons for our project.
Venturi, R., Scott Brown, D. and Izenour, S. (1972) Learning from Las Vegas. 1st ed., Cambridge, Massachusetts: The MIT Press.
For more information on architectural symbolism, it’s methodology or Postmodernism read Learning from Las Vegas.
Posted 29 Apr 2021 21:23
In line Venturi’s focus on the importance of ornamentation we looked into a characteristic building of Manchester the Kimpton building. It displays inherent symbolic qualities in the level of ornamentation which could have multiple meanings to multiple people. Showing the people of Manchester expressions of the architecture around them, on their phone, may engage them with the app and open new insight and interest into familiar buildings.
Posted 29 Apr 2021 21:25
We developed this elevation by taking parts of detailing and expressing them in illustrator. The zoomed in results are representative without being replicas. They highlight the symbology without needing to exist as a real piece of ornament does. This process of production could be expanded and refined in the intensive 2 weeks to produce buildings for a homepage, which are emphasized versions with buildings that have particularly meaningful details with emphasized scales. This should produce a decorated shed for the phone. A building that can be all symbol because of its existence in virtual space.
Posted 29 Apr 2021 21:27
Design stages for the app
Stage 1: Brainstorming and initial ideas
We start by brainstorming as a group to come up with initial ideas on the app in regards to our concept, some of these might take in the form of avatar clothing, icons that can be earned by completing the courses and the expressive buildings that populate the homepage.
Stage 2: Storyboarding
Using Adobe XD, we start to draw up a story board of the app’s user interface.
Stage 3: MSA LIVE 21
During the 2 weeks of MSA Live 21, we as a whole collective with the BA students will be designing each element of the app which will later be integrated into a wider framework.
Posted 30 Apr 2021 18:10
The main storyboard of the app will be designed using Adobe XD, which is a storyboarding app that is used as the standard, often been used for ios and android app UX designs. Adobe XD works as creating a number of pages with button clicks linking them together.
Link for further information: https://xd.adobe.com/ideas/guides/ux-design-process-steps/
Posted 30 Apr 2021 18:11
During the two weeks, the students will be asked to design and produce graphics of architecture in Manchester to create a homepage. This mood board shows some initial thoughts that could form an overall graphical style from which students can base deigns. User interface design should consider all the visual and interactive elements of a product interface. This includes buttons, icons, spacing, typography, colour schemes, and responsive design. The visual is essential in guiding the user's understanding of the interface as well as their engagement with the virtual world and thus the real world as well.
Posted 30 Apr 2021 18:24
IOS app development
As IOS is an enclosed environment platform, there are usually specific tools required to create an IOS app and below are both a list of the requirements and a general process of designing an IOS app.
Tools Requirement: To develop iOS apps using the latest technologies described in these lessons, you need a Mac computer (macOS 10.11.5 or later) running the latest version of XCode. XCode includes all the features you need to design, develop, and debug an app. XCode also contains the iOS SDK, which extends XCode to include the tools, compilers, and frameworks you need specifically for iOS development.

Overview of the steps:
Starts with an idea
Sketch it out.
Make it look pretty
Add a file
Test, Test & Test
Debug & Revise
Submit and start learning

Resources for understanding XCode and app development:
https://learnappmaking.com/xcode-tutorial/
https://developer.apple.com/develop/
Posted 1 May 2021 19:08
While app development can be chaotic in nature, there are still structures and frameworks in place to keep the individuals or the teams running efficiently and projects on track to be completed. There are 7 main stages in the development process of the app:
1. Planning the app
2. Pre-production
3. Production
4. Testing
5. Pre-Launch
6. Launch
7. Post-Launch
These stages represent the general approach an app is developed whether it be to commercialised or to be available for free to the public.
Fortunately, there are app development softwares and IDEs that make the process much easier. Some of them have been listed below as well as some other resources:
https://developer.android.com/studio
https://unity.com/
https://www.unrealengine.com/
https://www.yoyogames.com/en/gamemaker
https://www.w3schools.com/java/java_intro.asp
https://reactnative.dev/
https://www.androidauthority.com/android-app-development-1128595/

Posted 1 May 2021 19:18
The process of exporting from Adobe XD to Android Studio for Android App development or XCode for IOS App development is fairly simple and similar due to the seamless compatibility between the softwares. However, there are several things that must be prepared prior in order to not have issues during the process of exporting and these come in 8 main stages:
1. Preparing the XD document by grouping the layers and choosing the appropriate options
2. Render the colours into the correct values
3. Render the images into the right format (PNG, JPG, Bitmap, SVG)
4. Render all vector based shapes into SVG file format
5. Process the relevant text in the XD File
6. Create XML and XCode activities to import the XD Artboard
7. Link the different classes and activities for smooth input
8. Target the devices resolutions and different outputs to be compatible with different devices
Whilst it is not essential at all for the students to have prior knowledge for the two weeks, it will be a good practice to have a general understanding of how the apps get developed and interact with the user and the devices.
Coding languages such as React Native will help greatly with the app development as it is compatible with both IOS and Android. Below are links to useful resources and plugins that enhances the compatibility:
https://avocode.com/
https://zeplin.io/
https://www.invisionapp.com/
https://sympli.io/
https://exportkit.com/
https://exportkit.com/learn/how-to/using-the-suite/using-export-kit-with-xd

Posted 1 May 2021 19:27