Post image
Strategy

A comic book project from school : graphic_design


This is a comic book project I made last year and it is a book intended for adolescent and kids of young age. The book tells the story of a mysterious lighthouse keeper whose lighthouse has been struck with a devastating lightning strike, however, unknown to him, a mysterious force awoken him underneath the ocean floor, telling him how the activities of human have damaged the ocean. (read all of it at https://bit.ly/3edzvmc)

Looking back at the project, I feel like the piece doesn’t convey the message very well. But I don’t know if that is because of me or my stupid perfectionist head. I want to have a second opinion on this. So, what do you guys think? Does the book convey the idea of environmentalism or is it just some abstract art piece?

*Sorry for poor interaction, it’s the best I could do.

Post image



Source link

Post image
Strategy

[Showoff Saturday] Built Portfolio site to prep for a new jo…


I have limited design experiencing and even though I know the site looks mostly very clean, I’d like it if any more experienced practitioners can spot any oversights because I have very limited design experience. I still need to add more work examples and fix some kinks in the mobile styles but otherwise everything is mostly finalized. Thanks!

https://patrickloyd.com/

Post image



Source link

Hi ! I would like to request a wallpaper for my monitor (2560 x 1080)
Strategy

Hi ! I would like to request a wallpaper for my monitor (256…


Hi ! I would like to request a wallpaper for my monitor (2560 x 1080)

I would like to ask someone to help draw the attached picture (same style) but a different robot for me. I am able to pay you for your time so please pm and we can talk about it!

https://preview.redd.it/0i9n3iv0s7s41.png?width=2560&format=png&auto=webp&s=7fd3885ac96d87970d5b764ecaa5470f81449cd4

submitted by /u/phuykong
[comments]



Source link

Property details page
Strategy

Moving Away From AWS and Onto Heroku


In the fall of 2018, I decided it was time to put my application design and development knowledge to use in order to provide a modernized solution for my mother-in-law’s small business. Her business is designed to help find living accommodations for those relocating to the southeast part of the United States. Since the weather is warm there throughout the entire year, her clientele typically are seeking a nice climate for their retirement years.

The design of the original application she used wasn’t optimal and included fields to track aspects related to the purchase and sale of the home. Since there were real estate agents that helped put the deal together, she had fields on each record to track the commission each agent would receive.

Here is a screenshot of the original state, with the content removed for security reasons:

Property details page
Property details page

One of the biggest challenges, aside from the lack of cosmetic appeal, is that there was a column in the data source for each agent. As new agents were added, new columns were created for each agent. When agents moved on to other opportunities, the columns remained but were hidden from the form’s view. There was also a lot of work involved when the management structure for the agents changed.

New Application Journey

Since I wanted to become more familiar with running an application in the Amazon Web Services (AWS) ecosystem, I decided to use my mother-in-law’s needs to assist with this effort.

My goal was to leverage the following frameworks:

  • Angular/Angular CLI.
  • ng-bootstrap.
  • angular-font-awesome.
  • jQuery.
  • Spring Boot (Java API).
  • MySQL Database.
  • Okta.
  • GitLab.

As part of the free trial, I planned to utilize the following AWS components:

  • Elastic Beanstalk for the Java API and MySQL Database.
  • S3 container to house the static Angular client.
  • AWS Certificate Manager and CloudFront.

Within a collection of hours, over a series of weeks where I could locate some free time (having a toddler in the house), I was able to finish the development of the Java API and the Angular client.  I found that connecting Okta into the solution was relatively simple. Once I had an understanding of how the solution works.

Application workflow
Application workflow

I was already using a MySQL database in AWS during my initial development.  The “gotcha” that I encountered is that Elastic Beanstalk likes to create the application and database instance at the same time. While it is possible to utilize an existing database, I was not able to spend a lot of time getting up to speed with security and configuration concepts within the AWS collection of services.  Instead, I was able to export the existing data and move into the new instance AWS created.

The updated application’s main form (with test data) is displayed below:

Updated application form
Updated application form

The new form design better grouped the data, and a table of agents was introduced. As a result, only the agent(s) involved in the proper sale were on display — yielding to a better overall application experience.

Life After the Free Trial

AWS is great, in that there is a free trial that lasts an entire year.  The AWS console is pretty good about letting you know what qualifies and what does not qualify as “free” during those first 12 months.

Aside from some additional database usage that I encountered for a personal research project, the cost to run my mother-in-law’s application was really nothing during the free-trial period. When the final quarter of the free trial started, I tried to dive into the console in order to figure out just how much the services in use were going to cost me for month 13 and beyond.  I never quite figured out how to compute all of the costs, but I did not expect to see significant invoices as a result of my new application journey.

Since the free trial has ended, I find that I am spending about $25 per month for my mother-in-law to have a modernized application. Not a bad deal at all, even if I am paying for the services for her.

History Repeating Itself

Eighteen months later, I have found myself in a similar situation as my mother-in-law before the new application journey started. When there are updates to be made to her system, I have a README.md file that I need to review in order to update, validate, and deploy new features and fixes to her application. Since I am not a DevOps person by trade, my personal notes are extremely valuable for me to utilize, since not everything is straightforward in my personal view.

I have steps I need to perform when client updates are performed, both with the Angular framework and with the AWS S3 service that is serving up the static website content.  On the back-end side, I have steps that need to be performed when changes are made to the Java API running on Spring Boot.  If changes are made to the security layer, I have notes around how those updates are integrated as well.

My fear is that some time along the way, processes will change with AWS, causing my README.md file to no longer be valuable. When this happens, I will likely end up in a scramble mode — the updates waiting while I attempt to determine the new manner in which these DevOps actions need to be handled.

Updated Application Journey

Innovation is certainly the key to success at any level in life. The professional athlete hones their skills on a continual basis to remain competitive. The savvy business professional is always looking two steps ahead in order to find differentiators to keep their product or service at high demand. Software engineers are always looking at ways to best meet the needs of their customers, building upon what was learned from past endeavors.

The size of the project or application does not really matter, as I found myself in the very same position. While the backlog of items I need to do for my mother-in-law’s application is small in size, I feel like the project is carrying some technical debt that needs to be resolved:

  • I rely on a list of steps to perform updates — not an ideal situation.
  • I don’t know how my current costs compare to other options.
  • I would like a solution that requires less of a DevOps investment.

Considering Heroku

Performing some analysis, I was able to locate some alternatives for my situation. While Microsoft Azure, Google Cloud, and other “cloud” options exist, I wanted to find something that was more than a 1:1 replacement. After all, cost should not be the sole factor when making a technology decision, which is why I had at least two other items (maintaining a helper list of deployment steps and requiring DevOps skills) I wanted to satisfy if I was actually going to depart from using AWS.

I really wanted to consider Platform-as-a-Service (Paas) options at this point of my project.  I decided to focus on Heroku, despite having some interest in CloudBees, Firebase, and Engine Yard because Heroku appears to be the clear leader in this space. Honestly, this is the very same reason why I decided to utilize AWS with the original application journey in late 2018.

Setting Expectations

From my early research, I was able to conclude the following differences between my current application space (AWS) and my target space (Heroku):

Item Heroku AWS
Beginner/Start-up Friendly  Core Benefit Requires Knowledge
DevOps Skills and Knowledge Not Required Expected
Rich Application Monitoring In Place Requires Effort
Database/Application Code Roll-Back Available Flexible, But Requires Learning
Developer Ability to Focus Primary Goal  Requires Non-Developer Knowledge

This exercise allowed me to understand and set expectations for my updated application journey.

The goal of my exercise and this series of articles will be to understand not only the conversion from AWS to Heroku, but to comprehend the new landscape that I am able to develop against.

If I am able to focus my time on addressing business needs for the target application and not have to worry about DevOps specific tasks, the conversion will be considered a win. If the monthly cost is less than or equal to what I am used to paying, that will only add to the benefit of making the transition to Heroku.

Looking Ahead

In the next articles in the series, I am going to start my updated application journey.

The first thing I plan to understand is if there is a “Hotel California” scenario at play for my current application. While it is easy to get started with AWS and Elastic Beanstalk, just how easy is it to take an existing application and move it to Heroku?

From there, I plan to create a new containerized API for use in Heroku. There are some aspects (logged as technical debt) that I wish to refactor on the new journey to Heroku for nothing else than my personal piece of mind. At the same time, I plan to make some adjustments to the client as well, based upon conversations with my mother-in-law.

I will also need to figure out how the static files (in Angular) will be handled in Heroku, as I do wish to move everything to the target destination.  I fully expect to apply some security updates as well.

With everything ready to go, I will walk through the process of establishing a new application presence inside Heroku.  While my application is quite small, I do hope that this experience can translate to other candidates in a similar situation.

As a conclusion, I plan to provide a comparison of this new application experience to what I have known to become normal in using the AWS ecosystem for the past 18 months.  This information will allow a decision to be reached if Heroku is a valid option.

Have a really great day!



Source link

Post image
Strategy

What is the name of this style? : webdev


Post image

The photo is from https://www.behance.net/gallery/94282067/Mihael-Koshelev-website.

What is the name of this page style? It is a site that has everything immediately after launch. Contact, links to social media and name. I tried to search similar page using phrases “single page”, “one page” etc., but then I found pages that have further content at the bottom. The point is that there should be no additional content.

On the occasion. If you know pages that are made in this way, it will be nice if you link them. I want to do something similar and I’m looking for inspiration.

Thanks for reading.



Source link

supermoon against black sky
Strategy

Space Photos of the Week: The Super Pink Moon


This past week, much of the world was treated to a Super Pink Moon and if you were one of many who missed out due to clouds or rain, don’t worry! This gallery of other supermoon shots will make up for it.

A supermoon is a full moon that happens when the stony satellite is also closest to Earth in its orbit. And, yes, while moonrises and moonsets make the moon look bigger because it’s behind buildings or natural objects that make it look huge by comparison, supermoons are in fact on average 7 percent bigger than a normal full moon and 15 percent brighter. But the Super Pink Moon is not really pink: It’s just called that because a pink North American wildflower called Phlox subulata blooms in early April.

Writers and poets love the moon, super or not, so this week we’ll offer a series of moon-related quotes and poems. Guess the author, then scroll down to the bottom for the answers.

Photograph: Getty Images

“Swear not by the moon, the inconstant moon, that monthly changes in her circled orb, lest that thy love prove likewise variable.”

Photograph: Yui Mok/Getty Images

“The stars are not wanted now: put out every one; Pack up the moon and dismantle the sun; Pour away the ocean and sweep up the wood. For nothing now can ever come to any good.”



Source link

Post image
Strategy

[Question] WordPress Apache ERROR : webdev


I need help. Problem I have is that I when I try to enable permalink to show my pages as www.abc.com/page/ it doesn’t work but works if I change the WordPress settings to link to exact page like www.abc.com/page/page.php I want to display pages in the former, more beautiful URL format

I have a typical LAMP setup on Ubuntu 18.04

This is what I did

  1. Enabled mod_rewrite

  2. My .htaccess file looks like this :

Post image

3- when i edit the value in /etc/apache2/apache2.conf from

Post image

Old

to

Post image

New

The website crashes whenever i change the above value ,

I also tried to re install my apache server and nothing seems to work .

Please advise



Source link

Post image
Strategy

Flex Box Trouble : webdev


Hey guys! I’ve recently been playing around with using flex (as I am new to web development) and I’ve come across a random error where I don’t even know how to trouble shoot…

There used to be a border around my logo image, and then it disappeared! And on my phone, the navbar and the web pages never merged, now they do (even though they don’t merge on the full web version? Also on the web version, now some of my buttons on the navbar are in wonky positions.

I feel like this is something super simple that I just don’t know how or what to do for it…

Here’s some pictures & code!

Post image

This is the full web version

This is the mobile version

Header HTML:

<?php
  session_start();
?>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Example of meta discription.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  </head>

    <header>
      <nav>
        <div class="navigation">
          <a href="teacherportal.php">
            <img src="img/logo.png" alt="logo">
          </a>
          <ul>
            <li><a href="index.php">Not a Teacher?</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About Me</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
          <div class="log-on">
            <?php
              if(isset($_SESSION['userid'])){
                echo '
                      <form action="includes/logout.inc.php" method="post">
                        <div class=buttons>
                        <button type="submit" name="logout-submit">Logout</button>
                        </div>
                      </form>
                ';
              }
              else{
                echo '
                      <form action="includes/login.inc.php" method="post">
                        <input  type="text" name="mailuid" placeholder="Username/Email...">
                        <input  type="password" name="pwd" placeholder="Password...">
                        <button type="submit" name="login-submit">Login</button>
                      </form>
                      <a href="tsignup.php">
                        <button>Signup</button>
                      </a>
                ';
              }
             ?>

          </div>
        </div>
      </nav>
    </header>

Sign up HTML:

<?php
  require "theader.php";
?>

    <link rel="stylesheet" href="css/signup.css">
    <main>
      <div class="signup">
        <section>
          <h1>Signup</h1>
          <?php
            if(isset($_GET['error'])){
              if($_GET['error'] == "emptyfields"){
                echo '<p>Fill in all fields</p>';
              }
              elseif($_GET["error"] == "invalidemailuserid"){
                echo '<p>Invalid email and user ID</p>';
              }
              elseif($_GET["error"] == "invalidemail"){
                echo '<p>Invalid email</p>';
              }
              elseif($_GET["error"] == "invaliduserid"){
                echo '<p>Invalid user ID</p>';
              }
              elseif($_GET["error"] == "passwordcheck"){
                echo '<p>Passwords do not match</p>';
              }
              elseif($_GET["error"] == "useridtaken"){
                echo '<p>User ID is alreadu taken</p>';
              }
            }

            if(isset($_GET["signup"])){
              if($_GET["signup"] == "success")
              echo '<p>Signup successful!</p>';
            }
           ?>
          <form class="form-signup" action="includes/tsignup.inc.php" method="post">
            <input type="text" name="userid" placeholder="Username">
            <input type="text" name="email" placeholder="Email">
            <input type="password" name="pwd" placeholder="Password">
            <input type="password" name="pwd-repeat" placeholder="Repeat password">
            <button type="submit" name="signup-submit">Signup</button>
          </form>
        </section>
      </div>
    </main>

<?php
  require "footer.php";
 ?>

CSS for header:

body{
  padding:0;
  margin: 0;
}
.navigation{
  border: 1px solid black;
  height: 120px;
  display:flex;
  padding: 0;
  margin: 0;
  justify-content: space-around;
  flex-wrap: wrap;
}

img{
  padding:0.5em;
  border: 40px dotted red;
  width: 150px;

}

ul{
  border: 1px solid black;
  display:flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  justify-content: space-around;
}

li{
  background-color: white;
  color: black;
  border: 2px solid #555555;
  height: 20px;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

li:hover{
  background-color: #555555;
  color: white;
}

.log-on{
  display:flex;
  border: 1px solid black;
}

input{
  padding:0.5em;
  margin:0.5em;
}

button{
  background-color: white;
  color: black;
  border: 2px solid #555555;
  padding: 5px 10npx;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

button:hover {
  background-color: #555555;
  color: white;
}

CSS for Sign up:

.signup{
  border:1px solid black;
  display:flex;
  justify-content: center;
}

.form-signup{
  border:1px solid black;
  display:flex;
  flex-direction: column;
}

h1{
  border:1px solid black;
  display: flex;
  justify-content: center;
}



Source link