Portfolio page: https://estvii.github.io/portfolio/
Repository: https://github.com/estvii/portfolio
Purpose:
- To show-case my work to potential employers and allow them to find ways to get in touch with me.
- Demonstrate my learning capabilities as I pick up and learn languages and technology relevant to the web development industry.
Functionality/Features:
- Reponsive website that will adjust itself based on user device to ensure that no side scrolling will be required.
- Responsive navigation bar - the nav bar will change to into the a hamurger menu as the pixel width decreases
- smooth scrolling - users can click on the navigation bar ontop and the web page will scroll to the desired content
- Bootstrap cards - card hover animation creating a shadow-box and functioning links to take user to another page
- Boostrap carousel - functioning buttons to take users to another page
- Icons - functioning icons to allow users to contact me via email, github or linkedin
Sitemap
Screenshots
Image of mobile version homepage
Image of mobile version projects page
Image of mobile version internet page
Image of desktop projects page
Image of desktop internet page
Target audience:
- Employers
- Educators
- Other programmers interested in web development
Tech Stack: Programming Language
- Ruby
- HTML5
- CSS3
Font Script
- Font Awesome
- Google Font API
Web Framework
- Ruby on Rails
- Bootstrap4.1.3
Cache Tool
- Varnish
CDN
- Fastly
- GitHub Pages
JavaScript Libraries
- jQuery3.3.1
Design Process:
- Goal: The portfolio website is for me to put my future work onto the web page to show-case and inform to potential employers of my on going work and my growth as an aspiring web developer.
- Scope Definition: To design, build, deploy and present a portfolio website before Monday 10:00am 24/09/2018. At mininum the website is include the following information: name, contact details, links to github and linkedin accounts, information about myself, education and work history.
- Visual elements: Pinterest was used as the platform for the moodboard. Please see below for sample: https://www.pinterest.com.au/visteven00/website-color-palette/ https://www.pinterest.com.au/visteven00/minimal-web-design/
- Testing: Website to be tested locally.
- Launching: website is currently being launched via github pages platform
Wireframes
Mobile Layout
Desktop Layout
Personal Logo: Work in Progress
Usability Consideration The web page has been build with some consideration to users that may have disabilities. Images have associated alt attributes providing a concise description of the image at interest. As per WCAG 2.0 standards, web page remains responsive when user resizes content at 200%.
Project plan & timeline Project Start date: Tuesday 18/09/18 Project End Date: 10:00am Monday 24/09/18
- 18/09/2018 - Research existing portfolios and develop a moodboard for ideas. First commit of a basic html layout.
- 19/09/2018 - Rough sketching of website layout, draft layout into balsamiq. Research bootstrap to develop a framework. Integrate bootstrap into html page
- 20/09/2018 - Insert information into bootstrap and research more into additional features to be implemented into bootstrap.
- 21/09/2018 - Integrate basic css into projects. Develop media queries to make web page responsive. Add additional html pages for project.html and internet.html.
- 22/09/2018 - Further touch-up. Develop Documentation and presentation.
- 23/09/2018 - Additional touch ups html/css files and documentation/presentation as required.
- 24/09/2018 - Submit and Presentation.
Trello Board Screenshot
Describe key events in the development of the internet from the 1980s to today.(max 150 words)
- 1982 - TCP (Transmission Control Protocol) and IP (Internet Protocol) emerge as the protocol for ARPANET. Once implemented it made it a lot easier for different networks to connect to one another forming what is called the internet.
- 1983 - The Domain Name System (DNS) establishes the familiar .edu .gov .com etc for naming websites. This became easier for users remember than the previous designation for websites which used ip address e.g. 123.456.78.0
- 1990 - HyperText Markup Language (HTML) is developed by CERN, which continues to have an impact today on how we view the internet.
- 1991 - The World Wide Web is introduced to the public
- 1995 - Javascript was introduced which enabled interactive web pages and this being an essential part of web applications
- 1996 - Cascading Style Sheets (CSS) was introduced to provide a means to describe the presentation of a document written in a markup language like HTML
- 1998 - IPv6 is introduced, to allow for future growth of Internet Addresses. The current most used protocol during the time is IPv4
- 2014 - HTML5 released
Define and describe the relationship between fundamental aspects of the internet such as: domains, web servers, DNS and web browsers (150 words max)
A web browser is a software application for accessing the worldwide web. Each individual web page is identified by a unique url enabling users to retrieve its content. In the url, a domain-name exist which is used in finding the correct web server.
Domain names exist as part of the DNS (Domain Name System), it is a name that is assigned to the ip address of a website. This makes it a lot easier for users to remember names rather then having to type in a websites ip address. DNS is the equivalent to the internets phonebook which maintains a directory of all the domain names and translates them into IP addresses.
Web servers is a hardware/software that serves content to the world wide web. It hosts a websites content while the server program delivers the web pages content to a users web browser based on incoming network request.
Reflect on one aspect of the development of the internet technologies and how it has contributed to the world today (150 words)
1974 Vinton Cerf and Bob Kahn published “A Protocol for packet network interconnection” which details the design of TCP / IP which is still being used today. The Transmission Control Protocol (TCP) details the standard for a way of formatting packets so that each network was speaking the same language. Internet Protocol (IP), was a standard way of assigning addresses to ensure packets are going in the right direction.
Prior to this networks formatted their packets differently and was often difficult to connect. It wasn’t until 1982 when TCP / IP became the standard for networks to talk to each other, this meant networks could be scaled a lot easier resulting in what is called the internet.
The birth of the internet has allowed for billions of computers and devices to connect to each other, allowing the convenience of sharing and receiving information between users.