Media Code is a group of professionals who want to provide innovative advertising ideas. Their mission is to become the top advertising agency in Egypt by helping partners achieve their goals through strategic, accurate and high-quality advertising services. They will develop a mobile app called "Teen Mania" to allow magazines and journals to publish articles on mobile, engaging readers to access and share content anywhere, anytime. The app will feature articles, images, magazine pages and categories. Media Code will also maintain the app, ensuring features are updated. Their backend details an app with splash screen, article listings by category, and individual article pages.

1. Media Code

2. Who We Are ?

3. Media
Code
We are a group of innovative and talented
professionals who think out of the box and
want to provide new and effective ideas to
create new and different shape of
advertisement.

4. Media
Code
Mission
Vision
To become the agency of choice for
advertising and marketing services in Egypt
.
Helping our partners achieve their targets
through providing strategic, accurate, timely
and outstanding quality of advertising
services .

5. Media
Code
Why Media Code ?
1.Designing & developing a mobile application to
achieve your goals is our mission.
2. We always Test & evaluate complete set of features
to make sure that our service delivers everything you
need and Exceed your expectations.
3.Think about how we mange your business in a
simple way.

6. Media
Code
Media Code will offer complete securedmobile
hosting.
Our servers are hosted in the cloud using the latest in
data hosting technology 99.9% uptime for your mobile
apps .

7. Media
Code
Teen Mania App.
The Future of the magazines reading

8. Media
Code
Compared to reading a real magazine or newspapers
to find the useful information , a person now would
rather look at online
publications.
Now, magazines and newspapers can publish their
articles through mobile apps.

9. Media
Code
Apps give your business visibility that extends beyond the
internet and literally your customer's
pocket
Your customers needn't log onto their computers and search
the internet to find you . with an app , they will have all of your
information – literally in the palm of their hands .
Smartphone's allow your readers to access instantly your
contents everywhere and anytime. .

10. Media
Code
And , Global Newspapers as new York times today , have
already their own mobile apps and are engaging their
customers with this new reading experience and getting
revenues from that and the same applies to Magazines such
as The Economist , TIME , National Geographic .
Mobile app magazine is more appealing and exciting today
and the simpleness to share the contents has made it more
Popular
And it allows you to include video , audio , links , bookmarks ,
search , and additional features

11. Media
Code
So , Mobile apps are the best way to keep your customers
engaged with your service - they act like gentle reminders to
pull them back to your service while also generating new
customers in the process .
- You can Integrate your social networks ( twitter , facebook )
- Allow your readers to share your contents with their friends
and many more things..
- Keyword search that help your readers to find a topic or
name in seconds .
- Updating articles

12. Media
Code
Teen Mania app:
Teen Mania will allow magazines and journals owners to
publish their articles through mobile application and users will
be able to be able to see the latest articles of the category they
like and also share this articles with friends across different
applications .

13. Media
Code

14. Media
Code
Maintenance
Media Code will maintain and update the new (Journal app)
mobile app. ( Android, IOS ), ensuring that the following is
updated every time needed.

15. Media
Code
h
App Features :
- Articles details
- Images of articles
- Magazine Pages
- Cover Images
- Multiple Categories
- Compatible backend of the entire application

16. Media
Code

17. Application Details :
Application Data Flow consists of 3 screens and a
First Screen:
This is where the splash screen is held for the entire application
that only lasts for 5 second or any time the Client specifies
during development process, after that the application switch to
the second and main screen
Media
Code

18. Second screen :
This is where the articles gets listed to the user from an online
database containing all data like details of an article and images for
it and even a magazine image if
exists.
Every list item contains:
A headline
Description of an article
Thumbnail image for the article
Also in this screen the user can see the categories of the whole
application through a slide menu which contains any number of
categories the client specifies during the development process.

19. Media
Code

20. Media
Code
In this screen ,
after the user
clicks on an
article he will go
to page where it
contains all the
details of the
article like the
magazine page .

21. Media
Code
Our web application contains
4 pages :
First Page:
contains the login screen to
prevent unauthorized access
to your database
and server
Second Page:
contains the list of all
categories where you can do
so many things described in
the next screen.
Back end Details

22. Media
Code
Third Page :
This is where all the items
of the category gets listed in
order to do anything with
them like Edit and Delete
an item or even insert new
items
Fourth Page :
Is for editing an article like
its headline, thumbnail
image, description and the
magazine page.